bind(){}：每当指令绑定到元素上的时候，就会立刻执行bind这个函数。只调用一次。和css相关的操作，可以放在这个钩子函数中。inserted(){}：元素插入到DOM中的时候，会执行inserted函数。只调用一次。update(){}当数据跟新的时候，就会执行updated,可能会触发多次可以通过 bing.value(新值)!== bing.oldValue(旧值) 来判断跟新的时候做

webpack 是一个静态的模块化打包工具，为现代的JavaScript应用程序服务打包 bundler：webpack可以帮助我们进行打包，所以它是一个打包工具静态的static：将代码打包成最终的静态资源（部署到静态服务器）模块化module：webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等现代modern：前端开发的各种问题，催生了webpack的出现we

先简单回顾一下整体的更新逻辑：当用户触发更新操作时，React会首先尝试应用默认的性能优化策略尝试对组件进行bailout，这一阶段我们在编码过程中可以尽可能的应用状态下放和内容提升满足默认性能优化策略条件提高bailout命中率默认bailout不满足时，我们也可以使用像React.memo来降低匹配条件，再次进行bailout当必不可少的需要重新渲染时，我们可以使用useMemo来减少渲染的时

它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。

上面实现了5种推送的方案，弄了一个表格简单对比一下方案（准）实时单次连接自动重连断线检测双向推送无跨域短轮询❌❌➖✅❌❌长轮询✅❌➖✅❌❌SSE✅✅✅✅❌❌WebSocket✅✅❌✅✅✅iFrame✅✅❌❌❌❌最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。有需要的小伙伴，可以

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。使用图片懒加载就可以解决上述问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在滚动屏幕时才加载。懒加载适用于图片较多，页面较长的页面场景中。**懒加载与预加载的区别：**一

在 React16.8推出之前，我们使用并配合一些中间件，来对一些大型项目进行状态管理，React16.8推出后，我们普遍使用函数组件来构建我们的项目，React提供了两种Hook来为函数组件提供状态支持，一种是我们常用的useState,另一种就是useReducer, 其实从代码底层来看useState实际上执行的也是一个useReducer,这意味着useReducer是更原生的，你能在任何

一个项目初试化，首先要创立一个单独的项目文件夹，然后终端npm init直接安装package.json，api.js接口文件，路由模块创立一个文件夹夹，路由函数又要分为一个模块，再把数据库创立好，基本就可以开始完成功能需求了，用后端node完成增删改查项目文件分类：Go2.写好接口文件该去给路由创建模块写好接口文件该去给路由创建模块Go3.处理函数模块处理函数模块Go4.api入口文件测试这个时

最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。

Chrome DevTools提供了更多强大的功能供我们使用，它们可以大大的提高我们的开发效率。以上只是Chrome DevTools里一小部分使用技巧，更多的使用技巧欢迎大家在评论区补充分享。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。