摘要： 组件化和模块化 模块可以理解为零件，比如轮胎上的螺丝钉 组件可以理解为轮胎，具备完整功能的整体 模块化和工程化 工程化类似于车间，模块化类似于零件 模块化开发的价值 避免命名冲突 js没有语言层面的命名空间，编写通用模块的普遍方式是将其暴露给全局作用域，但问题是无法阻止命名冲突 es6之前，业界通用 阅读全文

摘要： CSS cascading style sheets 层叠样式表 用来给html增加样式，是一种标记类语言 1994年，哈肯首次提出css 1996年，w3c推出了一个正式的版本 1998年，推出第二个版本 css3 1999就被提出，但是20年后才发布 CSS的缺陷 是浏览器可以识别的唯一一个可以 阅读全文

摘要： js 和ECMAScript 不严谨的，js= 和ECMAScript+Dom+Bom。 更严谨的，js= 和ECMAScript+宿主API。 ECMAScript是个标准，js是ECMAScript的一个实现子集 Bom和Dom是宿主浏览器暴露给js的API，与js语言的规范无关 同理，node 阅读全文

摘要： 配置API设计 与webpack的复杂相比，封装后的脚手架要简单和直观 缺点：不能将将webpack全部配置开放给用户，所以要制定扩展策略解决用户的特殊需求，就是所谓的插件机制 编程范式约束 封装方案带来配置便利的同时，要求业务代码编程范式遵守一定的约束，限制了源代码的可移植性 工程化方案作为一种服 阅读全文

摘要： 构建 将源代码转换成浏览器可以执行的代码 浏览器对es规范的实现程度，css预编译器，mustache模版语法等造成浏览器不能执行源代码 grunt,webpack,gulp之前 前端的构建需要借助其他开发领域的工具，比如ant 专业构建js和css的工具需要特殊的语言执行环境，比如java gru 阅读全文

摘要： 前端路由的功能 改变url不向服务器发送请求 检测url的变化 解析url的信息来匹配路由规则 hash模式和history模式都能够实现这个功能 hash模式 指的就是#和之后的字符 hash也称作锚点，本身是作为页面定位的，可以是id对应元素显示在可视区域内。 hash改变不会向浏览器发送请求 阅读全文

摘要： 脚手架创建项目步骤 第一步收集用户配置信息，可以通过GUI界面，可以通过命令行。 将配置信息转换成静态的文件内容 修改文件后缀，比如将.ejs改为js，css或者html等 将生成的文件复制到目标文件夹 封装脚手架 创建一个空的脚手架模块文件，文件目录 app是源码文件，app/index.js是执 阅读全文

摘要： 3类脚手架 sail.js 是node.js的全栈mvc框架，使用grunt搭建工作流，主要针对服务器端，不针对前端 php中间层，只包括view和controller的web服务中间层框架，类似现在的大前端 Yeoman，开放的脚手架平台，高度可拓展，没有封装具体方案。2012年谷歌发布的，提供一 阅读全文

摘要： 脚手架 创建项目初始文件的工具 结合前端工程化方案，能快速生成功能模块配置，自动安装依赖，降低时间成本 单独衡量没有很大价值，但是是前端工程体系中不能缺少的 脚手架工作流 -一个个繁琐的配置项，映射为项目各个模块的功能定制 阅读全文

摘要： 前端脚手架的差异性和独特性 java项目存在固定模式和技术选型，但前端项目的资源类型多样，技术选型宽泛，工作流程无固定规范，这些导致了前端脚手架与传统java等的脚手架不一样 前端工程工作流 脚手架初始化项目文件后，就没有用武之地了，用完即弃 我们甚至可以使用一个已经存在的类似项目，复制粘贴，稍微改 阅读全文