前端玩家

前段时间在写项目时对nextTick的使用有一些疑惑。在查阅各种资料之后，在这里总结一下Vue.js异步更新的策略以及nextTick的用途和原理。如有总结错误的地方，欢迎指出！ 在点击click事件之后，number会被遍历增加10000次。在Vue.js响应式系统中，可以看…

特点:本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说明,官方没有或复杂或略过的都有详细的说明.总结:每一节都会有tips注意点,实际开发的经验和总结. 如果是…

聊一聊在 EcmaScript 5/6+ 中的一些代码小技巧

想过？太好了，英雄所见略同。 本文就是讲解如何在按下（或者按住）一个按钮时，既执行一个函数，又清除输入。 首先，我会讲解如何使用纯 JS 实现。而后也会创建一个 Vue 指令。 请系好安全带。好戏在后头呢。 要实现长按，用户需要按下并按住按钮几秒钟。 想通过代码模拟这一效果，我…

最近我在整理一套团队内部使用的设计规范，其中颜色部分参考了 Ant Design 的 “色彩” 部分，恰逢 Ant Design 发布了 3.0 版本，调色板做了调整，借此机会我学习了一下 Ant Design 迄今为止三个版本色板生成算法的源码，感觉其“确定”设计思想非常值得…

当与其他 JavaScript 开发人员交谈时，令我经常感到惊讶的是，有很多人不知道变量作用域是如何在 JavaScript 里起作用的。这里我们说的作用域指的是代码里变量的可见性；或者换句话说，哪部分代码可以访问和修改变量。我发现大家在代码中经常用 var 声明变量，而并不知…

1. 工厂模式：用函数来封装，以特定接口创建对象的细节 2. 构造函数模式： 3. 原型模式 可以给原生引用类型（Object、Array、String。。。）添加修改方法 4. 组合使用构造函数模式和原型模式：（定义引用类型的一种默认模式） 5. 动态原型模式： 6. 寄生构…

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

web浏览器组合元素的style属性，然后再计算样式。 描述坐标的系统有笛卡尔坐标系统和齐次坐标系。 用一组数值在一组平面上表示一个点。其坐标为右手法则（在三维上） 通过将点用矩阵进行表示，对矩阵进行变换，（线性的变换）得到相应的结果。例如进行乘法变换，加法变换等等。 属性将会…