一.模块化规范 1.服务器端规范 CommonJS--node.js 2.浏览器端规范 AMD--RequireJS 国外相对流行 CMD--SeaJS 国内相对流行 3.模块化框架实现 CMD实现-seaJS创始人是阿里巴巴前端架构师玉伯:js文件的依赖管理.异步加载.方便前端的模块化开发. 官方网站:http://seajs.org/ AMD实现-RequireJS,James Burke AMD规范的创始人:与SeaJS 基本实现类似的功能. 官方网站:http://www.require…

模块化开发 概述 什么是模块化开发 将软件产品看作为一系列功能模块的组合 通过特定的方式实现软件所需模块的划分.管理.加载 为什么使用模块化开发 https://github.com/seajs/seajs/issues/547 协同 代码复用 解决问题 大量的文件引入 命名冲突 文件依赖 存在 顺序 实现模块化的推演 step-01 全局函数 step-02 封装对象 step-03 划分私有空间 step-04 模块的扩展与维护 step-05 第三方依赖管理 在什么场景下使用模块化开发 业…

angularJS中的多模块开发是指多个module模块开发,步骤为: 1. 确定主模块    var app=angular.module('myApp',[]); 2. 其他的子模块添加到主模块后面的中括号中 var app=angular.module('myApp',['myApp1','myApp2']); 3. 创建子模块 var app1=angular.module('myApp1',[]); 注意:子模块所在的标签必须写在主模块标签的内部 不太推荐的多模块开发: 1. 在标签内…

DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师.官方网站:devui.designNg组件库:ng-devui(欢迎Star) 引言 "他在正午.黄昏,在一天里的许多时刻去感受它.记录它,结果也就让我们看到了那么多的不同.他描绘它的角度没变,但它的面目却极大地改变了." 19世纪著名的印象派画家莫奈,喜欢对着同一处景物,分别画出对象在不同时间,不同光线下的色彩变化. 比如不同季节的三株白杨: 比如一天中不…

现在嵌入页面里面的javascript代码越来越复杂,于是可能依赖也越来越严重,使用别人开发的js也越来越多,于是在理想情况下,我们只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块. 于是js模块化开发就显的越来越重要了,但是,Javascript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块"(module)了.(正在制定中的ECMAScript标准第六版,将正式支持"类"和"模块",但还需要很…

seajs实现了JavaScript 的 模块开发及按模块加载.用来解决繁琐的js命名冲突,文件依赖等问题,其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载. 官方文档:http://seajs.org/docs/#docs 首先看看seajs是怎么进行模块开发的.使用seajs基本上只有一个函数"define" fn.define = function(id, deps, factory) { //code of function- } 使用define函数来进行定…

整个世界林林种种,把所有的事情都划分为对立的两个面. 每个人都渴望的财富划分为富有和贫穷,身高被划分为高和矮,身材被划分为胖和瘦,等等. 我们总是感叹,有钱人的生活我不懂;有钱人又何尝能懂我们每天起早贪黑的工作,总是做不到来一次说走就走的旅行. 程序员的生活也是这样.当你觉得自己学有所成是去面试一家互联网公司,很可能面临的是一盆冷水泼下. 面试的人员可能委婉的告诉你:我们是企业级开发,你那些个人演示的项目经验在我们这里的实际项目中几乎没用; 我们做的是分布式应用,分布式你懂吗?我们的应用都是要上…

之前文章中给大家说明了下我这个小小的想法,发现还是有不少人的支持和关注.你们的鼓励是对我最大的支持. 我总结了了大家的评论,有以下几个问题: 1.希望有更多的文档说明. 2.希望介绍下Orchard的热插拔机制. 3.希望可以说明如何扩展功能什么的. 4.介绍下Orchard的核心机制. 5. 介绍下我对Orchard的整个瘦身过程怎么做的. 6.觉得这个像瑞星杀毒只剩下小狮子了(这个有意思 J) 除了这些还有别的,我只是自己大概总结了下. 对于以上的问题,我不会挨个去说明.只是给大家说明下我的…

首先引用我们的今天的主角 ----<前端模块化开发的价值> 1,前端开发最常见的两个问题 ---命名冲突和文件依赖 2,对于命名冲突的基本解决办法就是学习其他语言的习惯,添加命名空间 var org = {}; org.CoolSite = {}; org.CoolSite.Utils = {}; org.CoolSite.Utils.each = function (arr) { // 实现代码 }; org.CoolSite.Utils.log = function (str) { //…

背景介绍 nginx历史 使用简介 nginx特点介绍 nginx平台初探(100%) 初探nginx架构(100%) nginx基础概念(100%) connection request 基本数据结构(99%) ngx_str_t(100%) ngx_pool_t(100%) ngx_array_t(100%) ngx_hash_t(100%) ngx_hash_wildcard_t(100%) ngx_hash_combined_t(100%) ngx_hash_keys_arrays_t(…