软件架构被高估，清晰简单的设计被低估
软件架构最佳实践、企业架构模式以及系统描述的正式方法都是非常重要且实用的工具，总会有合适的场景让它们发挥作用。但在设计系统时，请从简单始、以简单终，尽可能避免一切会无谓提高复杂度的架构与正式工具
vue-router路由元信息及keep-alive组件级缓存
路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？
Js实现Call、apply、bind、Promise、Object.create、new、reduce
这些API的特点以及具体用法我就不介绍了，相信你如果奔着手动实现的方向来看，那么你一定对它很了解，核心: this永远指向最后调用它的对象
让骨架屏更快渲染
让我们先来看一下时间线，打开 Chrome Devtool 中性能面板：不难发现，在 HTML 下载完毕之后，浏览器仍然需要等待样式（index.css）下载完毕才开始渲染骨架屏。
事件流程以及dom2级事件绑定
事件流程分为三个阶段：捕获阶段、目标阶段、冒泡阶段。dom2级事件可以重复绑定，在高级浏览器中的执行顺序是从上至下。在ie8以下浏览器中是倒叙执行，但是当attachEvent和dom0级一起执行时
js 禁止/允许页面滚动
passive，设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿。等待监听器的执行是耗时的，有些甚至耗时很明显，这样就会导致页面卡顿。即便监听器是个空函数，也会产生一定的卡顿，毕竟空函数的执行也会耗时
js中的null和undefined
null和undefined属于js中两种不同的基本数据类型，都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。并且在if语句的判断条件中，它们都会自动转为false
为什么会产生微服务架构？
Web应用架构受系统用户量、开发人员组织方式影响严重。过去二十年互联网迅速发展，Web架构也从单体式演进出微服务，背后还有比如 Martin Fowler 提出的理论支撑。虽然每个人都听说过微服务，但是很多人并不太清楚为什么要这么做
flutter实现按键监听
开发中，有时候需要监听按键事件，flutter自身就支持此功能，并不需要在更底层的平台原生代码中实现。flutter要实现按键监听，直接使用RawKeyboardListener这个Widget即可：