前端构建工具 面对日益复杂的前端环境以及前端技术、node技术的高速发展，前端的开发也越来越工程化，体系化，也就是出现了前端自动化构建工具。他们完成的任务目标基本是： js，css,图片的自动压缩合并（图片也即是是自动sprite） js，css,图片自动添加域名 ...

Fis3项目 项目目录结构: 项目要求: 1.雪碧图 2.代码模块化 3.预处理 4.md5戳 5.压缩资源 雪碧图 启用雪碧图插件,fis3已内置 设置雪碧图的合并格式 预处理 因为使用的是less，所以需要预处理less文件 ...

　　首先说明一下，即使不熟悉fis3，阅读文本应该也会有所收获。 　　本文以fis-parser-imweb-tplv2插件为模板插件，目的不在于使用哪个模板，而是组件可视化的实现思路，不必担心。 先说说模板插件 　　首先说明一下，我们的项目使用的fis3自带的mod.js做模块化 ...

第二章 - 04： Javascript 模块化管理的来世今生 目录 第二章 - 04： Javascript 模块化管理的来世今生 一、什么是模块化开发 1-1、模块化第一阶段 1-2、封装到对象 1-3 ...

1. 没有模块化的时代 在JS没有模块化标准的时代，如果存在以下依赖关系： main.js -> b.js -> a.js 那么我们必须把js文件的顺序按照模块的依赖关系顺序放到页面中(简单的举例，不考虑循环依赖等复杂情况) 我们需要提前加载好所有的依赖。 这种方式 ...

前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀 这时候 ...

说到打包工具，大家都会想到webpack，我之前也接触过webpack，说实话个人觉得webpack上手容易，但是对于新手来说里面有太多坑，配置文件也不简单。于是乎，我转入了fis3阵营，发现fis3对于新手来说再合适不过了，fis3只用记住几条命令就可以解决日常需求。下面开始讲解 ...

前端总结系列 前端总结·基础篇·CSS（一）布局 前端总结·基础篇·CSS（二）视觉 前端总结·基础篇·CSS（三）补充 前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String） 前端总结·基础篇·JS（二）数组深拷贝、去重以及字符串反序和数组（Array ...