![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS学习笔记
文章平均质量分 67
wkxjhngw
这个作者很懒,什么都没留下…
展开
-
JS-入门
JS基本语法原创 2021-03-27 23:55:23 · 161 阅读 · 1 评论 -
JS-预编译
js运行三部曲 :语法分析 预编译 解释执行原创 2021-08-31 16:41:58 · 72 阅读 · 0 评论 -
JS-作用域
作用域 :变量(变量作用域又称上下文)和函数生效(能被访问)的区域原创 2021-08-31 16:44:23 · 47 阅读 · 0 评论 -
JS-立即执行函数
立即执行函数 :此类函数没有声明,在一次执行过后立即释放。适合做初始化工作,只能执行一次原创 2021-08-31 16:46:13 · 57 阅读 · 0 评论 -
JS-闭包
闭包 : 当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链不释放,造成内存泄漏原创 2021-08-31 16:47:49 · 77 阅读 · 0 评论 -
JS-对象
var obj = { 属性 : 属性值, 方法 = 函数}原创 2021-08-31 16:51:06 · 47 阅读 · 0 评论 -
JS-原型
原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原创 2021-09-03 00:05:08 · 60 阅读 · 0 评论 -
JS-继承模式,命名空间,对象枚举
继承模式,命名空间,对象枚举原创 2021-09-03 00:07:27 · 102 阅读 · 0 评论 -
JS-this
1. 函数预编译过程 this ---> window2. 全局作用域里 this ---> window3. call/apply 可以改变函数运行时this的指向4. obj.function(); function();里面的this指向obj原创 2021-09-03 00:10:25 · 109 阅读 · 0 评论 -
JS-数组、类数组
数组原创 2021-09-03 17:17:02 · 54 阅读 · 0 评论 -
JS-try...catch 、es5严格模式
try…catchtry{ console.log('a');//执行 console.log(b);//出错 console.log('c');//不执行} catch(e) { try中的代码没报错,catch不会被执行 try中的代码报错,会停止执行,跳转到catch里执行 把错误信息封装到error对象(error.message error.name)里,把error对象传到 e 里面以供使用}console.log('d');//执行/原创 2021-09-03 17:17:25 · 150 阅读 · 0 评论 -
JS-DOM
DOMDOM初探DOM:Document Object ModelDOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。html和xml基本一致,但xml可以自定义标签不可操作css样式表,但可以间接修改cssDOM的基本操作对节点的增删改查查查看元素节点(查看标签的方法document代表整个文档 在js的显示形式hmtl根标签,文档原创 2021-09-03 17:19:32 · 69 阅读 · 0 评论 -
JS-日期对象Date(),定时器
日期对象Date()Date 对象用于处理日期和时间。注释:Date 对象会自动把当前日期和时间保存为其初始值。系统提供好的官方字典:https://www.w3school.com.cn/js/jsref_obj_date.aspDate 对象属性constructor : 返回对创建此对象的 Date 函数的引用。prototype : 使您有能力向对象添加属性和方法。Date 对象方法Date() : 返回当日的日期和时间。getDate() : 从 Date 对象返回一个月中原创 2021-09-03 17:20:17 · 132 阅读 · 0 评论 -
JS-获取窗口属性
查看滚动条的滚动距离window.pageXOffset/pageYOffset : IE8及IE8以下不兼容document.body/documentElement.scrollLeft/scrollTop兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值,互相冲突练习 : 封装兼容性方法,求滚动轮滚动距离 getScrollOffset()function getScrollOffset() { if (window. pageXOffset) { retu原创 2021-09-03 17:20:43 · 319 阅读 · 0 评论 -
JS-脚本化CSS
脚本化CSS脚本化 – 操作,控制dom不能直接操作css,但能间接地操作css读写元素css属性div.style会返回一个样式表,可读可写,类数组,是对象,可以存取属性dom.style.prop可读 写行间样式,没有兼容性问题,碰到float这样的保留字属性,前面应加csseg : float — > cssFloat复合属性必须拆解例:border --> borderWidth borderStyle组合单词变成小驼峰式写法例:background-color原创 2021-09-03 17:21:30 · 72 阅读 · 0 评论 -
JS-事件
事件1.何为事件动作div.onclick = function () { 事件被触发后执行的函数 } div.onclick为点击事件div.onclick = function () { console.log('a');}2.重要吗?—交互体验的核心功能交互:你有一个动作,给了你反馈演示demo—拖拽,和点击如何绑定事件处理函数ele.onxxx = function (event) {}兼容性很好,但是一个元素的同一个事件上只能绑定一个处理程序基本等同于写在HT原创 2021-09-03 17:21:49 · 65 阅读 · 0 评论 -
JS-异步加载、JSON
https://www.bilibili.com/video/BV1f4411R7M5?p=48页面绘制,渲染引擎一行一行1px去绘制页面,按照语法绘制首先识别html代码,形成domTree浏览器解析代码 深度优先解析:认识是什么东西就行,没必要等里面的东西下载完。 --> 读到img标签,直接把节点挂到domTree上,不等它下载完domTree的完成表示所有dom节点解析完毕,不是加载完毕生成cssTreedomTree + cssTree = renderTree(原创 2021-09-04 00:06:21 · 412 阅读 · 0 评论 -
JS-RegExp 正则表达式
正则表达式是构成搜索模式(search pattern)的字符序列。原创 2021-09-04 00:06:48 · 167 阅读 · 0 评论