`
zhangyaochun
  • 浏览: 2614458 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

思考js框架模型

阅读更多

其实这两个词都不陌生,也有很多人研读了各个流行开源库的源码,甚至和我一样自己积累了一个自己的lib。

 

但是又没有想过,框架和库到底什么关系?

 

 

  • 库是什么
     --------  一堆的代码

  1. 经验与代码的积累
  2. 业务需求的预处理

  • 框架是什么?
     --------  一堆的规则

  1. 框架包含库
  2. 库只有框架的实体表现


框架即规则
  • 代码规范
  • 接口设计规范
  • 面向对象
  • 事件模型
  • 模块组织
        。。。。。。


看看流行的脚本框架

  • jQuery/Ext/Prototype    -------------------------------- 方法库
  • Bindows                        -------------------------------- 模块化编程
  • YUI/DWR/Ajax.net         -------------------------------- 控件式编程
  • Dojo/JSVM                     -------------------------------- 按需加载,本地存储
  • Mootools                       -------------------------------- 代码聚合

为什么需要框架?

  • 每一个框架设计只为达到某个特殊的目的
  • 一个框架只适合一类需求
  • 没有最好的框架,只有最合适的框架

  1. 快速开发
  2. 升级与维护


我们需要什么样的框架?

  • 模块化开发
  • 无冗余
  • 低耦合
  • 详尽的基础方法
  • 丰富的UI模块
  • 开始开发、部署和维护
  • 简单、复杂

  1、引入namspace的概念   ------- 每一个. 是一个目录
  2、模块的拆分
  3、模块的聚合 merge
   
    ----------------  思想来源于: import|using  来源于JAVA | C#  资源文件的引入

  4、开发状态和上线状态

   -------------------- 上线把文件包含,打包


  5、灵活的可扩展性




未来的框架:

  • 不局限于pc方面的解决方案
  • 与服务器紧密交互关联





分享到:
评论

相关推荐

    关于Java框架Vert.x的几点思考.docx

    综上所述,Vert.x作为Java生态系统中的一个创新框架,它的异步模型、多语言支持和分布式能力,使其在现代互联网和企业应用中具有很高的价值。在Java面试中,了解和掌握Vert.x的相关知识,不仅可以提升个人技术素养,...

    以前做过的网站模型,不提供给外界使用

    6. **前端技术**:可能涉及HTML、CSS、JavaScript等技术,以及框架如Bootstrap、Vue.js等的运用。 7. **后端架构**:虽然模型中不直接包含后端代码,但设计时需要考虑后端数据处理、服务器交互等方面的需求。 8. **...

    Abstract.js:Abstract.js是一个用于快速开发的Web框架

    Abstract.js重新思考了网页的构建,并发现了Web开发中常见的抽象动作。 我们提取了两个基本模型,它们可以描述所有Web开发。 因此,它是Abstract.js中的呈现模型和关系模型。 关系模型基于简单的状态机,并用于描述...

    ZK Ajax without the Javascript Framework

    ### ZK Ajax无Javascript框架详解 #### 一、引言 在Web开发领域,Ajax(Asynchronous JavaScript and XML)技术自推出以来便受到广泛关注。它允许网页在不重新加载整个页面的情况下更新部分数据,极大地提升了用户...

    构建简单的web自动化测试模型

    本文主要介绍如何通过合理的架构设计和技术选型,构建出一个既简单又能有效覆盖测试需求的框架。 #### 三、关键概念解析 在正式开始之前,我们需要了解以下几个关键概念: 1. **Selenium API**:一种用于自动化Web...

    关于MVC的思考

    **关于MVC模式的深入思考** MVC(Model-View-Controller)模式是软件工程中的一种设计模式,常用于构建Web应用程序,以实现业务逻辑、数据处理和用户界面的分离,提高代码的可维护性和可扩展性。在这个模式中,模型...

    基于Python使用django框架的网上订餐系统.zip

    Django是Python的一个流行Web框架,它遵循模型-视图-控制器(MVC)架构模式,为快速开发高效、安全的网站提供了强大的工具。 本项目是一个基于Python的Django框架构建的网上订餐系统,适合计算机科学、软件工程或...

    javascript 象棋

    9. **前端框架**:现代Web开发中,常常会用到React、Vue或Angular等前端框架来构建用户界面,它们可以帮助管理组件状态,提高代码复用性,并简化DOM操作。 10. **性能优化**:由于棋盘的计算和渲染可能涉及大量操作...

    深度思考

    理解事件驱动的非阻塞I/O模型和模块化设计,以及如何使用Express.js等框架构建Web应用,是深度思考的一部分。 7. **ES6及后续版本**:随着ECMAScript标准的不断更新,新的语法特性如箭头函数、模板字符串、类和模块...

    JavaScript教程源代码

    JavaScript,通常简称为JS,是Web开发中的核心技术,主要用于网页和应用程序的交互性。它是一种轻量级的解释型编程语言,具有动态类型、原型继承和函数作为一等公民等特性。 在这一系列的源代码教程中,你将探索...

    打包下载102种常用JS源代码文件

    JavaScript,简称JS,是Web开发中的重要脚本语言,用于实现客户端的动态效果和交互功能。这个"打包下载102种常用JS源代码文件"集合涵盖了多种常用的JS功能和库,对于学习和开发工作非常有帮助。下面,我们将详细探讨...

    网页设计的思考CHM电子书

    JavaScript库和框架,如jQuery、React和Vue.js,大大简化了开发过程。AJAX(Asynchronous JavaScript and XML)技术允许网页在不刷新整个页面的情况下与服务器进行异步通信,提升用户体验。此外,JavaScript还可以...

    本科毕设项目-基于SSM框架实现的物业管理系统.zip

    5. **前端界面**:使用HTML、CSS和JavaScript,可能结合Bootstrap或其他前端框架进行页面布局和交互设计。 6. **业务逻辑**:Java类文件,实现物业管理系统的各项功能,如用户管理、物业费用管理、报修服务等。 7. *...

    demoTest.zip

    在IT行业中,uni-app是一个备受瞩目的跨平台开发框架,它允许开发者用一套代码实现多端部署,包括iOS、Android、...这个过程涉及到3D图形学基础、uni-app框架理解和three.js库的运用,每个环节都需要细致的思考和实践。

    前端MVC探讨及实践

    在前端MVC框架中,模型通常是由JavaScript对象或者函数构成的,它封装了数据以及对数据进行增删改查的操作。模型的职责是独立于用户界面的,它专注于数据的业务逻辑处理,并且可以被视图和控制器所引用。在复杂的...

    JAVA SMART系统-系统框架设计与开发(源代码+论文).zip

    4. **前端技术**:项目可能使用了HTML、CSS和JavaScript进行页面设计,Bootstrap或Materialize CSS提供响应式布局,Vue.js、React或Angular作为前端框架,实现动态交互和数据绑定。 5. **设计模式**:在系统开发...

    DocuChat 是一个基于文档的聊天机器人,它利用先进的 NLP 模型根据上传文档的内容提供智能响应

    为了保证用户体验,前端可能使用了React或Vue.js这样的现代JavaScript框架,它们提供了组件化开发和虚拟DOM,使得界面渲染更加高效且易于维护。 在系统架构上,DocuChat可能采用了RESTful API设计,使得前后端能够...

    图书--学习Node.js

    4. **后端服务**:Node.js作为后端框架,可以与前端框架如React、Vue等结合使用,构建全栈JavaScript解决方案。 #### 六、实践指南 1. **设置开发环境**:首先需要在本地机器上安装Node.js环境,然后通过npm安装...

    JavaScript_针对基于项目的学习的项目教程的策划列表.zip

    6. **JavaScript框架和库**:可能涵盖React、Vue.js或Angular等流行的前端框架,学习组件化开发、状态管理以及路由等高级特性。 7. **ES6+新特性**:接触并掌握ES6及后续版本引入的新语法,如箭头函数、模板字符串...

Global site tag (gtag.js) - Google Analytics