所谓数据代理（也叫数据劫持），指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。比较典型的是 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象。另外还有已经被废弃的 Object.obse…

学过前端的开发人员在项目开发的时候，都会遇到 0.1+0.2!=0.3 的诡异问题。按照常规的逻辑来思考，这肯定是不符合我们的数学规范。那么JavaScript中为啥会出现这种基本运算错误呢，其中的原理又是什么。这篇文章将从原理给大家梳理此问题的缘由 在进入原理解析之前，笔者先…

国际惯例先自我介绍。我叫 lien，17 年毕业于双非大学非科班，是一位玩了 3 年视频后期，在网易游戏做了 1 年视频后期与活动运营。 在某次机缘巧合,程序员同事给一些网站给我看濒临灭绝动物、我的世界预约等网站，并深深吸引，好像抓到自己从事视频后期无法得到的东西————与用户…

随着移动端市场的份额越大，需求就越多样化。我们今天讨论的是移动端的滚动穿透问题。上面这段调侃的话可以看出需求中弹窗浮层还是挺常见的，那这个和滚动穿透有什么联系呢？ 接下就说下我对滚动穿透问题解决方案探索的过程，希望对大家有点启发。 接到这个需求觉得没有难度，很快就提测了，然后就…

作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。 不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人的if代码的时候，心情就不再表述了，各自深有体会。所以我们一起看看if还能怎么写 假设有这么个场景,不同情况…

1. 什么是路由 早期的路由都是后端直接根据 url 来 reload 页面实现的，即后端控制路由。 后来页面越来越复杂，服务器压力越来越大，随着 ajax（异步刷新技术） 的出现，页面实现非 reload 就能刷新数据，让前端也可以控制 url 自行管理，前端路由由此而生。 …

我一开始也有这个疑惑，但是当我实际实现一个动画的时候，比如开头的那个卡片动画，这个疑问就立即得到了解答。 但除此之外，还有一部分你无法明确的初始态(First)或结束态（Last）的动画，比如开头那个卡片动画，除非你限定死了每个卡片的尺寸以及整体页面的尺寸，否则你无法明确当你任…

无论是对象还是数组，需要实现双向绑定的话最终都会执行这个函数，该函数可以监听到 set 和 get 的事件。 在 Object.defineProperty 中自定义 get 和 set 函数，并在 get 中进行依赖收集，在 set 中派发更新。接下来我们先看如何进行依赖收集…

在解读源码之前，先来简单了解下 Vuex 的思想。 Vuex 全局维护着一个对象，使用到了单例设计模式。在这个全局对象中，所有属性都是响应式的，任意属性进行了改变，都会造成使用到该属性的组件进行更新。并且只能通过 commit 的方式改变状态，实现了单向数据流模式。 在看接下来…