学习笔记
我只是个小前端
这个作者很懒,什么都没留下…
展开
-
前端模块化
主要是指前端js的模块化。随着前端的发展,前端能够做的东西越来越多,越来越复杂,把所以的功能都写在同一个js文件中随着功能的复杂度增加,js文件的大小也会增加,全局变量污染,代码耦合度太高,不利于调试和排错等等,而模块化开发就能够解决这些问题。什么是模块化,为什么要模块化,模块化的好处这些都不说了,网上很多文章自己去了解一下。重点说一下如何进行模块化开发。首先了解模块化开发的发展过程有...原创 2018-06-15 16:43:14 · 258 阅读 · 0 评论 -
模块化开发规范:CommonJS
CommonJS最初是在服务器端实现,Node.js就是基于CommonJS规范开发的,将CommonJS运用在浏览器端需要使用Browserify进行编译打包。让我们来学习一下如何使用CommonJS规范在服务器端(Node.js)和浏览器端进行模块化开发。在node中使用//文件目录|-commonjs_in_node |-modules |-modu...原创 2018-06-15 16:44:34 · 490 阅读 · 0 评论 -
模块化开发规范:AMD(RequireJS)
使用CommonsJS模块化开发,模块的加载是运行时同步加载,在浏览器中需要使用Browserify进行编译和打包。AMD规范和CommonsJS不同,RequireJS主要运用在浏览器中,模块的加载是异步的,也可以用在其他环境中,比如 Node。本文只讨论在浏览器中是如何使用的。下载下载requirejs文件目录|--requirejs_test |--js...原创 2018-06-15 16:46:12 · 976 阅读 · 0 评论 -
模块化开发规范:SeaJS
和RequireJS类似,SeaJS也是一个适用于 Web 浏览器端的模块加载器,由前淘宝员工玉伯开发,后由阿里,腾讯等共同维护,目前被国外公司收购,在国内使用相对较少。可以在 SeaJS 详细学习。对SeaJS我们来做简单的了解,掌握基本使用方法。项目目录|--CMD |--js |--libs |--sea.js ...原创 2018-06-15 16:48:02 · 326 阅读 · 0 评论 -
ES6模块化
ES6新增另外Module语法用来进行模块化开发,详情访问:ECMAScript 6 入门-Module 的语法。基本使用方法项目目录|--ES6 |--js |--build //es6转化为es5后的js文件夹 |--dist //编辑打包后的主模块文件夹 |--src //源码文件夹 ...原创 2018-06-15 16:48:44 · 362 阅读 · 0 评论