【[js笔记整理]DOM 篇】的更多相关文章

[js笔记整理]DOM 篇

一.节点类型 1.元素节点:HTML元素 2.文本节点:元素标签中的内容 3.属性节点:元素的属性 (检测节点类型:node.nodeType //元素=1,属性=2,文本=3) 二.使用DOM获取元素 1.通过名称类型访问节点 (1)getElementById(); (2)getElementsByTagName(); 2.利用父子关系查询节点 (1).ChildNodes //获取全部子节点数组(在Firefox chrome ie9中会包含文本节点) (2).children //只选择…

[js笔记整理]正则篇

一.正则基本概念 1.一种规则.模式 2.强大的字符串匹配工具 3.在js中常与字符串函数配合使用 二.js正则写法 正则在js中以正则对象存在: (1)var re=new RegExp(正则表达式); (2)var re=/正则表达式/; 三.正则的基本写法 1.开始结束符 ^     $ 2.元字符 (1)任意字符 [abc] abc中的任意一个 (2)范围 [a-z] 字母a到c: [1-9] 数组1到9 (3)排除 [^a-z] 排除字母a-c (4)任意字符 . 3.量词 (1) {…

[js笔记整理]面向对象篇

一.js面向对象基本概念 对象:内部封装.对外预留接口,一种通用的思想,面向对象分析: 1.特点 (1)抽象 (2)封装 (3)继承:多态继承.多重继承 2.对象组成 (1)属性: 任何对象都可以添加属性,(如右侧示例可弹出arr.a为12 var arr=[1,2,3];arr.a=12;alert(arr.a) 全局变量是window的属性, <script> window.a=12; window.onload=function() { alert(a); } </script&g…

[js笔记整理]事件篇

一.事件流1.冒泡事件:从特定的事件到不特定事件依次触发:(由DOM层次的底层依次向上冒泡)(1)示例: <html onclick="add('html<br>')"> <body onclick="add('body<br>');"> <div onclick="add('div<br>');"> <p onclick="add('p<br>'…

高性能JS笔记3——DOM编程

一.访问与修改DOM DOM和JS 相当于两个岛屿,访问操作的次数越多,要交的过路费越多,对性能产生很大影响. 减少访问DOM的次数,把运算尽量留在JS端操作. 二.innerHTML 对比 DOM 方法 1.对于原生的DOM方法和innerHTML比较,性能相差无几. 2.对于大量操作,针对不同浏览器,性能不一样,因此取决于经常用的浏览器. 3.建议从可读性.稳定性.编码习惯来决定使用哪种方式.在对字符串经过优化后,innerHTML性能可以得到大幅提升. 三.操作上的优化 1.节点克隆 例如…

微信小程序笔记整理--入门篇。

7-2 微信小程序入门篇 准备篇 1.登录网址,https://mp.weixin.qq.com 注册一个微信小程序. 2.获取微信小程序appid,登录自己的小程序后台,在开发者设置中获得appid. 3.下载微信开发者工具,创建项目.输入appid,和项目名即可. 4.js是脚本文件, json是配置文件,wxss是样式表文件.小程序读取这些文件,生成小程序实列. 5.app.js是小程序的脚本代码,儿科与你监听并处理小程序的生命周期,声明全局变量. 调用框架提供丰富的API 案列,调用同步…

js 笔记整理

Js中for.for-in.forEach以及for-of的用法及特性对比 for-in for...in以任意顺序遍历一个对象的可枚举属性.所以for-in不适合用来迭代一个Array.同时,for-in是可以遍历对象中所有可枚举属性的,包括原型链上的可枚举属性. let ret = []; array.num = 6; // 对象上直接添加属性 Array.prototype.num = 6; // 原型链中添加属性 for(let i in array){ ret.push(array[i…

JS第一周学习笔记整理

目录 JS正式课第一周笔记整理 JS正式课第一周笔记整理 webstorm : 代码编辑器 浏览器: 代码解析器: Git : 是一个工具;用于团队协作开发项目管理代码的工具:在工作中用git.svn svn : 集中式: 集中式:需要一个中央服务器:每次开发前需要从中央服务器把最新的代码拉取下来,然后进行开发:并且需要网络: git : 分布式: 分布式:每个人的电脑都是一个中央服务器:不需要网络也可以进行提交代码: DOS命令 1.按着shift右键,在此处打开powerShell 2.找到…

【笔记】DOM探索基础篇（二）

# 浏览器的渲染(HTML解析) ——参考: <前端必读:浏览器内部工作原理>http://kb.cnblogs.com/page/129756/ <谈谈DOMContentLoaded:Javascript中的domReady引入机制>http://www.cnblogs.com/horve/p/4092064.html ——基本渲染流程,不包含图片,PDF,flash等特殊资源的渲染 * 蓝色部分为浏览器内部的运算 * window.onload  DOM树构建完成和文件资源加…

[笔记]原生JS实现的DOM操作笔记

原生JS实现的DOM一系列操作参考: 原生JavaScript封装DOM库 siblings: 原生JS-查找相邻的元素-siblings方法的实现 addClass,removeClass,hasClass,toggleClass:原生js添加删除class 原生js添加删除class 代码如下: var dom = { /** 功能说明:匹配元素是否含有指定class * @param el 指定的DOM元素 * @param className 匹配的class名 * */ hasClas…