![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
阿彤の小铃铛
这个作者很懒,什么都没留下…
展开
-
JS单线程、宏任务与微任务的执行顺序
文章目录前言一、js 单线程二、**宏任务**三、微任务四、区别五、代码示例示例一:示例二:示例三:示例四:总结前言一、js 单线程众所周知js是单线程,但js是可以执行同步和异步任务的,同步的任务众人皆知是按照顺序去执行的;而异步任务的执行,是有一个优先级的顺序的,包括了 **宏任务 Macro task(Macrotasking)**和 微任务(microtasks)二、宏任务是指消息队列中的等待被主线程执行的事件,宏任务执行时都会重新创建栈,然后调用宏任务中的函数,栈也会随...原创 2020-12-07 22:11:07 · 339 阅读 · 0 评论 -
响应式布局——Rem
rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数文章目录前言一、什么是 rem ?1. rem的概念二、为什么要用 rem ?1.为什么用 rem?2.什么时候用 rem?三、如何使用 rem用iPhone6/7/8的手机为例,屏幕宽度为375px,通过换算来完成移动端的响应式布局处理总结前言给根元素大小设置随着视口变化而变化的 vw 单位,这样就可以实现动态改变其大小。限制根元素字体大小的最大最小值,配合 body 加上最大宽度和最小宽度一、什么是 rem原创 2020-12-07 21:43:01 · 1363 阅读 · 2 评论 -
JavaScript——JS事件代理(个人学习)
文章目录前言一、JS事件代理1.是什么2.主要目的总结3.授课代码示例前言把子元素的事件传给父元素去做,原理就是事件冒泡一、JS事件代理1.是什么JS事件代理就是通过给父级元素(例如:ul)绑定事件,不给子级元素(例如:li)绑定事件,然后当点击子级元素时,通过事件冒泡机制在其绑定的父元素上触发事件处理函数2.主要目的主要目的是为了提升性能,因为我不用给每个子级元素绑定事件,只给父级元素绑定一次就好了,在原生js里面是通过event对象的targe属性实现原生JS代码如下<!D原创 2020-11-19 11:49:38 · 395 阅读 · 2 评论 -
JavaScript——call、apply、bind区别(个人学习)
call、apply、bind主要作用都是改变this指向的,但使用上略有区别,下面解说下三者的区别call、apply、bind前言一、call、apply、bind区别1.call2.apply3.bind总结前言call、apply、bind主要作用都是改变this指向的,但使用上略有区别。通过方法的调用 改变this指向一、call、apply、bind区别- call和apply的主要区别是在传递参数上不同-call后面传递的参数是以逗号的形式分开的- apply是以数组的原创 2020-11-19 11:23:41 · 133 阅读 · 1 评论 -
JavaScrip——JS数组(个人学习)
9.8 JS数组常用方法(至少6个)在开发中,数组使用频率很频繁,JS数组常用方法有pushpopunshiftshiftsplicejoinconcatforEachfiltermapsortsomeevery好多,不过都是平时开发中很常用的方法,大家可以补充一点儿es6的9.9 JS数组内置遍历方法有哪些和区别JS数组内置遍历(遍历就是循环的意思)方法主要有:forEach这个方法是为了取代for循环遍历数组的,返回值为undefined例如:le原创 2020-11-19 09:02:25 · 67 阅读 · 0 评论 -
JavaScrip——原生JS(个人学习)
原生JS文章目录一、原生JS1、JS原生事件如何绑定JS原生绑定事件主要为三种:* html事件处理程序* DOM0级事件处理程序* DOM2级事件2、JS原生常用dom操作方法js原生dom操作方法有* 查找* 插入* 克隆*设置和获取属性总结一、原生JS1、JS原生事件如何绑定JS原生绑定事件主要为三种:一是html事件处理程序二是DOM0级事件处理程序三是DOM2级事件处理程序* html事件处理程序html事件现在早已不用了,就是在html各种标签上直接添加事件,类似于c原创 2020-11-18 17:22:18 · 486 阅读 · 1 评论 -
JavaScript——JS继承(个人学习)
ES5 有 6 种方式可以实现继承原型链继承、借用构造函数、组合继承(原型链+借用构造函数)、原型式继承、寄生式继承、寄生组合式继承ES6 实现继承文章目录前言一、原型链继承1. 缺点:二、借用构造函数1.优点2.缺点三、组合继承(原型链+借用构造函数)1.优点2.缺点1.缺点五、寄生式继承1.缺点六、寄生组合式继承寄生组合式继承的基本模式1.优点七、ES6 实现继承总结前言前因:ECMAScript不支持接口继承,只支持实现继承提示:以下供个人学习专用,可参考一、原型链继承利用原原创 2020-11-16 18:38:32 · 247 阅读 · 2 评论 -
JavaScript——闭包(个人学习)
文章目录前言一、闭包1.什么是闭包2.闭包的作用3.闭包的优点3.闭包的缺点总结前言闭包的构成:由俩个部分构成:函数+以创建该函数的环境一、闭包1.什么是闭包函数嵌套函数 内部的函数可以访问外部函数的变量,就形成一个闭包。(function() { var a = 1; function add() { var b = 2 var sum = b + a console.log(sum); // 3 } ..原创 2020-11-16 14:04:56 · 133 阅读 · 1 评论 -
前端面试题详解——JavaScript事件流模型=>事件冒泡和事件捕获(个人学习)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、什么是事件?二、什么的是事件流1.事件流描述的是从页面中接受事件的顺序2.事件冒泡和事件捕获的概念:事件冒泡事件捕获前言事件冒泡,事件捕获提示:以下是本篇文章正文内容,下面案例可供参考一、什么是事件?事件是文档和浏览器窗口中发生的特定交互瞬间。事件是javascript应用跳动的心脏,也是所有东西黏在一起的胶水,当我们与浏览器中web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击原创 2020-11-16 11:34:10 · 588 阅读 · 5 评论 -
JS-点击按钮跳转至指定页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D..原创 2020-11-15 22:06:47 · 4604 阅读 · 4 评论 -
JavaScript学习(个人资料)(一)
JavaScript学习(个人资料)参考资料:JavaScript高级程序设计(第3版)Nicholas C.Zakas著学习内容:1、 JavaScript简介2、 JavaScript使用3、 JavaScript语法4、 JavaScript数据类型5、 JavaScript语句1、 JavaScript简介 JavaScript诞生于1995年,当时它的主要目的是处理以前由服务器语言(如Perl)负责的一些输入验证操作。JavaScript是一种专为与网页交互而设计的脚原创 2020-11-15 21:47:54 · 307 阅读 · 1 评论