如果统计一番前端最常用的方法，那么 console.log 一定位列其中。无论你写的是原生 JS 亦或者是 JQuery、Vue等等，调试之时，都离不开 console.log 方法。但是，console 对象中的方法不仅仅只有 log 方法。强大的 console 对象提供了…

俗话说的好，工欲善其事必先利其器，有了vscode这样好的开发工具，那肯定要配上更好的发动引擎（vscode插件）。废话不多说，现在来介绍几款常用vscode插件，让我们的开发更具有速度。 描述：可以美化高亮 javascript, JSON, CSS, Sass, and H…

Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 /api/json 接口 404，当然此时这个接口还不存在，暂时写到…

周报将 Web 动画大致分为三类：CSS 动画、SVG 动画 和 WebGL/Canvas 动画。所有的动画将按类别展示，方便读者有针对性的学习。 1. 《Twitch App 加载动画》 作者：Daniel Hearn 这是作者为 Twitch 制作的加载动画。平时打游戏的同…

并不会列举所有的设计模式，比如java里的建造者模式，我自己没有实际场景用过，所以体会不深，我们就略过。 单一职责原则很简单，一个方法 一个类只负责一个职责，各个职责的程序改动，不影响其它程序。 但实际写代码的过程中，创建对象的复杂度比上面的代码高很多。接下来介绍一种常见的创建…

顺序为 1 -> 2 -> 4 -> 3 -> 4 -> 3 -> 4 -> ... -> 退出

鲁迅说: 当我们会用一样东西的时候，就要适当地去了解一下这个东西是怎么运转的。 一. 什么是Webpack 二. 写一个简单的Webpack 1. 看一下Webpack的流程图 2. 准备工作 3. 编写 xydpack.js 4. 编写 compiler.js 1. Comp…

Promise 采用面向对象的方式封装了回调函数，可以将回调金字塔改为平行的链式写法，优雅的解决了回调地狱,ES7带来了异步的终级解决方案async/await，可以用写同步代码的方式编写异步代码，而Promise正是async/await的基石。 Promise 是一种设计模…

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…