gulp 常用插件:
1. gulp-less
- 说明:将 less 文件编译成 css;
- github:[https://github.com/plus3network/gulp-less][1]
本文主要翻译gulp官方API,加上自己一点点拙解。
1.1 说明:src 方法是指定需要处理的源文件的路径,gulp 借鉴了 Unix 操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src
返回当前文件流至可用插件;
gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。
••••••npm install cnpm -g --registry=https://registry.npm.taobao.org
; 注意:安装完后最好查看其版本号 cnpm -v
或关闭命令提示符重写打开,安装完直接使用有可能会出现错误;npm install <name> [-g] [--save-dev]
;npm install gulp-less --save-dev
npm install
,则会根据 package.json 下载所有需要的包)。npm uninstall <name> [-g] [--save-dev]
PS:不要直接删除本地插件包npm update <name> [-g] [--save-dev]
npm help
npm list
npm -v
npm install npm -g
C:\Users\xiaowb\AppData\Roaming\npm\npm -> C:\Users\xiaowb\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
npm@3.8.1 C:\Users\xiaowb\AppData\Roaming\npm\node_modules\npm
也可使用如下命令指定版本号:
npm -g install npm@2.9.1
使用 nodejs 快速搭建本地服务器
没有安装 nodejs 的同学可以先到 node 官方下载并安装好 node 程序。
简单两步走
1、安装好 node 之后打开 cmd 输入
npm install anywhere -g
全局安装 anywhere
2、安装完成后,cmd 切换到你想搭建服务器的目录下,如:$ e:app> 然后输入
anywhere 8080
返回:
running at http://loacalhost:8080
ok,就是这么简单~
今天在制定符合移动端 CSS Reast 样式,涉及到页面字体的设置问题,PC 端页面字体无法就是常见的宋体、微软雅黑之类的,有特殊字体时使用 font-face 属性引用特殊字体文件即可,在移动端使用 font-face 也是可以的,但是这样一来消耗用户的流量,二来对页面的打开速度造成了延迟,得不偿失;
••••••关于对 Github 的介绍,这里引用 咀嚼之味 针对 官方介绍 翻译的的 中文版本。
Normalize.css
是 @necolas 和 @jon_neal 两位大牛花了几百个小时来研究不同浏览器的默认样式的差异而得出的结晶,感谢前辈们的贡献。
Normalize.css 只是一个很小的 CSS 文件,但它在默认的 HTML 元素样式上提供了跨浏览器的高度一致性。相比于传统的 CSS Reset,Normalize.css 是一种现代的、为 HTML5 准备的优质替代方案。Normalize.css 现在已经被用于 Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
目前 Normalize.css
已经成为了 CSS Reset
的替代方案是无可争议的事情了。国内著名的 AliceUI,AmazeUI 框架都是基于或者借鉴 Normalize.css 进行的制定化版本。
可以从这里下载:
Github:https://github.com/necolas/normalize.css/
前天看了一篇博文,是关于 2016 年年度目标的,写的很好,而且感觉和自己挺符合,但跟自己的情况多少还是有点儿出入的,毕竟那不是自己的目标,今天闲来无事整理一下自己 2016 年的年度目标:
••••••