本文介绍对vue-plugin-hiprint部分重要代码的解析，这是一个很好的开源插件，能够自己自定义打印模板，通过后端传来的数据进行渲染打印，官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。分别是：拖拽组件、画布、属性栏封装js中，使用addPrintElementTypes方法添加自定义的组件，可以查看print.io官方文档来配置参数。通过控制台

Gulp是一个自动化构建工具，类似Webpack，目的是把开发环境的代码转换为生产环境的代码，比如ES6转ES5、Saas转CSS、文件压缩等。Gulp的整体设计思路是通过文件读写和一系列Stream插件实现文件内容处理，完成构建工作。完整的构建工作可以拆分为多个构建步骤，每一个构建步骤称之为任务，一个大型的项目构建由多个任务组合完成。

通过表格展示树的层级，可通过对树的勾选对每一个界面的dom元素进行控制，控制程度可精确到组件/标签整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。有需要的小伙伴，可以点击文末卡片领取这份文档，无偿分享部分文档展示：文章篇幅有限，后面的内容就不一一展示了有

用户登录这个功能在现在越来越普遍，我也就研究了一下，本文主要讲登录这个功能中token的验证功能，本例使用的是vue框架，如何实现用户登录功能的token验证，以及整个的逻辑关系，也会将涉及到的其他知识点都讲清楚，让大家更容易更透彻的了解这个功能。废话不多说，看正文！总体就是这样，接下来细说每个部分涉及的知识点和代码。 用于生成token和token的解析验证 1.JWT的组成：一个JWT实际上就

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

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的相关知识，提升工作效率。有需要的小伙伴，可以