由于 autocomplete="off" 现代浏览器已经不支持，所以直接放弃了对密码框设置，直接使用 autocomplete="new-password" ，亲测Chrome(v88.0.4324.104)、edge(v88.0.705.56)及火狐(v67)可用，但火狐(…

在上一篇文章中，我们了解了 Vue 3 将带来的性能改进。我们已经知道，用新的 Vue 3 编写的程序效果会很好，但性能并不是最重要的部分。对开发人员而言，最重要的是新版本将会怎样影响我们编写代码的方式。 如你所料，Vue 3 带来了许多令人兴奋的新功能。值得庆幸的是，Vue …

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

在公司里一般有多个相同技术栈的项目，毕竟在多个项目间copy公共组件代码太繁琐，也不利于组件库的维护，所以怎么高效维护一套公共的组件代码很重要。这种情况，一般我们可以考虑封装成组件库，发布到npm上。

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…

前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

调试nodejs有很多方式，可以看这一篇How to Debug Node.js with the Best Tools Available，其中我最喜欢使用的还是V8 Inspector和vscode的方式。 就能看到launch.json的文件了。 当request为lau…

作为一个前端开发者，从最开始的js、jQuery一把梭，后来的vue、react、angular等MVVM、MVC框架，我们在开发工程中都离不开HTTP库的使用。 这样，一个请求的工具方法就完成了，但是这个方法现在只支持基本的请求和基本配置项的配置，还是缺少我们很常用的公共请求…

这段代码，蕴含着很多知识。 首先是通过闭包对内部变量进行了私有化，外部是无法访问闭包内的变量。其次是对外暴露了接口来提供外部对内部属性的访问。这其实是典型的“沙盒模式”。 沙盒模式帮我们保护内部数据的安全性，在沙盒模式下，我们只能通过return出来的开放接口才能对沙盒内部的数…