元素下的classList属性 classList属性下面有四个方法: add(value): 添加,已存在的属性不添加 remove(value):删除属性 contain(value):检测属性是否存在,返回布尔型 toggle(value):检测属性,存在将其删除,不存在添加 //删除"disable"类 div.classList.remove("disable"); //添加"current"类 div.classList.add(&q…

一.了解DOM 1.DOM是Document Object Model的缩写,即文档对象类型,是文档在内存中的表示形式,是一个应用程序接口,定义了文档的逻辑结构以及一套訪问和处理文档的方法. 2.HTML DOM与Core DOM的差别:前者提供了大量的方法和属性,与现有的程序模型一致.更便于脚本的编写者控制. 二.document对象 使用window.document属性返回一个document对象.代表当前window内载入的文档. window能够省略.winName.document返…

1.HTML标签和属性是不区分大小写的,但JS是区分大小写的:所以(1)HTML专有的接口的属性应该以小写字母开头,如果属性名由多个单词构成,第二个及接下来的每个单词的首字母都要大写.(2)有些HTML属性名在JS中是保留字,一般处理是为属性名加前缀‘html’.例如:for变为htmlfor,class变为className. 2.HTML属性值通常是字符串,也可以是布尔值或数值.但任何HTML元素的style属性值是一个CSSStyleDeclaration对象,而不是字符串.(对象的属性之…

DOM 什么是DOM?简单地说DOM是一套对文档内容进行抽象和概念化的方法.   W3C给出的DOM定义是这样的:"一个与系统平台和编程语言无关的接口,程序和脚本以通过这个接口动态的访问和修改文档的内容,结构和样式."   那么楼主在这里主要是跟大家分享下JavaScript中如何使用DOM,当然如果会用JavaScript使用DOM,当你使用PHP或是Python之类的语言来解析XML文档的时候,我们获得的DOM新知识将会有很大的帮助. DOM中的"D",&quo…

vue的虚拟dom和diff算法 1.虚拟dom 虚拟dom,我的理解就是通过js对象的方式来具体化每一个节点,把dom树上面的每个节点都变为对象里的一个元素,元素的子元素变为子节点,节点上面的class.id.attribute等属性变为data内的值,然后通过dom上面的createElement.appendChild.insertBefore等方法进行生成dom树. let VNode = { sel:'div', data:{ key:0, props:{}, attrs:{}, cl…

<重温javascript>这是一系列 javascript 的学习笔记,部分内容摘自书本或者网络,我这里只是基于自己的理解进行了梳理整理. 一个完整的 javscript 实现是由以下3部分组成的 : 核心 ECMAScript 文档对象模型 DOM 浏览器对象模型 BOM ECMAScript ECMAScript 并不与任何具体浏览器绑定,实际上,它没有提到用于任何用户输入输出的方法. ECMAScript 可以为不同种类的宿主环境提供核心的脚本编程能力,因此核心的脚本语言是与任何特定的…

兼容Mono的下一代云环境Web开发框架ASP.NET vNext 我们知道了ASP.NET vNext是一个全新的框架,是一个与时俱进的框架.这篇文章将深入讨论在整体架构更多的细节,文档参照 ASP.NET vNext Home,还有这篇文章 http://davidfowl.com/asp-net-vnext-architecture/. github库之间的依赖关系可以看下面这个图 : 这个图不是所有的依赖关系,从这里可以看出ASP.NET vNext的一个架构: KRuntime - 包…

怎样用React JS构建一个用户界面?本文将快速地给你一个React JS的概览.代码,请君移步react-starter 概念 React只有很少的API,这使得它很容易去学习与理解.当然,使用它也是相当有意思的.但是,简约却并不简单.在我们开始之前,有一些概念是需要去理解的. React元素(React elements) React元素是用于呈现HTML结构的JavaScript对象.它们不会存在于浏览器中,只是用于描述浏览器中的元素,比如h1, div 或者 section等等. 模块…

1.function  xx(){} 2.匿名方式   window.onload=function(){dslfjdslfkjdslf}; 3.动态方式  var demo=new Function('x','y','var y=x+y;return y;'); var sum=demo(4,55); alert(sum); 一.JavaScript的历史 a) 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名Scrip…

1.前言 今天下午参加一个面试,对方问我写不写博客,这时候才猛然意识到好久没写东西了.最近一直在外边实习,每天有很多经历和挑战,但是却没有及时地记录下来,这一点必须得批评自己,以后得经常把自己遇到的问题及时记录下来. 言归正传,今天面试卡住的第一个问题就是问我如何获取mouseenter.mouseleave中的两个对象?对这两个对象我只知道它们的特点是均不冒泡,是DOM新规范定义的方法,至于其他东西就不知道了. 2.二者的区别(以mouseover.mouseenter为例) <!doctyp…