前端工程

NodeJS获取命令行的参数

假设有如下的命令行 node  test.js arg1 arg2 arg3,现在想在test.js中获取后面的参数arg1、arg2、arg3… var arguments = process.argv.splice(2); process是一个全局对象,argv返回的是一组包含命令行参数的数组。第一项为”node”,第二项为执行的js的完整路径,后面就是附加在命令行后的参数了。

git命令之git gitignore 忽略某些文件

项目中经常会生成一些Git系统不需要追踪(track)的文件。典型的是在编译生成过程中 产生的文件或是编程器生成的临时备份文件。当然,你不追踪(track)这些文件,可以 平时不用”git add”去把它们加到索引中。 但是这样会很快变成一件烦人的事,使得 git add *、 git commit -a 变得没有什么用处, git status命令输出也会有它们。 你可以在你的顶层工作目录中添加一个叫”.gitignore”的文件,来告诉Git系统要忽略 掉哪些文件,下面是文件内容的示例: # 以’#’ 开始的行,被视为注释. # 忽略掉所有文…阅读全文

前端工程师标配

随着计算机新技术的高速发展,现在的前端工程师要求越来越高,作为前端开发的自己感觉现在快对不住前端工程师这个称呼了,所谓工欲善其事,必先利其器,为了让自己更像一枚前端工程师,最近决定从开发环境开始武装自己。本文将介绍前段工程师开发的一些利器的安装步骤,主要包括了: Node.js的安装 Grunt的安装及常用插件 Sublime Text的安装及必备插件(用了6年的adobe dreamweaver现在决定将他抛弃) 一、nodeJs安装 Node.js就是一堆前端工程师捧红的,装上这个东东,主要不是自己需要使用Node.js而是一堆工具对他的依赖。 Windows下安装步骤很简单: 去到htt…阅读全文

grunt前端自动化工具常用插件

grunt-contrib-watch:监听文件变化 grunt-contrib-clean :build前的清理工作 grunt-contrib-concat :拼接文件 grunt-contrib-copy :拷贝文件 grunt-contrib-cssmin :压缩css grunt-contrib-uglify :压缩js grunt-contrib-htmlmin :压缩html grunt-contrib-sass:cass编译 grunt-contrib-jshint:js代码检查   强烈推荐一个非常好用的东西值得全局安装anywhere,可以在任何目录启动一个web…阅读全文

前端Sublime神器长用插件及快捷键

一、实用插件 AutoFileName:自动提示路径插件 Emmet:提高HTML & CSS3编写速度(Zen Coding) JsFormat:js代码格式化 Tag:html代码格式化 二、常用快捷键 Ctrl+K :删除行 Ctrl+Shift+↑:向上移动行 Ctrl+Shift+↓:向下移动行 Ctrl+/:注释 Ctrl+Shift+P:打开命令面板 Ctrl+,:选中当前标签 Ctrl+Shift+P:打开命令面板

sea.js基础使用

判定当前页面是否有 CMD 模块加载器 Sea.js配置 启动模块 定义模块 Sea.js 的调试接口 安装构建工具 执行构建工具 构建工具配置文件 文件后缀的自动添加规则 Sea.js 在解析模块标识时, 除非在路径中有问号(?)或最后一个字符是井号(#),否则都会自动添加 JS 扩展名(.js)。如果不想自动添加扩展名,可以在路径末尾加上井号(#)。 模块有几中类型 相对模块:require(‘./foo’)、require(‘../bar’) 相对于当前模块定位 顶级模块:require(‘foo’)、require…阅读全文

SASS入门教程

一、什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。 二、安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。 假定你已经安装好了Ruby,接着在命令行输入下面的命令: 然后,就可以使用了。 2.2 使用 SASS文件就是普通的文本文件,里面可以直接使用CSS语法。文件后缀名是.scss,意思为Sassy CSS。 下面的命令…阅读全文

Sass安装(windows版)

在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,大家可以到 Ruby 的官网(http://rubyinstaller.org/downloads)下载对应需要的 Ruby 版本。 Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示: Ruby 安装完成后,在开始菜单中找到新安装的 Ruby,并启动 Ruby 的 Command 控制面板,如下图所示: 当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同…阅读全文

Sass命令编译

命令编译 命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入: 单文件编译: sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css 这是对一个单文件进行编译,如果想对整个项目所有 Sass 文件编译成 CSS 文件,可以这样操作: 多文件编译: sass sass/:css/ 上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件,并且将这些 CSS 文件都放在项目中“c…阅读全文