了解前端工程化

现在前端的工作与以前的前端开发已经完全不同了。刚接触前端的时候,做一个页面,是先创建 HTML 页面文件写页面结构,再在里面写 CSS 代码美化页面,再根据需要写一些 JavaScript 代码增加交互功能,需要几个页面就创建几个页面,相信大家的前端起步都是从这个模式开始的。而实际上的前端开发工作,

React Hook 封装常见业务场景,有哪些你用得到?

本文来看下 ahooks 针对常见的业务场景做了哪些封装。通过对这些 hook 的分析和思考,希望能够给大家在日常工作中遇到的场景有所帮助useAntdTable文档地址详细代码useAntdTable 基于 useRequest 实现,封装了常用的 Ant Design Form 与 Ant De

为啥vue和react都选择了Hooks?

📖阅读本文,你将:初步了解 Hooks 在 vue 与 react 的现状听一听本文作者关于 Hooks 的定义和总结弄懂“为什么我们需要 Hooks”进行一些简单的 Hooks 实践一、hooks: 什么叫大势所趋?2019年年初,react 在 16.8.x 版本正式具备了 hooks 能力。

useCallback 和 useMemo 的区别

区别概览useCallBackuseMemo返回值一个缓存的回调函数一个缓存的值参数需要缓存的函数,依赖项需要缓存的值(也可以是个计算然后再返回值的函数) ,依赖项使用场景父组件更新时,通过props传递给子组件的函数也会重新创建,然后这个时候使用 useCallBack 就可以缓存函数不使它重新创

Vue3的组件通信

组件之间的通信经过前面几章的阅读,相信开发者已经可以搭建一个基础的 Vue 3 项目了!但实际业务开发过程中,还会遇到一些组件之间的通信问题,父子组件通信、兄弟组件通信、爷孙组件通信,还有一些全局通信的场景。:::tip这一章节的内容,Vue 3 对比 Vue 2 的变化都比较大!:::这一章就按使

高效开发

高效开发可能很多开发者(包括笔者)刚上手 Vue 3 的那段时间,都会觉得开发过程似乎变得更繁琐了, Vue 官方团队当然不会无视群众的呼声,如果基于脚手架和 .vue 文件开发,那么可以享受到更高效率的开发体验。在阅读这一章之前,需要对 Vue 3 的单组件开发有一定的了解,如果还处于完全没有接触

Vue3的单组件开发

outline: ‘deep’单组件的编写项目搭好了,第一个需要了解的是 Vue 组件的变化,由于这部分篇幅会非常大,所以会分成很多个小节,一部分一部分按照开发顺序来逐步了解。因为 Vue 3 对 TypeScript 的支持真的是太完善了,并且 TypeScript 的发展趋势和市场需求度越来越高

Vue3的插件的开发和使用

插件的开发和使用在构建 Vue 项目的过程中,离不开各种开箱即用的插件支持,用以快速完成需求,避免自己造轮子。在 Vue 项目里,可以使用针对 Vue 定制开发的专属插件,也可以使用无框架依赖的通用 JS 插件,插件的表现形式也是丰富多彩,既可以是功能的实现,也可以是组件的封装,本章将从插件的使用到

Vue3的路由

路由的使用在传统的 Web 开发过程中,当需要实现多个站内页面时,以前需要写很多个 HTML 页面,然后通过 <a /> 标签来实现互相跳转。在如今工程化模式下的前端开发,像 Vue 工程,可以轻松实现只用一个 HTML 文件,却能够完成多个站内页面渲染、跳转的功能,这就是路由。:::t