原文传送门翻译说明：本文翻译采用意译并对原文进行适当排版以方便阅读。术语采用加粗斜体表示，术语第一次出现时其后括号内标注英文术语。如果你像我一样，想对Angular中的变更检测(ChangeDetec

最近在做小程序，发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多，写起来也比较繁琐，也没有找到类似组件，所以就自己动手写了一个。 ... 想在手机上使用配置自己的 appid 即可。 普通绘制，绘制单张分享图。 把 components 中的 canvasdrawer 拷…

由模型变化触发的 DOM 更新是所有前端框架的重要功能（注：即保持 model 和 view 的同步），当然 Angular 也不例外。定义一个如下模板表达式： 当每次 name 值发生变化时，Angular 会神奇般的自动更新 DOM 元素（注：最上面代码是更新 DOM 文本…

上个月有幸研究了 react 事件机制这个知识点，并且在公司内部把自己的理解进行了分享。现在趁还算热乎赶紧的整理下来，留住这个长脸的时刻。 主要分为4大块儿，主要是结合源码对 react 事件机制的原理 进行分析，希望可以让你对 react事件机制有更清晰的认识和理解。 当然肯…

杀鸡焉用牛刀呢，今天我们来学习下专门用来处理URL的query的接口：URLSearchParams 。 有时候不知道一个字段是否存在，所以想事先校验下。使用实例的has方法进行判断，代码： 有时候想重写一个字段，而不是添加(append)一个字段，这时候需要使用set方法，比…

当然实现这个效果，前端的角度来说，有很多，这里介绍最简单的，达到这个效果纯粹是元素圆性布局，如果仅仅是这样肯定没有达到各位老铁心理需求，所以既然，做了肯定是要做一个麻雀虽小五脏俱全的小demo,于是就把vue全家桶用上带设置的小项目。接下来就一步一步带各位从0到1构建这个小东西…

阅读源码的方式有很多种，广度优先法、调用栈调试法等等，此系列文章，采用基线法，顾名思义，就是以低版本为基线，逐渐了解源码的演进过程和思路。 react最初的设计灵感来源于游戏渲染的机制：当数据变化时，界面仅仅更新变化的部分而形成新的一帧渲染。所以设计react的核心就是认为UI…

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…