全解析异步编程的几种方法
前端技术飞速发展，曾经的最佳实践，在未来可能被新的方法代替，而我们只有保持不断学习，才能不那么迷茫，异步编程一直是JavaScript中的比较难学的部分，也是面试中的高频考题。
这些强大的 JS 操作符，你都知道吗?
操作符可以根据他们期待的操作符个数来分类，多数的JavaScript操作符都是二元操作符，二元操作符可以将两个表达式合成一个更复杂的表达式。JavaScript也支持一元操作符，这些操作符可以将一个表达式转化为另一个更复杂的表达式
js禁止复制页面文字
做项目的时候有客户提出要求，不能用用户浏览他发表的文章时复制他的文章,一种比较简单的方法，禁止用户选中页面的文字和禁止用户右键菜单:
CommonJS模块 和 ECMAScript模块
CommonJS模块(下面简称 cjs) 是为Node.js打包JavaScript代码的原始方法。使用 require 和 exports（module.exports的简写） 语句定义模块。 ECMAScript模块(下面简称 esm)是ecma262标准下封装的JavaScript代码重用的官方标准格式。
在 JavaScript 中，什么时候使用 Map 或胜过 Object
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
Web应用安全防护的十大误区
随着企业数字化转型的深入，越来越多的业务应用系统被部署到互联网平台上，这吸引了网络犯罪团伙的强烈关注，以Web攻击为代表的应用层安全威胁开始凸显。通过利用网站系统和Web服务程序的安全漏洞
使用 Vue3 构建 Web Components
有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的
不要再搞混Vue的响应式原理和双向数据绑定了
之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是 Vue ，所以免不了问到其响应式原理和 Vue 的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理再问双向数据绑定原理，来面试的同学大都会认为是一回事
深入浅出 package.json，目测大多数人不了解它
package.json中也存在很多三方属性，比如tsc中使用的types、构建工具中使用的sideEffects,git中使用的husky，eslint使用的eslintIgnore，这些扩展的配置，针对特定的开发工具是有意义的这里不一一举例。