一个有味道的Weber

最近常听到关于web前端中许多新鲜的术语，并不明白是什么技术，比如Browserify Webpack NPM Bower等。下面将对一下前沿技术专业术语进行一个简单的解读，和一个层次的索引归类什么是FISFIS 前端集成解决方案 Front-end Integrated Solution什么是GIT和SVN ?简单来说GIT和SVN都是版本管理系统。GIT跟SVN一样有自己的集中式版本库或服务器。

grunt 打包雪碧图插件grunt-spritesmith简易配置 // 项目配置(任务配置) grunt.initConfig({ // 读取我们的项目配置并存储到pkg属性中 pkg: grunt.file.readJSON('package.json'), // 自动雪碧图 sprite: {

Package.json 属性说明 属性 说明 name 包名 version 包的版本号 description 包的描述 homepage 包的官网 url author 包的作者姓名 contributors 包的其他贡献者姓名 dependencies 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_mod

常用npm命令列表npm initnpm installnpm uninstallnpm updatenpm outdatednpm removenpm rootnpm root -gnpm helpnpm listnpm confignpm cachenpm startnpm stopnpm restartnpm testnpm versionnpm publi

Shell常用命令整理 命令 功能 cd 用于切换用户当前工作目录 cd .. 返回到当前目录下的上一级目录 pwd 用于显示用户当前工作目录 mkdir/md 创建目录 rmdir 删除目录 rm 用于删除文件 ls 显示当前目录文件 cp 复制命令 mv 移动命令 cd:用于切换用户当前工作目录cd aaa

yeoman是个脚手架(生成器) 在web项目开始时使用yeoman来生成项目文件，代码结构。yeoman自动将最佳实践和工具整合进来，大大加速和方便我们的开发安装npm install yo -g yeoman需要和generators搭配使用，yeoman和generators的关系就像橡皮泥和橡皮泥捏出来的模具 yeoman基于node用yeoman搭建一个angular项目一、开始

bower web包管理器安装bowernpm install bower -g 如何生成bower.jsonbower init用bower创建一个jquery和bootstrap的项目输入命令bower install jquerybower install bootstrap如果用到的组件比较小众，在bower中没有注册怎么办？一、GitHub短写 例 安装jquery这是jq

一、webpack基本介绍**1-1**webpack基本介绍 webpack的概念和作用 模块打包器 代码分割 代码文件打包 loader加载 commonjs规范 模块热更新 适用于大型项目**1-2**webpack安装和命令 安装 npm install webpack --save-dev例子： 新建hello.js执行命令 webpack hello.js

一、webpack3.x.x基本介绍1-1 webpack基本介绍 webpack的概念和作用 模块打包器 代码分割 代码文件打包 loader加载 commonjs规范 模块热更新 适用于大型项目1-2 webpack安装和命令 安装 npm install webpack --save-dev例子： 新建hello.js执行命令 webpack hello...

需要的grunt插件grunt-contrib-watchgrunt-contrib-connectconnect-livereloadserve-staticserve-indexconnect优点： * 自动搭建静态文件服务器，不需在自己电脑上搭建Web服务器。 * 不需要浏览器插件的支持（不现定于某个浏览器）。 * 不需要给网页手动添加livereload.js。 缺点：

seajs模块化jQuery与jQuery插件模块化jQuery1、把jQuery修改成SeaJs的模块代码非常简单，就是用下面这段语句将jQuery源代码包裹起来：define('jquery',[],function(require, exports, module){ //这里放jQuery源代码 module.exports = jQuery;});2、也可以加一个判断，如

模块化结构已经成为网站开发的主流。制作网站的主要工作，不再是自己编写各种功能，而是如何将各种不同的模块组合在一起。模块化结构浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。 为了解决这个问题，前端的模块管理器（package management）应运而生。它

嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了，前端可视化、音乐播放器、能踢足球的无人机，你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈，没有什么新技术是我不知道的。厉害。是这样的，我要开发

gulp一在node环境下配置gulp二npm命令三使用淘宝镜像四如何新建一个gulp任务五一些常用的gulp插件gulp一、在node环境下配置gulp 命令 解释 npm install gulp -g 全局安装gulp npm install –global gulp 全局安装gulp npm install gulp –save-dev 本地安装gu

Compasscompass常用命令 命令 解释 compass create 创建新Compass项目 compass init 为已存在项目添加compass compass clean 移除已生成的文件和缓存 compass compile 生成样式表文件 compass watch 监视sass文件并自动编译 compass stats

异步模块定义规范（AMD）制定了定义模块的规则，这样模块和模块的依赖可以被异步加载。这和浏览器的异步加载模块的环境刚好适应（浏览器同步加载模块会导致性能、可用性、调试和跨域访问等问题）。此AMD与科技公司AMD 及其制造的AMD处理器无关。API说明define() 函数本规范只定义了一个函数 “define”，它是全局变量。函数的描述为：define(id?, dependencies?, fac

一、引入sea.js<script type="text/javascript" src="js/sea.js"></script>二、如何变成模块用define(function(require,exports,module){})包裹 require模块之间依赖的接口 exports对外提供方法的接口define(function(require,exports,module) {

time-grunt用途：列出当前每个执行任务所需要的时间使用方法 require(‘time-grunt’)(grunt)load-grunt-tasks用途：加载当前项目需要的是所有依赖项，取代以前grunt.loadNpmTask('grunt-contrib-watch')这种繁琐的声明方式使用方法 require(‘load-grunt-tasks’)(grunt)m

需要的grunt插件grunt-contrib-watch grunt-contrib-sassGruntfile.js的配置module.exports = function (grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'

需要的grunt插件grunt-contrib-watchgrunt-contrib-connectconnect-livereload优点：自动搭建静态文件服务器，不需在自己电脑上搭建Web服务器。 不需要浏览器插件的支持（不现定于某个浏览器）。 不需要给网页手动添加livereload.js。 缺点：对于刚接触的人，配置略显复杂。Gruntfile.js的配置一、官方配置conne

Node 环境变量 process.env.NODE_ENV 之webpack应用Node 环境变量 process.env.NODE_ENV 之webpack应用进入主题一、接下来进入主题，开始配置 webpack.config.js:二、通过webpack -p参数控制三、通过 webpack.DefinePlugin 定义四、在config文件里获取NODE_ENV值五、...