下载APP 随时随地学编程
返回 首页

JavaScript 设计模式

开始阅读
手册说明:


设计模式优点

  • 模式是行之有效的解决方法:他们提供固定的解决方法来解决在软件开发中出现的问题,这些都是久经考验的反应了开发者的经验和见解的使用模式来定义的技术。
  • 模式可以很容易地重用:一个模式通常反映了一个可以适应自己需要的开箱即用的解决方案。这个特性让它们很健壮。
  • 模式善于表达:当我们看到一个提供某种解决方案的模式时,一般有一组结构和词汇可以非常优雅地帮助表达相当大的解决方案。
  • 学完本教程之后,W3Cschool推荐您进行实战练习:点击进入实战

JavaScript特点

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
  • 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

Javascript实战训练

实战训练:https://www.w3cschool.cn/codecamp/list?ccid=3

Javascript相关教程

《HTML教程》
《CSS3教程》

javascript教程

JavaScript 和 HTML DOM 参考手册


目录
JavaScript 前言
JavaScript 简介
JavaScript 什么是设计模式?
JavaScript 设计模式的结构
JavaScript 编写设计模式
JavaScript 反模式
JavaScript 设计模式的分类
JavaScript 设计模式分类概览表

JavaScript 设计模式

JavaScript 构造器模式
JavaScript 模块化模式
JavaScript 暴露模块模式
JavaScript 单例模式
JavaScript 观察者模式
JavaScript 中介者模式
JavaScript 原型模式
JavaScript 命令模式
JavaScript 外观模式
JavaScript 工厂模式
JavaScript Mixin模式
JavaScript 装饰模式
JavaScript 亨元(Flyweight)模式

JavaScript MV* 模式

JavaScript MVC模式
JavaScript MVP模式
JavaScript MVVM模式

JQuery 中的设计模式

JavaScript 组合模式
JavaScript 适配器模式
JavaScript 外观模式
JavaScript 观察者模式
JavaScript 迭代器模式
JavaScript 惰性初始模式
JavaScript 代理模式
JavaScript 建造者模式

最新的模块化 JavaScript 设计模式

ES Harmony
AMD
CommonJS
jQuery 插件的设计模式
JavaScript 命名空间模式
JavaScript设计模式 总结
JavaScript设计模式 参考资料

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }