前段时间项目组计划快速开发一个新的App项目，App开发那边提供壳子和部分系统级功能，所有的页面由h5完成，考虑兼容性安卓4.1及ios7.1。全新的项目，没有历史包袱，就尝试了新的开发模式，采用了webpack + vue-cli + vue-router + es6 + axios这一套，从webpack配置到文件目录，从开发流程到上线部署，摸索尝试，到目前...

最近新做了一个项目，因为完全是另起炉灶，可以抛开历史问题，重新尝试新的思路与解决方案。也兢兢业业的踩坑俩月，把项目初版跑上线了。这一版主要是保证功能流程没问题，下一版会对开发流程、性能、错误监控等问题进行优化。截至目前记录的一些问题先抽空整理下。

前端的发展历程，得益于HTML+CSS+JS能力的发展。从web1.0时代的信息展示/数据提交/样式美化到应用时代的MVC/SPA/MVVM及伴随而出的各种工程化工具/模块化概念/异步编程，再到所谓云+端时代的RN/Weex/Nodejs，一切得益于标准的规范化，标准赋予了HTML+CSS+JS更强大的能力，前端开发者们拥有了更强大的权利，也就担负起了更...

有过C语言基础的人一定听说过这么一句话，指针是C语言的灵魂。但是似乎在JavaScript中，并没有接触过所谓的指针的概念，但JavaScript的解释器（JavaScript引擎）不管用什么编写，有的是C，有的是C++，也或者是Java，甚至是JavaScript自举实现的JavaScript解释器（元循环虚拟机），都逃不脱内存和指针，在JaVaScript中也...

a、避免使用for/in循环在JavaScript标准中，有四种类型循环。for、for/in、while、do/while，其中唯一一个性能比其他明显慢的是for/in。对于for/in循环的使用场景，更多的是针对不确定内部结构的对象的循环。for/in会枚举对象的命名属性，只有完全遍历对象的所有属性之后包括实例属性和从原型链继承的属性，循环才会返回...

DOM是一个独立于语言的，使用XML和HTML文档操作的应用程序接口（API）。浏览器中多与HTML文档打交道，DOM APIs也多用于访问文档中的数据。而在浏览器的实现中，往往要求DOM和JavaScript相互独立。例如在IE中，JavaScript的实现位于库文件jscript.dll中，而DOM的实现位于另一个库mshtml.dll中（内部代号Trident），这也是...

从加载和运行角度优化，源于JavaScript运行会阻塞UI更新，JavaScript脚本的下载、解析、运行过程中，页面的下载和解析过程都会停下来等待，因为脚本可能在运行过程中修改页面内容。

{代码...} 前一篇浅入正则（一）了解了实例化一个RegExp对象、RegExp的原型方法、RegExp的对象属性这些基础，大致知道正则怎么用，这一篇主要想了解一下正则怎么写。 元字符 元字符表随便就查得到，但这是会写正则最重要的基础，这里简单分成两类并按我的理解简单注释。 运算符 & 限定符 {代码...} 基础的运算符和限...

正则表达式一直作为我的痛点，没有系统的学习和了解，之前部门有本500多页的书叫《精通正则表达式》，一直没勇气拿起来。到后来业务中需要正则的地方越来越多，不忍心老找人帮忙写正则了。找了资料先看着，至少自己先入个门。

最近在看node.js，读完官方的起步教程后想着该自己折腾点东西，就先用express + ejs实现一个超简单的webserver，主要记录下思路。先推荐一个nodejs入门级的简单实战项目地址。很适合入门级上手：[链接]

webpack-dev-server: webpack-dev-server是一款小型的Node.js Express服务器，我们使用它主要是为了实现代码的热重载，具体使用方法可参见webpack-dev-server使用方法，看完还不会的来找我~vue-loader/vue-html-loader/css-loader/vue-style-loader...: webpack中loader的作用不多讲，用法看文档vue-hot-reload-api: vue...

上一节的入门中，只是跑通了一个很简单的webpack项目的流程，对其中的参数以及实战运用中的一些用法并不太清楚，虽然目前工作项目中并没有用起webpack，不过觉得还是需要再去摸索一番，以便可以更清楚的用起这个工具。

WebPack已经火了好久，几乎已经成为一个前端的必备技能，先翻译官网两句话。 WebPack是一个灵活的、可扩展的、公平的、可用于生产环境的、开源的模块打包器。 WebPack V1版本已经过时，请开发者们升级到V2。 这篇笔记是基于WebPack V2.2.1 开始。 安装（Installation） npm install webpack -g 全局安装webpack，这样可...

盒模型之所以称为“盒”是因为在一个页面布局中，文档中的每一个元素（块级元素）均呈现为一个矩形的“盒子”，这个“盒子”包含：内容（content） + 内边距（padding） + 边框（border） + 外边距（padding），如图：

环形进度条的问题，网上有很多的demo，也有各种不同的实现方式，很棒的实现也有很多，我这自己做一下一方面是想开阔一下自己的思路，一方面好久没看SVG和Canvas的东西了，基础的拿来熟悉下。