在线甘特图|横道图|项目管理|计划管理 zz-plan
人员、任务、进度、工时、周期、依赖关系 一目了然。无论项目大小、简单复杂都能轻松管理
食用源码：debug
一个微小的JavaScript调试工具，以Node.js核心的调试技术为模型。 适用于Node.js和Web浏览器 传送门 判断是 node 坏境还是 浏览器 坏境。 process.type === 'renderer' 判断是否为 electron 坏境。 process.…
WebWorker与WebSocket实现前端消息总线
Web Worker让JS有了多线程的能力，可以将复杂耗时的操作都交付给Worker线程处理。WebSocket让web端与服务端维持一个有效的长连接，实现服务端主动推送数据。将二者一结合，业务系统信息流转通知功能完全就可以剥离出来。 Worker工作在一个专用的作用域Dedi…
WebWorker与WebSocket实现前端消息总线
Web Worker让JS有了多线程的能力，可以将复杂耗时的操作都交付给Worker线程处理。WebSocket让web端与服务端维持一个有效的长连接，实现服务端主动推送数据。将二者一结合，业务系统信息流转通知功能完全就可以剥离出来。 Worker工作在一个专用的作用域Dedi…
十分钟上手chrome性能分析面板
chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本). 如果勾选了 m…
十分钟上手chrome性能分析面板
chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本). 如果勾选了 m…
从青铜到王者10个css3伪类使用技巧和运用，了解一哈
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…
从青铜到王者10个css3伪类使用技巧和运用，了解一哈
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素，具体的类别就不深入，…
js解惑-函数执行顺序
JS基础知识温习。 本阶段就是书本中所说的Hoisting，包括：形参变量创建、函数体内变量提升创建 和 函数申明创建。 就是先把函数中所有的变量或者声明的函数名都先定义好，空间都开辟好。 如果变量已经定义过，则不会重新定义（比如：形参中有个参数a，并且调用函数时传了值进来，这…
js解惑-函数执行顺序
JS基础知识温习。 本阶段就是书本中所说的Hoisting，包括：形参变量创建、函数体内变量提升创建 和 函数申明创建。 就是先把函数中所有的变量或者声明的函数名都先定义好，空间都开辟好。 如果变量已经定义过，则不会重新定义（比如：形参中有个参数a，并且调用函数时传了值进来，这…
Vue.js是如何做到数据响应的？
许多前端JavaScript框架（例如Angular，React和Vue）都有自己的数据相应引擎。通过了解相应性及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章中，我们构建了您在Vue源代码中看到的相同类型的Reactivity。 如果…