ilovedesert001

大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说，很多时候需要小心翼翼的去判…

本文会使用前端技术来模拟2d和3d鸟群，我选用canvas元素绘制，当然也可以使用css3或者svg。 2d的渲染引擎我选择cax，cax是一款我非常喜欢的渲染引擎，支持小程序、小游戏以及 Web 浏览器渲染。用它既能开发小游戏也能开发图表（见wechart），强力推荐！ 考虑…

下面让我们来实现一个简单的路由系统。该路由系统将基于React进行书写。在写之前，我们先仔细想下，我们应该从哪方面入手。这是最终实现的效果simple-react-router-demo 不论是前端还是后端路由，我们都可以通过一种路由匹配加匹配后回调的方式来实现。如果没有理解也…

在React的实现中，有几种写法需要了解。 我们这里使用直接赋值的方法，而不是使用setAttribute来给dom添加Attribute，是为了保证只有有效的Attribute才能被赋值。这里涉及到attribute和property的区别。 这里的name是property…

MVVM 是 Web 前端一种非常流行的开发模式，利用 MVVM 可以使我们的代码更专注于处理业务逻辑而不是去关心 DOM 操作。目前著名的 MVVM 框架有 vue, avalon , react 等，这些框架各有千秋，但是实现的思想大致上是相同的：数据绑定 + 视图刷新。出于好奇和一颗愿意折腾的心，我自己也沿着这个方向写了一个最简单的 MVVM 库 (mvvm.js)，总共 2000 多行代码，指令的命名和用法与 vue 相似，在这里分享一下实现的原理以及我的代码组织思路。

MVC是一种设计模式，它将应用划分为3个部分：数据(模型)、展示层(视图)和用户交互层。结合一下下图，更能理解三者之间的关系。 模型：用来存放应用的所有数据对象。模型不必知晓视图和控制器的细节，模型只需包含数据及直接和这些数据相关的逻辑。任何事件处理代码、视图模版，以及那些和模…

本系列可以看作是我个人对于 Addy Osmani 的著作《Learning JavaScript Design Patterns》中内容的提炼，类似阅读笔记，目的是为了简单快速、又不失全面地了解设计模式的相关概念、特点、分类及其在 Javascript 中的实际用法。 分为五…

前端菜鸟之理解 js 原型链