chansanity的博客

html <div class="small-table"> <table cellspacing="0"> <thead> <tr> <td>质控点编号</td> <td>质控点名称</td> <td>车身组件名称</d>

Webpack 一、Webpack简介 1.1 概念 中文官网 Webpack是一种前端资源构建工具，一个静态模块打包器（module bundle）。 在Webpack看来，前端的所有资源文件（js/json/css/img/less/…）都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）。 1.2 Webpack五个核心概念 1.2.1 Entry 入口（Entry）指示Webpack以哪个文件为入口起点开始打包，分析构建内部依赖图。 1.2.2 Output

Gulp 1.Gulp介绍 中文主页 gulp是与grunt功能类似的前端项目构建工具，也是基于Nodejs的自动任务运行器 能自动化地完成JavaScript、coffee、sass、less、html、image、css等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务 gulp更高效（异步多任务），更易于使用，插件高质量 目录结构 2.开始使用 安装gulp //全局安装gulp npm install gulp -g //局部安装gulp npm inst

Grunt 1 .项目构建 理解： 什么是项目构建？ 编译项目中的js、sass、less 合并js/css等资源文件 压缩js/css/html等资源文件 JS语法检查 。。。。。 构建工具的作用？ 简化项目构建、自动化完成构建 构建工具 Grunt、Gulp、Webpack 2.Grunt 中文主页 是一套前端自动化构建工具 创建一个简单的应用grunt_test 目录结构 //全局安装 grunt-cli npm install -g grunt-cli //安装grunt npm

JS模块化 什么是模块化 将一个复杂的程序依据一定的规则（规范）封装成几个块（文件）并进行组合在一起。块的内部数据/实现是私有的，只是向外暴露一些接口（方法）与外部其他模块通信 模块化的好处 避免命名冲突（减少命名空间污染） 更好的分离，按需加载 更高复用性 高可维护性 1.CommonJS 概述 每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 所有代码都运行在模块作用域，不会污染全局作用域。 模块可以多次加载，但是只会在第一次加载时运行一次