之前项目中用过人脸识别，主要是js调用器摄像头，通过利用canvas画布将视频当前帧转换成图片的实例，其中用到了 mediaDevices.getUserMedia 方法。合成的图片发送给后台要后台去做活体检测。功能实现没问题，但是前端都是只能靠点击一个按钮来拍照，实现的太傻瓜。后来在掘金上看到一个大佬利用tracking来实现前端部分功能，改库只对人脸有效，而且能够框住人脸和跟踪，于是跟着文章自己实现了一遍。

开发中常常会碰到一些验证，自己随手记录下来，方便后面开发，省下时间来更多的去关注业务技术和功能点

一、 为什么需要搭建npm私有服务

1. 如果公司处于隐私保护的需要，不想讲自己封的包推到npm社区，但又急需要一套完整的包管理工具来管理越来越多的组件，模块，项目。对于前端，最熟悉的莫过于npm，npm是前端包管理的不二选择
2. 使用 NPM 装包的时候下载速度慢如龟速，所以解决办法是使用cnpm淘宝镜像来装包加速，但有比淘宝更快的方法是从局域网的私服下。
3. 我们想在下载的时候，私有的包用公司内部的服务器，公共的包走公共仓库 more >>

工作常用的js方法，开发中方便边记录下来。
more >>

我们在开发项目的时候，往往会碰到列表，从左至右依次排列的列表，循环的同时并要保证两端对齐，要是使两端对齐右一下方法：
more >>

在做基于LBS的应用中，时常会和地图打交道，最直接的解决方案，当然是去对应的地图官网找文档，然后一步步来玩。对于简单场景而言，体验应该还好，但对于一些状态多，变化频繁的复杂场景而言，不仅要时刻维护本地数据状态和地图状态同步，还要查找设置各种状态的地图API，实在是让人头疼的事情，这里我把我自己做过的经验分享一下，一来是自己做下笔记，二来是希望能给一些网友帮助。查看效果
more >>

可能有人说现在第是使用前端三大框架来做项目，利用数据绑定来实现表格的操作极其方便快捷。但是没有接触过这三大框架的人多多少少有用过jq dataTable这个插件。我在进入前端这个方向的时候我直接接触了Angularjs了，利用双向数据绑定来做表格特别的方便快捷，后来换了公司，因为需要维护项目所以才接触这个jq插件。总得来说阅读过插件的API还是觉得挺方便的，毕竟别人都封装好了方法。但是中文网上的实例实在是少了，不够详细，想我等菜鸟只能是google了。如今对这个表格还算是挺熟悉的，所以记录下来，以便各位网友遇到问题是能够作为参考，也有不对之处敬请指出更正。

如果你拥有hexo搭建的博客，然后使用也是Yilia主题的应该知道Yilia主题会有一个相册的。我也是使用的这一套主题，然后也很想搞一个相册，在Yilia主题的作者 Litten的github上留言问了如何实现这一个功能，作者也没有详细说明，我这里根据网友提供的方法来实现的。这里贴一下链接吧：点击这里可能更加详细。自己整理了一下思路：

• 在主页上必须有一个可供点击的相册链接
• 要用 hexo 生成一个 photos.html 文件
• photos.html 中的图片数据来源?因为这是一个静态页面所有要有一个 json 文件，其实就是ajax请求json文件来渲染的
• json 文件中有含有信息,图片的文件名.
• 图片要有一个完整的路径,把图片放到哪呢?七牛的图床,github 的空间,自己的服务器都可以.
• .怎么上传呢?大量图片当然写脚本传了.不会写咋办?很多人都写好了,改改就是了,脚本也有很多个版本.多数用 nodeJS写的,hexo 就用的 nodeJS.Python也是很不错的选择.
• 准备两套图片，一套大图(原图)，一套小图（缩率）
• 通过hexo d来生成相册页面 more >>

有使用vue来开发项目可能使用一下较为简单的富文本编辑器，功能不是很全面。如果涉及到自媒体运营类的系统Ueditor再适合不过了。网上的富文本编辑器众多，比如：wangEditor 、Simditor 、tinymce等。富文本编辑器设计到的知识面特别广，如果你想自己做简单的nname也可以、利用HTML5中的属性contenteditable，把他放在div上设为true时便可以编辑，但是坑也很多。你可以点击为什么说富文本编辑器是天坑这里来看看大神们的回答。这里只讲讲在vue项目中如何集成ueditor，如果你有这个需求希望可以帮助到你
more >>

最近一段时间基本上忙着自己的事情，忙着学习vuex、webpack、es6还有要弄一个vue+nodejs+mysql搞一个简单点开源项目，也在研究微信小程序。正经的写博客也是头一次，利用这个时候写一篇博客试试，讲讲我学过后的es6一些知识。

什么是ES6

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。
虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。上个周在segmentfault社区里面看到推送的一周周刊里就说道es7已经在六月底就正式发布了，我看这是一年一个版本的节奏，只能说前端的技术更新太快。所以作为前端开发者的你还不关注新的技术那就out了，不会es6的基础用法都不太算是一名前端开发者了。