JavaScript
文章平均质量分 88
MaiOvv
这个作者很懒,什么都没留下…
展开
-
JS高级程序设计精简版(第十二章:DOM)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!DOM1、定位元素getElementById()getElementsByTagName()getElementsByClassName()返回一个包含他们的HTMLCollection,类似NodeList的使用,但其对象有一个额外的方法:namedItem(),可通过标签的name属性获...原创 2021-12-09 11:54:55 · 488 阅读 · 0 评论 -
JS高级程序设计精简版(第十一章:期约与异步)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!第十一章 期约与异步一、异步同步与异步同步:所有指令都是在单个线程中按顺序执行的异步:为了不阻塞线程,可以将计算量大或要等很长时间的操作使用异步。ES5异步:以往只支持回调函数来表明异步操作完成,因此很经常串联多个异步操作(回调地狱)二、期约ES6期约:ES6新增的引用类型Pro...原创 2021-12-09 11:33:26 · 463 阅读 · 0 评论 -
JS高级程序设计精简版(第十章:函数)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!第十章 函数函数也是对象,函数是Function类型的实例,函数名就是指向函数对象的指针。定义函数的四种方式:函数声明、函数表达式、new Function();、箭头函数一、参数1、实参函数定义的形参个数可以和实参个数不同,因为函数被调用时接收一个数组保存实参。因为js函数使用参...原创 2021-12-08 22:13:55 · 736 阅读 · 0 评论 -
JS高级程序设计精简版(第九章:代理与反射)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!代理和反射可以拦截对目标对象的操作,必须通过操作代理才能实现拦截。代理是真实JS对象的透明抽象层。反射API封装了一整套与捕获器拦截的操作相对应的方法,一、代理基础创建一个代理var proxy = Proxy(目标对象,处理程序对象)给目标或代理的属性赋值,两个对象都会有反应,因为代理会将...原创 2021-12-08 22:08:24 · 129 阅读 · 0 评论 -
JS高级程序设计精简版(第八章:第八章对象、类与面向对象)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!一、对象的属性定义属性Object.defineProperty(obj,prop,desc) 或者Object.defineProperties(obj,{prop:{desc}})desc是属性的配置,有六种,以下是其默认值。value get set ...原创 2021-12-08 22:05:44 · 598 阅读 · 1 评论 -
JS高级程序设计精简版(第六章:集合引用类型)附思维导图
一、ObjectNew object()或者对象字面量 object = {} 不会调用 Object构造函数key为数值会自动转为字符串二、数组创建数组:数组字面量 [] 也不会调用Array构造函数ES6新增两种创建数组的静态方法。Array.form(arg,function(x){})arg可以是任何可迭代的结构,或者有length属性和可索引元素的结构。若arg是现有数组,则对此数组进行浅拷贝。Function(x){}对创建出来的数组元素都调用一次函数,并.原创 2021-12-08 18:39:51 · 239 阅读 · 0 评论 -
JS高级程序设计精简版(第五章:引用类型)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!第五章 引用类型一、日期Date1、时区概念:UTC:世界协调时,利用原子钟计算时间与日期,世界统一时间,是没有时区概念的。GMT:格林尼治标准时间,根据地球自转公转而定的时间,可以视为UTC一样的时间(忽略不计)。时区:中国是东八区,(GMT + 8 = 中国本地时间)2、创建日...原创 2021-10-08 23:35:33 · 190 阅读 · 0 评论 -
JS高级程序设计精简版(第四章:变量、作用域和内存)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!第四章 变量、作用域和内存一、变量1、基本类型和引用类型基本类型存的是值,引用类型存的是地址,地址指向堆内存的对象。传参:按值传参,引用类型的话值就是地址。引用类型的类型检测:instanceof 如 arr instanceof Array //true2、变量声明...原创 2021-10-08 23:11:40 · 248 阅读 · 1 评论 -
JS高级程序设计精简版(第三章:语言基础)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!第三章 语言基础一、数据类型检测——typeof检测给定变量的数据类型——typeof“undefined”——如果这个值未定义;“boolean”——如果这个值是布尔值;“string"——如果这个值是字符串;”number“——如果这个值是数值;”object”——如果这个...原创 2021-10-08 22:53:42 · 260 阅读 · 0 评论 -
JS高级程序设计精简版(第一章+第二章)附思维导图
时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!! 第一章 JS简介 一、浏览器相关 浏览器组成浏览器由渲染引擎 + JS引擎组成。渲染引擎:解析HTML+CSS,俗称内核,如chrome的blink,webkitJS引擎:JS解释器,读取网页中的JS代码,解释一行执行一行,如chrome的V8二、JS相关JS组成ECMA...原创 2021-10-08 22:17:13 · 262 阅读 · 0 评论 -
JavaScript 使用Canvas绘图
JavaScript 使用Canvas绘图 <canvas>元素负责在页面中设定一个区域,可以通过JavaScript动态地在这区域中绘制图形。一、基本用法1、先设置width和height来指定绘图区域大小,默认是透明的。需用getContext()方法获得绘图上下文。if(drawing.getcontext){ //检测浏览器是否支持canvas元...原创 2019-04-15 13:40:54 · 12931 阅读 · 0 评论 -
JavaScript HTML5脚本编程
JavaScript HTML5脚本编程 一、跨文档消息传递 跨文档消息传送(XDM):在来自不同域的页面间传递消息。 postMessage()方法:向当前页面中的<iframe>元素或者由当前页面弹出的窗口传递数据。两个参数:一条消息、接收方来自哪个域。var iframeWindow = document.getElementById("myfr...原创 2019-04-22 11:33:50 · 267 阅读 · 0 评论 -
JavaScript 表单脚本
JavaScript 表单脚本一、基本概念 HTML中表单<form>对应JS的是HTMLFormElement类型,具有HTML元素的默认属性,也有以下特有的属性和方法:acceptCharset、action、elements、enctype、length、method、name、target这几个属性都对应表单的特性, 可以通过document.for...原创 2019-04-14 10:43:32 · 743 阅读 · 0 评论 -
JavaScript 浅谈DOM节点层次:Text /Coment等类型
浅谈DOM其他节点层次:Text 、Coment、一、Text类型——文本 Text类型表示纯文本内容,其特性有 nodeType == 3 ; nodeName == "#text" ; nodeValue == "节点内的所有文本" 访问Text节点:可通过nodeValue属性或者data属性访问 文本节点:标签间有空格或者文本为一个文...原创 2019-04-03 23:31:44 · 697 阅读 · 0 评论 -
JavaScript DOM操作技术
JavaScript DOM操作技术一、动态脚本 动态脚本指的是:不是预先写在HTML页面上的,而是在将来某一时刻通过修改DOM动态添加的脚本。 创建动态脚本的两种方式:引入外部src文件或者直接插入JavaScript代码。1、引入外部文件<script type="text/javascript" src="file.js"> </scri...原创 2019-04-04 22:15:54 · 223 阅读 · 0 评论 -
JavaScript DOM拓展 API 遍历等
浅谈DOM拓展 对DOM的两个主要拓展是Selectors API 和HTML5一、选择符API——Selectors Selectors API致力于让浏览器原生支持CSS查询,即解析和树查询操作可以在浏览器中直接编译完成,相比其他JS库,极大地改善了性能。Selectors API Level 1有以下两大方法,可通过Document和Element类型实例调用它们...原创 2019-04-05 00:13:05 · 214 阅读 · 0 评论 -
浅谈JavaScript中DOM2
浅谈JavaScript中DOM2DOM2级分成了以下六个模块:1、DOM2级核心:为节点添加了方法和属性2、DOM2级视图3、DOM2级事件:说明了如何使用事件与DOM文档交互4、DOM2级样式:CSS5、DOM2级遍历和范围6、DOM2级HTML一、样式 在THML中,为网页设置样式有三种方法,而DOM2则围绕这三种方法提供了一套API,可以使用下列代...原创 2019-04-06 20:07:42 · 430 阅读 · 0 评论 -
JavaScript 事件(上)
JavaScript 事件一、基本概念1、事件:JS通过事件与HTML交互2、事件流:描述的是从页面中接收事件的顺序,IE是事件冒泡流,其他是事件捕获流3、事件冒泡:从最底层的节点逐级向上传播,DOM2级规范的,如:div → body → html → document4、事件捕获:与冒泡相反的顺序5、DOM事件流:包括三阶段,事件捕获、处于目标和时间冒泡阶段二、事件...原创 2019-04-07 23:49:10 · 569 阅读 · 0 评论 -
JavaScript 事件(下)
接JavaScript 事件(上)6、变动事件 当DOM中的某一部分发生变化时给出提示DOMSubtreeModified:DOM结构变化触发DOMNodeInserted: 插入子节点触发DOMNodeRemoved:删除节点触发DOMNodeInstertedIntoDocument:节点插入文档时触发DOMNodeRemovedFromDocument:节点...原创 2019-04-12 09:59:22 · 269 阅读 · 0 评论 -
JavaScript 浅谈DOM节点层次:Node类型
浅谈DOM节点层次——Node类型一、什么是Node类型? 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。就是说,DOM可以将网页页面文档画成一个多层节点构成的结构。 Node(节点)接口由DOM中的所有Node(节点)类型(元素节点、文档节点等等)实现。JavaScript中一共有12种Node类型,而所有的节点都...原创 2019-04-03 01:22:27 · 342 阅读 · 0 评论 -
JavaScript 浅谈DOM节点层次:Document类型
浅谈DOM节点层次——Document类型一、基本概念1、Document类型 JavaScript通过Document这一节点类型来表示文档。Document类型可以表示HTML页面或者其他基于XML的文档。Document接口描述了任何类型文档的公共属性和方法。2、HTMLDocument HTMLDocument继承自Document类型,且根据HTML文档...原创 2019-04-03 16:13:00 · 636 阅读 · 0 评论 -
JavaScript 浅谈DOM节点层次:Element类型
浅谈DOM节点层次——Element类型一、基本概念1、Element类型用于表现XML或HTML元素,对元素标签名、子节点及特性的访问,其特性有: nodeType == 1 ; nodeName == "标签名" ; nodeValue == null ; 2、获取元素名及标签名<div id="Div"> </div>...原创 2019-04-03 21:30:41 · 252 阅读 · 0 评论