入门前端的你是否用过node中的npm包管理，一个命令 npm install xxxx --save-dev 就可以把你需要的模块自动下载了。再也不用下载文件移到当前目录，这么费时费力的事情当然是交给工具来处理。毕竟作为前端er还得要写代码研究新技术。这样的好处是不用在担心代码的版本问题，更加智能化可以通过命令在任何设备上安装你所需要的模块的所需版本

闭包是指可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）
最常用的场景是筛选一组同元素节点给每个元素加上点击事件来弹出各自index索引（回调函数操作）for循环闭包引发的思考demo

龙渊数据统计平台-游戏统计系统接口设计,采用i5ting_toc或者gitbook或者docsify生成api文档，以下是一个接口的实例，markdown语法简单易学上手简单，方便api维护游戏统计系统接口文档i5ting_toc版本前端er负责数据的交互，api文档交给后台开发人员维护，并用git管理，更改接口参数开发人员一眼便知，再也不用担心接口问题了。费时费力不讨好游戏统计系统接口文档gitbook版本docsify版本利用github的page功能自定义解析域名指向目录游戏统计系统接口文档docsify版本该版本的api文档的源码地址

前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法，暂时只支持 IE10+ 以上浏览器。

Query Selector

常用的 class、id、属性 选择器都可以使用 document.querySelector 或 document.querySelectorAll 替代。区别是

• document.querySelector 返回第一个匹配的 Element
• document.querySelectorAll 返回所有匹配的 Element 组成的 NodeList。它可以通过 [].slice.call() 把它转成 Array
• 如果匹配不到任何 Element，jQuery 返回空数组 []，但 document.querySelector 返回 null，注意空指针异常。当找不到时，也可以使用 || 设置默认的值，如 document.querySelectorAll(selector) || []

今天在偶然逛网站的时候看到这个网站的注册 点击此处进行人机识别验证 的东东让我眼前一亮，作为一个web前端开发工程师，不自觉的按下了F12 看看这个东西是何方神圣，掰开代码一番研究，是通过一个class名为l-captcha 绑定了一个data-site-key 属性嵌入了一个iframe网页指向了该元素本身并且插入了一个脚本<script src="//captcha.luosimao.com/static/dist/api.js"></script> 大概原理就是这么的。如果你还没看的很明白可以看看官方的验证demo自己实现的人机验证

您可以通过以下方式快速在自己的页面上创建人机验证

复制以下HTML结构,放置在页面上您需要增加人机验证的位置,data-site-key的值在网站后台人机验证管理处添加并获取:

复制以下JS代码,放置在结束标签之前:

本文以前面vue1-0-x-仿照饿了么改写mvvm方式的基础上增加node.js 代码服务端自动部署方案,git仓库代码演示

nodejs来实现爬取网站的发布文章标题和作者，使用 NodeJS 抓取 http://www.alloyteam.com/ 页面上的文章列表，内容写入 alloyteam.md 文件中。可根据该思路自己改写合适的爬虫。（ps:目前大量爬取会被反爬虫，扔过来的是假数据，哈哈听说ip代理可以实现反爬虫，有空了在研究哈）

vue版本饿了么vue全家桶实现。这个模拟数据的地址必须放在src同级的static目录下
this.$http.get(‘./static/data/goods.json’)
还可以使用 express 作为通信路由来获取数据，可自己实现

v-modle利用computed计算过滤关键词的数据，默认perPage为3条，可根据自己需求来修改分页筛选条件加分页

文章导航

vue路由加vue-resource 来异步获取数据来更新图表数据，增加了loading效果，有个坑的地方是Vue.http.get(“模拟数据的地址”)，这个模拟地址必须放在src同级的static目录下
Vue.http.get(‘./static/data/demo.json’)否则一直报错

assetsPublicPath: '/', 静态上传到blog 配置为 assetsPublicPath: '',就不用每次去改dist目录下的index.html 的路径了

百度图表路由
演示代码仓库

版权声明： 本文章采用 知识共享署名 2.5 中国大陆许可协议 进行许可，欢迎转载，但转载请注明来自李立冬博客，并保持转载后文章内容的完整。本人保留所有版权相关权利。
本文链接：http://www.lilidong.cn/2016/12/22/vue2-0-x全家桶-es6-vue-echart百度可视化/