摘要：
canvas是html5中引入的一个新元素，俗称画布，既然是画布，当然是用来画图的。canvas技术指的是利用javascript操作canvas元素绘制图形的技术，要使用canvas,一定要浏览器支持canvas，谷歌和火狐的支持性很好，IE8不支持。你可以参考这个网站，查看canvas的支持性： 阅读全文
摘要：
接着上文[js高手之路] es6系列教程 - 迭代器与生成器详解继续. 在es6中引入了一个新的循环结构for ....of， 主要是用来循环可迭代的对象，那么什么是可迭代的对象呢？ 可迭代的对象一般都有Symbol.iterator属性，你可以在控制台中用console.dir打印数组,Map,S 阅读全文
摘要：
什么是迭代器？ 迭代器是一种特殊对象，这种对象具有以下特点： 1，所有对象都有一个next方法 2，每次调用next方法，都会返回一个对象，该对象包含两个属性，一个是value, 表示下一个将要返回的值。另一个是done，他是一个布尔值，用来表示该迭代器是否还有数据可以返回. 3，迭代器还会保存一个 阅读全文
摘要：
ECMAScript 6中的Map类型是一种存储着许多键值对的有序列表。键值对支持所有的数据类型. 键 0 和 ‘0’会被当做两个不同的键，不会发生强制类型转换. 如何使用Map? let map = new Map(); 常用方法： set( 键，值 ): 添加新的键值对元素 get( 键 ): 阅读全文
摘要：
我们还是从一些现有的需求和问题出发，为什么会有set,他的存在是为了解决什么问题？ 我们看一个这样的例子，为一个对象添加键值对 以null为原型对象，创建一个对象，给对象添加一个数字键5, 在输出的时候，数字键5会自动转换成字符键"5"，这样的自动类型转换，会产生很多隐式问题. 上面这个程序中，空对 阅读全文
摘要：
关于promise我在之前的文章已经应用过好几次，如[js高手之路]Node.js+jade+express+mongodb+mongoose+promise实现todolist，本文就来讲解下promise的常见用法. 为什么会有promise,他的作用是什么？ promise主要是为了解决js中 阅读全文
摘要：
该系列文章索引： [js高手之路]node js系列课程-创建简易web服务器与文件读写 [js高手之路]node js系列课程-图解express+supervisor+ejs用法 [js高手之路]Node.js实现简易的爬虫-抓取博客所有文章列表信息 [js高手之路]Node.js模板引擎教程- 阅读全文
摘要：
promise主要是用来解决异步回调问题，其实还有好几种比promise更好的方案，后面再说，这节,我们先用promise来改造下，我以前写的一篇文章[js高手之路]javascript腾讯面试题学习封装一个简易的异步队列 中的一道面试题( 页面上有一个按钮，一个ul，点击按钮的时候，每隔1秒钟向u 阅读全文
摘要：
接着这篇文章[js高手之路]Node.js+jade抓取博客所有文章生成静态html文件继续，在这篇文章中实现了采集与静态文件的生成，在实际的采集项目中， 应该是先入库再选择性的生成静态文件。 那么我选择的数据库是mongodb,为什么用这个数据库，因为这个数据库是基于集合，数据的操作基本是json 阅读全文
摘要：
这个周末，恶补了一下jade模板引擎，就为生成静态html文件，这篇文章需要知道jade以及看过我的上篇文章，我先给出他们的参考链接: [js高手之路]Node.js模板引擎教程-jade速学与实战1-基本用法 [js高手之路]Node.js模板引擎教程-jade速学与实战2-流程控制,转义与非转义 阅读全文
摘要：
一、block 模块复用 把需要复用的模块用block定义 block后面跟上模块的名字，引用一次block 内容就会被复用一次 编译之后的结果： 二，继承模板(extends) 在实际开发中，网站的头部，尾部一般都是公用的，我们可以通过jade的模板继承( extends ) 功能，把公共部分抽象 阅读全文
摘要：
强大的mixin mixin类似于函数的功能，可以达到模块复用的效果 mixin show: 定义一个类似函数的功能，名字叫show，里面的就是他的内容 +show: 调用show，每调用一次执行一次里面的内容 编译之后的结果： mixin也可以传递参数 编译之后的结果： mixin支持嵌套调用 编 阅读全文
摘要：
一、转义与非转义 jade模板文件代码： 编译之后的效果： 解释： #{} : 带有转义效果的输出 !{}: 不转义输出 = : 与#{}效果相同 != : 与!{}效果相同 \#{}：原样输出#{} 属性后面跟#{age}，会把变量解释出来，如果这个变量没有定义，就会输出undefined。在实际 阅读全文
摘要：
环境准备： 全局安装jade: npm install jade -g 初始化项目package.json: npm init --yes 安装完成之后，可以使用 jade --help 查看jade的命令行用法 一、在项目目录下新建index.jade文件 inde.jade代码： 语法规则： 1 阅读全文
摘要：
抓取目标：就是我自己的博客：http://www.cnblogs.com/ghostwu/ 需要实现的功能： 抓取博客所有的文章标题，超链接，文章摘要，发布时间 需要用到的库： node.js自带的http库 第三方库:cheerio，这个库就是用来处理dom节点的，他的用法几乎跟jquery用法一 阅读全文
摘要：
在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的 vuex是什么东东呢？ 组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们通过最基本的方式来进行通信，一旦需要管理的状态多了，代码就会 阅读全文
摘要：
我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样. 在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件 EventHandler.js代码: 2，在Components目录下新建一个组件Brother1.vue 。通过Eve 阅读全文
摘要：
在git命令行下，执行以下命令完成环境的搭建： 1，npm install --global vue-cli 安装vue命令行工具 2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-demo 3，cd vue-demo 切入项目 4， 阅读全文
摘要：
在这之前，我已经分享过一个webpack的全系列，相对于webpack, gulp使用和配置起来非常的简单. gulp是什么？ gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些 阅读全文
摘要：
[js高手之路]深入浅出webpack教程系列索引目录： [js高手之路]深入浅出webpack教程系列1-安装与基本打包用法和命令参数 [js高手之路]深入浅出webpack教程系列2-配置文件webpack.config.js详解(上) [js高手之路]深入浅出webpack教程系列3-配置文件 阅读全文