`
easyfinger
  • 浏览: 18084 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

DOM/JS/框架之间的关系

阅读更多

DOM (Document Object Model)是一个平台和语言中立的接口,它允许程序和脚本动态访问和更新文档的内容、结构以及样式。文档能被进一步的处理,处理的结果能被整体返回到呈现页里面。

 

JavaScript 是一个被广泛使用于客户端web开发的脚本语言。它是动态的,弱类型的,基于原型和 first-class functions。 JavaScript受很多语言影响,设计的像Java,但是为非程序员使用也很简单。这种语言最知名的就是在网站种的使用(象 客户端javascript),但也可以用来使脚本访问对象嵌入在其他应用程式(例如微软的小工具,在Windows边栏) 。

Javascript关键的设计原则是从Self 程序语言继承的。 (Self 是指基于原型概念的面向对象编程语言)

Javascript的特性:

  • 结构化设计

         JavaScript支持所有c语言结构化设计语法。

  • 动态设计

          动态输入,作为绝大多数脚本语言,类型被关联到值而非变量。

          对象集合作为关联数组

          解释执行
  • 函数级设计
          first-class functions
          函数是first-class;它们是对象自身。同样的,它们像其它对象一样有属性并且能通过周围环境相互影响。

内在函数和闭包
内在函数(函数定义在其它函数中)是在每次外部函数被调用时创建的,外部函数的变量只要内在函数仍然存在就继续存在,直到调用结束后(例如,如果内在函数已经被返回,它仍然可以访问外部变量)-这就是javascript的闭包机制。
  • 基于原型
         原型:js使用原型而非类定义对象属性,包括方法和继承。

         函数作为对象构造器:Functions double as object constructors along with their typical role. Prefixing a function call with new creates a new object and calls that function with its local this keyword bound to that object for that invocation. The function's prototype property determines the new object's prototype.

函数作为方法

Unlike many object-oriented languages, there is no distinction between a function definition and a method definition. Rather, the distinction occurs during function calling; a function can be called as a method. When a function is invoked as a method of an object, the function's local this keyword is bound to that object for that invocation.
  • 其它
      run-time environment
JavaScript typically relies on a run-time environment (e.g. in a web browser) to provide objects and methods by which scripts can interact with "the outside world". (This is not a language feature per se, but it is common in most JavaScript implementations.)
       variadic functions
An indefinite number of parameters can be passed to a function. The function can both access them through formal parameters and the local arguments object.
      regular expressions
JavaScript also supports regular expressions in a manner similar to Perl , which provide a concise and powerful syntax for text manipulation that is more sophisticated than the built-in string functions.


JS框架
目前大多数的js框架对js所做的工作主要有这样几个方面:
  • 对JS进行类封装,使JS更像我们所熟悉的语言,例如Ruby,Java等
  • 扩展了对DOM的访问,使对DOM树的访问更简单快捷
  • 统一因不同浏览器标准不同而导致的差异,降低使用成本
  • 增加了一些效果

分享到:
评论

相关推荐

    常用web开发手册css2/css3/jquery-api/javascript api/dom/html/j2ee-api/dhtml

    JavaScript API是JavaScript语言在浏览器环境下的扩展,提供了访问和操作DOM、处理用户交互、进行Ajax通信等功能。例如,Document对象的getElementById()用于获取ID为特定值的元素,Event对象提供了事件处理相关的...

    react.js、react-dom.js、babel.js文件包下载

    React.js、react-dom.js和babel.js是开发基于React的应用程序时不可或缺的JavaScript库和工具。在深入探讨这些文件之前,让我们先理解React的基本概念。React是由Facebook开发的一个用于构建用户界面的JavaScript库...

    10大js框架 javaScript框架

    在探讨“十大JavaScript框架”这一主题时,我们深入解析了多个关键框架,这些框架在现代Web开发中扮演着至关重要的角色。以下是对每个框架的详细分析: ### 1. Prototype Prototype是最早一批的JavaScript库之一,...

    开发文档&测试帮助文档全集(java/javascript/js/测试帮助文档)

    JavaScript文档涵盖DOM操作、事件处理、AJAX(异步JavaScript和XML)以及现代前端框架如React、Vue和Angular。理解原型链、闭包和作用域是掌握JavaScript的关键,而学习Promise和async/await可以提高异步编程的效率...

    RealDOM一个1K非虚拟DOM非框架骨架用于简单应用程序

    在现代前端开发中,DOM(Document Object Model)是网页内容的抽象表示,它允许我们通过JavaScript来操作页面元素。然而,随着Web应用复杂性的增加,直接操作DOM变得效率低下,因为这会频繁触发浏览器的重绘和回流,...

    JavaScript的HTML解析器jsdom.zip

    jsdom 是 WHATWG DOM 和 HTML 标准的 JavaScript 实现,主要用于 io.js 框架。示例代码:// Count all of the links from the io.js build page var jsdom = require("jsdom"); jsdom.env(  ...

    react下的react.min.js和react-dom.js

    在React生态系统中,`react.min.js`和`react-dom.js`是两个核心库文件。 `react.min.js`是React库的压缩版本,"min"代表“最小化”,意味着它已经过混淆和压缩处理,以减少文件大小,提高网页加载速度。这个文件...

    DOMParser解析xml

    DOM是一种树型结构,将XML文档中的每个元素、属性和文本内容表示为节点,这些节点之间存在层级关系。DOMParser接口提供了解析XML字符串并创建DOM文档的方法,以便于开发者可以使用DOM API来查询、修改或操作XML数据...

    JS HTML经典框架

    JavaScript框架是预编写的一系列代码,用于简化JavaScript开发,提供可重用的组件,促进快速开发。它们通常包含用于处理DOM操作、事件管理、数据绑定、路由和动画等功能。一些知名的JavaScript框架包括: 1. ...

    react,react-dom及babel打包文件.zip

    4. 服务器端渲染:react-dom.server模块支持在Node.js环境中进行服务器端渲染,提高首屏加载速度和SEO优化。 Babel是JavaScript的编译器,主要用于将ES6+的语法转换为浏览器可识别的ES5语法,确保代码在不同环境下...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    随着时间的发展,JavaScript已经成为了一门功能强大的编程语言,并且拥有庞大的生态系统,包括Node.js、React、Angular等流行框架和库。 ### 二、DOM概念详解 #### 2.1 DOM定义 DOM(Document Object Model,文档...

    自定义JS类框架

    "自定义JS类框架"指的是开发者根据自身需求,利用JavaScript语言特性(如原型链、闭包、模块化等)和jQuery库,构建的一种自定义的框架。这个框架可能是为了简化DOM操作、提供更高级别的API、优化性能或者实现特定的...

    Ractivejs下一代DOM操作框架

    总之,Ractive.js作为一款JavaScript框架,以其独特的数据绑定、虚拟DOM和部分更新机制,为前端开发提供了新的解决方案。它不仅简化了DOM操作,还提高了性能,同时保持了良好的学习曲线和广泛的社区支持。

    WorkerDOM实现运行在一个WebWorker中的DOMAPI和框架

    WorkerDOM 是一个JavaScript库,它的主要目标是将DOM API和框架功能带入Web Worker环境。在Web Worker中执行DOM操作可以显著提升Web应用的性能,因为它允许我们在后台线程处理复杂的计算任务,而不阻塞主线程,从而...

    前端开源库-jsdom-papandreou

    **JSDOM:JavaScript 的 DOM 实现** JSDOM(JavaScript Document Object Model)是由 GitHub 用户 papandreou 创建的一个开源项目,它为 JavaScript 提供了一个完整的 DOM 和 HTML 标准实现。这个库使得在 Node.js ...

    JS + HTML DOM

    【JS + HTML DOM】是关于JavaScript与HTML Document Object Model(文档对象模型)的结合使用,这一主题涵盖了如何通过JavaScript操作和动态更新HTML页面。在Web开发中,JavaScript是一种客户端脚本语言,它允许我们...

    前端开源库-jsdom-little

    `jsdom` 是一个JavaScript实现的DOM(文档对象模型)库,它允许在Node.js环境中运行浏览器的API。这个开源项目为开发者提供了在服务端操作和解析HTML与XML文档的能力,尤其在进行自动化测试、数据抓取或模拟浏览器...

    JS性能优化框架

    标题:JS性能优化框架 描述:本文将深入探讨三种高效的JS框架,旨在通过采用先进的技术和策略来提升网页应用的性能。这些框架不仅能够优化资源加载流程,还能够改善代码执行效率,从而为用户提供更流畅、更快捷的...

    JavaScript & DOM Enlightenment

    同时,随着Web组件和框架(如React、Vue、Angular)的流行,理解JavaScript和DOM的基础变得更为重要,因为它们是这些高级技术的基石。 通过"JavaScript Enlightenment",你可能会学习到如何编写高效、可维护的...

Global site tag (gtag.js) - Google Analytics