- 博客(24)
- 收藏
- 关注
RSS订阅原创 数组扩展
Array.from（变量）.map（function(){}）四、find findIndex方法（index寻找数组索引值）三、弥补Array方法短板，可以生成只有一个元素的数组。...扩展运算符能将数组转换为逗号分隔的 参数序列。flatMap把复杂的二维数组，对象等，扁平化。flat能把嵌套数组拉平，变成一维数组。七、flat扁平化,flatMap。二、使数组的方法能用在对象上。五、findLast用法如上。3.将伪数组变为真数组。
2023-03-28 16:37:03
141
原创 JS同步和异步
js语言一大特点是单线程，为了解决这个问题，js中出现了同步和异步。本质区别是:这条流水线上各个流程的执行顺序不同。一、同步任务同步任务都在主线程上执行，形成一个执行栈。二、异步任务:JS的异步是通过回调函数实现的。一般而言，异步任务有以下三种类型；1、普通事件，如click、resize等2、资源加载，如load、error等3、定时器，包括setlnterval、setTimeout等执行顺序:先执行同步任务，再按次序读取异步任务。异步任务如果是click
2023-02-15 21:19:37
329
原创 DOM事件对象和事件委托
eventTarget.onclick＝function（event）{}事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。它是系统自动创建的，不用人为创建。比如：1.谁绑定了这个事件。2.鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。3.键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。e.target:点击哪个元素就返回哪个元素this:返回绑定了这个点击事件的元素事件对象常见属性方法:
2023-02-09 17:05:27
92
原创 DOM事件流
DOM事件流:元素发生时在元素节点之间按照特定的顺序传播的过程。三个阶段:1.捕获阶段2.当前目标阶段3.冒泡阶段注意:1.Js 代码中只能执行捕获或者冒泡其中的一个阶段。2.onclick和 attachEvent 只能得到冒泡阶段。3. addEventListener(type, listener[,usecapturel)第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false(不写默认就是false)，表示在事件冒泡阶段调用事件处理程序。4
2023-02-09 17:03:48
61
原创 DOM注册事件
注册事件:给元素添加事件方式:1.传统方式:on开头，比如onclick特点:注册事件唯一性，即后面的会覆盖前面的设置。2.方法监听注册方式addEventListener（）方法特点:同一个元素同一个时间可注册多个监听器，按顺序依次执行eventTarget.addEventListener(type, listener[, useCapture])type:事件类型字符串，比如click，mouseover，这里不带onlistener：事件处理函数，事件发生时，
2023-02-09 17:02:09
125
原创 【无标题】DOM重点核心内容目录
关于dom操作，主要针对于元素的操作主要有创建，增删改查，属性操作，事件操作。主要修改dom的元素属性，dom元素的内容、属性，表单的值等创建:1.document.write2.innerHTML3.createElement增:1.appendChild2.insertBefore删:removeChild改:1.修改元素属性：src、href、title等2.修改普通元素内容：innerHTML、innerText3.修改表单元素：valu
2023-02-07 23:24:25
43
原创 JS事件（含操作元素详细内容）
一、事件分为三部分:1事件源:事件被触发的对象先写一个button按钮元素（id=“btn”），然后js中用document.getElementById（'btn'）得到事件源2事件类型:如何触发，什么事件（鼠标点击onclick？经过？）3事件处理程序:通过函数赋值方式完成代码:<button id='btn'>唐伯虎〈button〉var btn＝document.getElementById（'btn'）;btn.onclick=function（）{
2023-02-02 00:18:53
374
原创 APIs了解和DOM知识
一、javascript分为:1 Javascript基础:ECMAscript2 Web APIs:DOM和BOMWeb APIs主要针对浏览器提供的接口，主要针对于浏览器做交互效果。DOM(文档对象模型)是处理可扩展标记语言(HTML,XML)的标准编程接口。二、DOM树:(1)文档:一个页面是一个文档。(2)元素:页面中所有标签都是元素。(3)节点:网页中所有内容(标签，属性，文本等)都是节点。获取元素方法一:document.getElementById（'标
2023-01-29 23:24:21
49
原创 JavaScript函数部分
一、function sayHi(){ }1 function函数的函数名一般是动词2 函数不调用自己不执行调用函数 sayHi();二、函数形参实参个数匹配:实参多于形参—取到形参的个数参与运算实参少于形参—输出NaN三、函数中return的用法:function getSum(num1,num2){ return num1+num2;//把需求写进函数里}console.log(getSum(1,2))（1）return还有终止函数作用，后面的代码不
2023-01-29 23:12:15
31
原创 JavaScript预解析
js解释器运行js分为两步:1. 预解析: js引擎把js里所有var和function提升到当前作用域最前面。预解析分为:（1）变量预解析（变量提升） 就是把所有变量声明提升到当前的作用域最前面，不提升赋值操作。（2）函数预解析（函数提升） 就是把所有函数声明提升到当前的作用域最前面，不调用函数。注意:函数表达式的函数调用，必须写在函数表达式下面。一个经典预解析案例:var a＝b＝c＝9;相当于var a＝9;b＝9;c＝9;（b,c没有var）
2023-01-27 21:51:28
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人