- 浏览: 2566037 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
<div class="quote_title ...
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
其实这两个词都不陌生,也有很多人研读了各个流行开源库的源码,甚至和我一样自己积累了一个自己的lib。
但是又没有想过,框架和库到底什么关系?
- 库是什么?
-------- 一堆的代码
- 经验与代码的积累
- 业务需求的预处理
- 框架是什么?
-------- 一堆的规则
- 框架包含库
- 库只有框架的实体表现
框架即规则:
- 代码规范
- 接口设计规范
- 面向对象
- 事件模型
- 模块组织
。。。。。。
看看流行的脚本框架:
- jQuery/Ext/Prototype -------------------------------- 方法库
- Bindows -------------------------------- 模块化编程
- YUI/DWR/Ajax.net -------------------------------- 控件式编程
- Dojo/JSVM -------------------------------- 按需加载,本地存储
- Mootools -------------------------------- 代码聚合
为什么需要框架?
- 每一个框架设计只为达到某个特殊的目的
- 一个框架只适合一类需求
- 没有最好的框架,只有最合适的框架
- 快速开发
- 升级与维护
我们需要什么样的框架?
- 模块化开发
- 无冗余
- 低耦合
- 详尽的基础方法
- 丰富的UI模块
- 开始开发、部署和维护
- 简单、复杂
1、引入namspace的概念 ------- 每一个. 是一个目录
2、模块的拆分
3、模块的聚合 merge
---------------- 思想来源于: import|using 来源于JAVA | C# 资源文件的引入
4、开发状态和上线状态
-------------------- 上线把文件包含,打包
5、灵活的可扩展性
未来的框架:
- 不局限于pc方面的解决方案
- 与服务器紧密交互关联
发表评论
-
TweenMax
2014-03-31 17:32 996TweenMax: 在线调用:http ... -
动画框架之Sprite
2014-02-18 13:44 938Sprite.js An ... -
bootstrap分拆之table
2013-07-11 14:44 0本文整理一下bootstrap中tabl ... -
jquery全屏版插件
2013-04-11 13:29 0先贴上代码: ;(function($) ... -
好东西之--获取ie版本号的一种方式
2013-05-08 10:22 1526先看一段jqm1.1.0版本的代码: ... -
backboneJS
2013-02-21 17:05 1325backbone.js 重量级js ... -
Sizzle简介
2013-01-28 12:21 1468Sizzle 从jq的1.3开始,jq也采用S ... -
a javascript module pattern
2013-01-21 14:13 1376本文介绍一种不错的module pattern. ... -
响应式框架Foundation简介
2013-01-15 19:34 0响应式框架:Foundation 官方地址: ... -
Turn.js简介
2013-01-14 11:18 1480本文简单介绍一下turn.js这个东东! 主 ... -
AppJS简介
2013-01-10 19:49 1990本文介绍一下AppJs. 官网:http:// ... -
移动框架Zeptp介绍
2012-12-13 13:10 1562本文简单介绍一下Zepto. 基于移 ... -
关于页面依赖文件加载失败处理的一种“独特”设计
2012-12-07 17:00 2371问题与需求: ... -
关于页面依赖文件加载失败处理的一种“独特”设计
2012-12-07 16:59 1问题与需求: 某个项目首页或者首屏在弱网络环境下,或 ... -
内容复制兼容性解决方案之ZeroClipboard
2012-12-03 13:24 2587Zero Clipboard 1、简介: J ... -
项目开发设计之设计文档编写规范
2012-11-18 14:57 3469前言: 慢慢地,很多fe也会接触到一些比较大中型的项目 ... -
初识BigPipe
2012-11-12 14:38 1524BigPipe ------ 一个重新设计的基础动态 ... -
关于专业化前端的自我修养总结反思篇
2012-10-21 16:48 3942前言: 其实很 ... -
关于专业化前端的自我修养总结反思篇
2012-10-21 16:45 3前言: 其实很多fe,当然包含我自身,很多时间很多场 ... -
框架设计之Get first Set all原则
2012-10-11 17:46 1289本思想其实很简单: Get first: ...
相关推荐
Abstract.js重新思考了网页的构建,并发现了Web开发中常见的抽象动作。 我们提取了两个基本模型,它们可以描述所有Web开发。 因此,它是Abstract.js中的呈现模型和关系模型。 关系模型基于简单的状态机,并用于描述...
前不久有个网友问我在前端使用requireJs和seajs的问题,我当时问他你们公司以前有没有自己编写的javascript库,或者javascript框架,他的回答是什么都没有,他只是听说像requirejs和seajs是新东西新技术,很有价值...
4.3.3 在JavaScript中实现灵活的事件模型 4.4 Ajax应用中的模型 4.4.1 使用JavaSctjpt为业务领域建模 4.4.2 与服务器交互 4.5 从模型生成视图 4.5.1 JavaScript对象的反射 4.5.2 处理数组和对象 4.5.3 添加控制器 ...
vue是非常流行的框架,他结合了angular和react的优点,从而...虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做。比如你在Vue生命周期的created()/mounted()钩子
关键点: 渐进式 JavaScript 框架、核心库加插件、动态创建用户界面(异步获取后台数据,数据展示在界面) 特点: MVVM 模式;代码简洁体积小,运行效率高,适合移动PC端开发;本身只关注 UI (和 react 相似),...
7.7.3 文档对象模型 147 本章小结 151 思考题 152 第8章 表单 153 8.1 插入表单 153 8.1.1 引例 153 8.1.2 插入表单方法 153 8.2 插入表单对象 154 8.2.1 添加按钮 155 8.2.2 添加文本域 155 8.2.3 添加复...
消除框架和组件的开销,并使用纯 JavaScript 对其进行建模。 事实证明,当这样做时,它们通常很容易推理! 安装 npm install --save formalistic 用法 Formalistic 是关于使用纯 JavaScript 对表单进行建模。 以下...
Java框架研发思考.docx Java程序员们最常犯的10个错误.docx java程序员的就业指导(重点).docx Java程序员面试宝典 .pdf java笔试题大集合及答案 Java经典项目集锦.rar JAVA编程题全集(100题及答案).doc java面试书籍...
Java框架研发思考.docx Java程序员们最常犯的10个错误.docx java程序员的就业指导(重点).docx Java程序员面试宝典 .pdf java笔试题大集合及答案 Java经典项目集锦.rar JAVA编程题全集(100题及答案).doc java面试书籍...
Java框架研发思考.docx Java程序员们最常犯的10个错误.docx java程序员的就业指导(重点).docx Java程序员面试宝典 .pdf java笔试题大集合及答案 Java经典项目集锦.rar JAVA编程题全集(100题及答案).doc Java面试文档...
Maven是基于项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。Maven 除了以程序构建能力为特色之外,还提供 Ant 所缺少的高级项目管理工具。由于 Maven 的缺省构建规则...
Vue是一个典型的MVVM框架,模型(Model)只是普通的JavaScript对象,修改它则视图(View)会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢? 实现原理概述 这是前言...
重新思考模型 // Make A Rethink Model var Model = thinky . createModel ( 'tastypie_model' , { index : type . number ( ) , guid : type . string ( ) , isActive : type . boolean ( ) . default ( false ...
一款帮助人们像科学家一样思考时事的移动应用程序。 定义现代科学话语的问题 我们传统的讲座和问题集系统给今天的大多数大学毕业生留下了一种“实证主义”的科学话语和教育方法,它将科学传播定位为从专家到外行的...
信息收集(输入屏幕)是RealWork中常用的UI。 它可能变得如此复杂,以... 一个简单CSS网格框架和模块化架构 工具和实用程序 开始吧 先决条件:Node,npm,bower,Grunt cli 克隆仓库并安装所需的软件包: git clone
是一个客户端 MVC 框架——一种以易于思考和维护的方式组织代码的工具。 学习秘银 是一个很好的入门资源。 以下是您可能会觉得有用的一些链接: 执行 用于尝试秘银的游乐场项目。 尽管整个都应该实现并运行,但进行...
DbHelperV2 - Teddy的通用数据库访问组件设计和思考 也论该不该在项目中使用存储过程代替SQL语句 如何使数据库中的表更有弹性,更易于扩展 存储过程——天使还是魔鬼 如何获取MSSQLServer,Oracel,Access中的数据字典...
9.1. JavaScript 9.2. 符号表 9.3. 语素 9.4. 优先级 9.5. 表达式 9.6. 中置运算符 9.7. 前置操作符 9.8. 赋值运算符 9.9. 常数 9.10. Scope 9.11. 语句 9.12. 函数 9.13. 数组和对象字面量 9.14. 要做和要思考的事 ...
草稿博客文章和示例项目。 在可伸缩交互式映射上:最近的收藏夹技巧 ... 就是说,本文中的想法和代码示例可以与其他MV *框架或应用程序很好地配合,尤其是如果您根本不使用框架,则可以作为轻量级的帮助程序。 实际上,
书中结合代码示例生动透彻地讲述了面向对象思想的精髓,让读者真正学会以对象方式进行思考。此外,本书还讨论了各种与面向对象概念密切相关的应用主题,包括XML、UML建模语言、持久存储、分布式计算和客户/服务器...