一、block 模块复用 把需要复用的模块用block定义 block后面跟上模块的名字，引用一次block 内容就会被复用一次 编译之后的结果： 二，继承模板(extends) 在实际开发中，网站的头部，尾部一般都是公用的，我们可以通过jade的模板继承( extends ) 功能，把公共部分抽象 ...
分类：
Web程序 时间：
2017-09-17 15:49:39
阅读次数：
214
强大的mixin mixin类似于函数的功能，可以达到模块复用的效果 mixin show: 定义一个类似函数的功能，名字叫show，里面的就是他的内容 +show: 调用show，每调用一次执行一次里面的内容 编译之后的结果： mixin也可以传递参数 编译之后的结果： mixin支持嵌套调用 编 ...
分类：
Web程序 时间：
2017-09-17 15:20:28
阅读次数：
230
一、转义与非转义 jade模板文件代码： 编译之后的效果： 解释： #{} : 带有转义效果的输出 !{}: 不转义输出 = : 与#{}效果相同 != : 与!{}效果相同 \#{}：原样输出#{} 属性后面跟#{age}，会把变量解释出来，如果这个变量没有定义，就会输出undefined。在实际 ...
分类：
Web程序 时间：
2017-09-17 15:18:38
阅读次数：
267
环境准备： 全局安装jade: npm install jade -g 初始化项目package.json: npm init --yes 安装完成之后，可以使用 jade --help 查看jade的命令行用法 一、在项目目录下新建index.jade文件 inde.jade代码： 语法规则： 1 ...
分类：
Web程序 时间：
2017-09-16 20:35:07
阅读次数：
255
抓取目标：就是我自己的博客：http://www.cnblogs.com/ghostwu/ 需要实现的功能： 抓取博客所有的文章标题，超链接，文章摘要，发布时间 需要用到的库： node.js自带的http库 第三方库:cheerio，这个库就是用来处理dom节点的，他的用法几乎跟jquery用法一 ...
分类：
Web程序 时间：
2017-09-15 19:02:00
阅读次数：
292
在git命令行下，执行以下命令完成环境的搭建： 1，npm install --global vue-cli 安装vue命令行工具 2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-demo 3，cd vue-demo 切入项目 4， ...
分类：
Web程序 时间：
2017-09-13 23:22:29
阅读次数：
303
我们还是接着上文继续，本文我们要讲的是图片资源的打包，图片在静态排版中，经常出现的两个位置是css通过background引入背景，还有一种就是在html模板文件中用img标签引入的方式，如果要在webpack使用图片资源，我们需要用file-loader来处理. 安装file-loader: np ...
分类：
Web程序 时间：
2017-09-12 11:11:12
阅读次数：
386
我们接着上文，那么在上篇文章的最后，写到了css-loader的用法，如果你用心发现，就能看到我在style.css样式文件中写了一个这样的样式： div { transition: all ease 1s; } 一、这是一个css3的过渡样式，我们知道，写css3的时候，需要加上浏览器前缀. 那么 ...
分类：
Web程序 时间：
2017-09-11 18:26:01
阅读次数：
290
什么是loader呢，官方解释为文件的预处理器，通俗点说webpack在处理静态资源的时候，需要加载各种loader,比如，html文件，要用html-loader, css文件要用css-loader,style-loader等等. 官方参考文档：https://webpack.js.org/lo ...
分类：
Web程序 时间：
2017-09-11 13:14:26
阅读次数：
228
上文我们对html-webpack-plugin的实例htmlWebpackPlugin进行了遍历分析，讲解了几个常用属性( inject, minify )以及自定义属性的添加，本文，我们继续深入他的配置选项的探讨. 一、chunks选项 这个属性非常有用，可以指定某个页面加载哪些chunk( 如 ...
分类：
Web程序 时间：
2017-09-10 15:50:22
阅读次数：
290
