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