mocha是我比较喜欢的一款的单元测试框架。使用mocha直接测试TypeScript文件，需要结合babel，preset-env,preset-typescript以及babel-register。

3.0迟迟没有发布release版本，现阶段在Vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写Vue 组件的一些限制和注意事项。

在日常开发中，我使用的编辑器是 VS CODE。不仅界面简洁好看，而且插件丰富，是前端开发的首选工具之一。这些插件和工具的目的是为了提高我们的开发效率，下面就我日常开发切身使用到和感受到有帮助的插件和方法做个总结。

你可以像上面一样直接指定presets为["@babel/preset-env", "@babel/preset-stage-2"],也可以为每一个preset添加配置选项。（使用数组，第一个元素表示preset的名字，第二个元素表示配置项）

使用mocha测试含有es6 modules的代码是，需要使用babel-register来转化语法。babel-register跟项目中web端的项目共享同一份.babelrc。如下：

geoJSON 是一种基于JSON的地理空间格式。它定义了数种JSON对象以及他们的组合方式来描述地理空间的属性，空间幅度。它使用的坐标系统是WGS1984小数点坐标系。

这篇文章百分之99都是照着mocha官网的内容来写的。就是个扫盲文，如果你想获得关于mocha更深层次不为人知的内容，还是别浪费你宝贵的十几分钟了，马上叉掉。不为啥的，我就做个笔记，方便以后复习。

Each object has a private property which holds a link to another object called its prototype. That prototype object has a prototype of its own, and so on until an object is reached with null as its prototype. By definition, null has no prototype, and acts as the final link in this prototype chain...

jQuery的动画系统就是执行一个函数队列。对jQuery元素应用fade,slide,animate等动画，都会默认将函数压入一个fx的队列。在我们使用jq的animate()的时候，我们可以在option参数中传入一个queue的标志位来决定这个动画时候压入当前元素的动画队列。如果为false,则不等待当前队列完成，而是立即执行该动画。

包括内容区宽/高,padding,border,不包括margin.如果元素的box-sizeing是border-box,那么此时设置的style.width/style.height就是该元素的offsetWidth/offsetHeight.也就是等于内容区的宽/高 + padding + border + 滚动条。

相信我们大多数人都是从static,浮动，定位这三种布局方式来开始制作网页的。在大多数的业务需求下，浮动和定位都能够很好的满足我们的开发需要。即使是在响应式设计中，浮动和定位配合百分比，rem，媒体查询都能够解决大多数的问题。但是如果你只使用浮动和定位的话，碰到以下的场景你就会发现不是那么好用。