上回说到组件聚合，反映的是组件内部的“基本元素”的选择标准。第14章介绍的组件耦合则是指组件和组件之间的关系，这些依赖关系有些是好的，有些是不好的，我们即将看到的这些原则就是在澄清什么是好的依赖标准。 ADP（Acyclic Dependencies Principle 无依赖…

本文就是简单介绍下 Async 语法编译后的代码。 以上这段代码主要是用来实现 generator 的自动执行以及返回 Promise。 var gen = fn.apply(this, arguments) 就相当于 var hw = helloWorldGenerator(…

取这个标题，可能有点膨胀，毕竟看到“架构”这个词，很多人想到的可能是大项目，涉及到分布式，高并发等一些高大上的东西。 前段时间分别用vue和react写了两个后台管理系统的模板vue-quasar-admin和3YAdmin。两个项目中都实现了基于RBAC的权限控制。因为本职工…

JavaScript ES2015 规范出现后，一切都大变样啦。 该规范很大——随着对modules（模块）原生支持以及不断发展的函数式编程，新的 JavaScript 语言重焕新生。并且每年持续推出 ES2016，ES2017 ... 然而在面试或招聘前端开发时，期望、现实和…

作为一个有追求的程序员！！！痛定思痛！！！同样的悲剧绝对不能在同一个技术面发生两次！！！流着泪写下该篇总结，希望可以给大家一些启发。 动画的实现原理，是利用了人眼的“视觉暂留”现象，在短时间内连续播放数幅静止的画面，使肉眼因视觉残象产生错觉，而误以为画面在“动”。 大多数设备的…

可以认为require模块是一个command，module模块是所需模块的organizer。 require模块暴露出一个函数（就像上面看到的那样）。当require()函数传入一个path参数的时候，node会依次执行如下步骤： Resolving : 找到path的绝对…

简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。 例如：Expires：Thu，15 Apr 2010 …

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

megalo 是基于 Vue 的小程序框架（没错，又是基于 Vue 的小程序框架），但是它不仅仅支持微信小程序，还支持支付宝小程序，同时还支持在开发时使用更多 Vue 的特性。 对于用户而言，小程序能提供更好的体验，但对于开发者而言，要让一个应用跑在多个平台上，则需要写多套代码…