天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

体验过上述工具的同学，有没有发现他们都有一个共同点——提供了一个可供快速开发的样板文件（boilerplate）。本文就将从样板文件入来进行阐述。通过本文，你将学到： public/manifest.json: 这是PWA 的一部分，用来描述应用相关的信息。以前开发cordov…

全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节，非常适合用于对自己 JavaScript 技术栈的比对，用于查漏补缺，适合收藏阅读。有删减。文中如有错误，欢迎…

Javascript 代码的解析（Parse ）步骤分为两个阶段：词法分析（Lexical Analysis）和 语法分析（Syntactic Analysis）。这个步骤接收代码并输出 抽象语法树，亦称 AST。 随着 Babel 的生态越来越完善，我们通常会使用 Babel…

js代码分为同步任务和异步任务。 同步任务会进入主线程，异步任务会进入Event Table（事件表），当事件表中的异步任务完成后会在Event Queue（事件队列）中注册回调函数。 主线程任务全部完成后，才会完成Event Queue中的任务。 js解析器会不断地重复检查主…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

时间过得真快，转眼间现在是2017年最后一个星期，而今天也是圣诞节，过几天也是元旦了。每到年底，大家都习惯总结和分享，我也不例外。但是经历，我之前已经发过了，那么我今天就分享吧！把我接触的一些资源分享给大家，算是送给大家的双旦礼物吧！希望大家能够从中获取自己所需的资源。从我接触…

此书献给广大 PWA 爱好者 带你领略 PWA 的强大与优雅 仅供大家学习使用 请勿用于任何商业用途 全书一共12章 目前已经翻译了前6章 持续更新中 希望大家多多关注

首先我们想象一下当前发生的一个场景， 漫天繁星闪烁，不时有流星划破天际， 地球在自转， 无数的人在不同的地点因为阿里提供的便捷服务在交易。 首先要有一片天， 一个矩形，给黑色背景就好了。 我们暂定 宽 width, 高 height, 三维空间要有深度 暂定为 depth。 至…