JavaScript
关注
分享
扫一扫
阿彤の小铃铛
这个作者很懒，什么都没留下…
展开
-
JS单线程、宏任务与微任务的执行顺序
文章目录前言一、js 单线程二、**宏任务**三、微任务四、区别五、代码示例示例一：示例二：示例三：示例四：总结 前言 一、js 单线程 众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的； 而异步任务的执行，是有一个优先级的顺序的，包括了 **宏任务 Macro task（Macrotasking）**和 微任务(microtasks) 二、宏任务 是指消息队列中的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随...原创 2020-12-07 22:11:07 · 521 阅读 · 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 · 1573 阅读 · 2 评论 -
JavaScript——JS事件代理（个人学习）
文章目录前言一、JS事件代理1.是什么2.主要目的总结3.授课代码示例 前言 把子元素的事件传给父元素去做，原理就是事件冒泡 一、JS事件代理 1.是什么 JS事件代理就是通过给父级元素（例如：ul）绑定事件，不给子级元素(例如：li)绑定事件，然后当点击子级元素时，通过事件冒泡机制在其绑定的父元素上触发事件处理函数 2.主要目的 主要目的是为了提升性能，因为我不用给每个子级元素绑定事件，只给父级元素绑定一次就好了,在原生js里面是通过event对象的targe属性实现 原生JS代码如下 <!D原创 2020-11-19 11:49:38 · 458 阅读 · 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 · 247 阅读 · 1 评论 -
JavaScrip——JS数组（个人学习）
9.8 JS数组常用方法（至少6个） 在开发中，数组使用频率很频繁，JS数组常用方法有 push pop unshift shift splice join concat forEach filter map sort some every 好多，不过都是平时开发中很常用的方法,大家可以补充一点儿es6的 9.9 JS数组内置遍历方法有哪些和区别 JS数组内置遍历（遍历就是循环的意思）方法主要有： forEach 这个方法是为了取代for循环遍历数组的，返回值为undefined例如： le原创 2020-11-19 09:02:25 · 86 阅读 · 0 评论 -
JavaScrip——原生JS（个人学习）
原生JS 文章目录一、原生JS1、JS原生事件如何绑定JS原生绑定事件主要为三种：* html事件处理程序* DOM0级事件处理程序* DOM2级事件2、JS原生常用dom操作方法js原生dom操作方法有* 查找* 插入* 克隆*设置和获取属性总结 一、原生JS 1、JS原生事件如何绑定 JS原生绑定事件主要为三种： 一是html事件处理程序 二是DOM0级事件处理程序 三是DOM2级事件处理程序 * html事件处理程序 html事件现在早已不用了，就是在html各种标签上直接添加事件，类似于c原创 2020-11-18 17:22:18 · 885 阅读 · 1 评论 -
JavaScript——JS继承（个人学习）
ES5 有 6 种方式可以实现继承 原型链继承、借用构造函数、组合继承（原型链+借用构造函数）、原型式继承、寄生式继承、寄生组合式继承 ES6 实现继承 文章目录前言一、原型链继承1. 缺点：二、借用构造函数1.优点2.缺点三、组合继承（原型链+借用构造函数）1.优点2.缺点1.缺点五、寄生式继承1.缺点六、寄生组合式继承寄生组合式继承的基本模式1.优点七、ES6 实现继承总结 前言 前因：ECMAScript不支持接口继承，只支持实现继承 提示：以下供个人学习专用，可参考 一、原型链继承 利用原原创 2020-11-16 18:38:32 · 406 阅读 · 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 · 297 阅读 · 1 评论 -
前端面试题详解——JavaScript事件流模型=＞事件冒泡和事件捕获（个人学习）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、什么是事件？二、什么的是事件流1.事件流描述的是从页面中接受事件的顺序2.事件冒泡和事件捕获的概念：事件冒泡事件捕获 前言 事件冒泡，事件捕获 提示：以下是本篇文章正文内容，下面案例可供参考 一、什么是事件？ 事件是文档和浏览器窗口中发生的特定交互瞬间。 事件是javascript应用跳动的心脏，也是所有东西黏在一起的胶水，当我们与浏览器中web页面进行某些类型的交互时，事件就发生了。 事件可能是用户在某些内容上的点击原创 2020-11-16 11:34:10 · 842 阅读 · 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 · 4774 阅读 · 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 · 359 阅读 · 1 评论