都是风景,幸会。

本文主要翻译gulp官方API,加上自己一点点拙解。

1. gulp.src(globs[, options])

1.1 说明:src 方法是指定需要处理的源文件的路径,gulp 借鉴了 Unix 操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src 返回当前文件流至可用插件;

••••••

简介:

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。

••••••

  1. 说明:因为 npm 安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果 npm 的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。32个赞!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”;
  2. 官方网址:http://npm.taobao.org
  3. 安装:命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org; 注意:安装完后最好查看其版本号 cnpm -v 或关闭命令提示符重写打开,安装完直接使用有可能会出现错误;
    注:cnpm 跟 npm 用法完全一致,只是在执行命令时将 npm 改为 cnpm(以下操作将以 cnpm 代替 npm)。

  1. 说明:npm(node package manager)nodejs 的包管理器,用于 node 插件管理(包括安装、卸载、管理依赖等);
  2. 使用 npm 安装插件:命令提示符执行 npm install <name> [-g] [--save-dev]
    2.1. :node 插件名称。例:npm install gulp-less --save-dev
    2.2. -g:全局安装。将会安装在 C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环境变量; 非全局安装:将会安装在当前定位目录; 全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的 node_modules 文件夹下,通过 require() 调用;
    2.3. --save:将保存配置信息至 package.json(package.json 是 nodejs 项目配置文件);
    2.4. -dev:保存至 package.json 的 devDependencies 节点,不指定 -dev 将保存至 dependencies 节点;
    2.5. 为什么要保存至 package.json?因为 node 插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入 package.json 并将其加入版本管理,其他开发者对应下载即可(命令提示符执行 npm install,则会根据 package.json 下载所有需要的包)。
  3. 使用 npm 卸载插件:npm uninstall <name> [-g] [--save-dev] PS:不要直接删除本地插件包
  4. 使用 npm 更新插件:npm update <name> [-g] [--save-dev]
  5. 查看 npm 帮助:npm help
  6. 当前目录已安装插件:npm list
    PS:npm 安装插件过程:从 http://registry.npmjs.org 下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常),解决办法请看。

  1. 查看当前 npm 版本
    npm -v
  2. 获取最新版本的 npm 文件
    npm install npm -g
  3. 你会看到如下返回信息:
    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
  4. 然后复制C:\Users{你的Windows用户名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安装目录下的 \node_modules\npm 中,覆盖掉原有的全部文件;
    再次使用 npm -v (npm version 会更详细些) 查看当前版本,好哒,显示的是2.9.1,已经是最新版本了,这种方法也适用于降级处理。

也可使用如下命令指定版本号:

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 也是可以的,但是这样一来消耗用户的流量,二来对页面的打开速度造成了延迟,得不偿失;

••••••

Normalize.css 简单介绍

关于对 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 的替代方案是无可争议的事情了。国内著名的 AliceUIAmazeUI 框架都是基于或者借鉴 Normalize.css 进行的制定化版本。

可以从这里下载:
Github:https://github.com/necolas/normalize.css/

••••••

前天看了一篇博文,是关于 2016 年年度目标的,写的很好,而且感觉和自己挺符合,但跟自己的情况多少还是有点儿出入的,毕竟那不是自己的目标,今天闲来无事整理一下自己 2016 年的年度目标:

••••••