
前端
文章平均质量分 78
前端课程笔记
字晗晔
这个作者很懒,什么都没留下…
展开
-
继承-安全
注:牛客职导前端课程笔记 1.继承与原型、原型链 1.1继承 继承就是一个对象可以访问另外一个对象中的属性和方法。 目的:实现原来设计与代码的重用。 方式: Java、c++等:class。 JavaScript:原型链 ES6中class关键字只是语法糖。 原型与原型链: 实例对象的__proto__为原型对象。 构造函数的prototype为原型对象。 原型对象的constructor为构造函数。 构造函数new出实例对象。 1.2构造函数如何创建对象 function D原创 2021-10-03 11:08:46 · 153 阅读 · 0 评论 -
异步-事件循环-宏任务与微任务
注:牛客职导前端课程笔记 1.同步和异步 同步:函数执行结束立刻有返回值,函数后面的代码需要等待函数有返回值之后才能执行。 异步:函数执行结束需要等待某个条件满足之后才有返回值,函数后面的代码无需等待函数有返回值就能执行。 2.JavaScript中常用的异步操作 定时器setInterval、setTimeout 事件 ajax请求 promise 3.V8引擎如何实现异步 3.1事件循环 执行js代码时,遇到同步任务直接推入调用栈中,遇到异步任务,将该任务挂起,等到异步任务有返回之原创 2021-09-23 19:38:43 · 210 阅读 · 0 评论 -
浏览器运行机制
注:牛客职导前端课程笔记 1.浏览器运行原理 1.1浏览器的内部构造 用户界面 浏览器引擎:在用户界面和传送引擎之间传送指令。 渲染引擎:负责显示请求的内容。 网络 用户界面后端:用于绘制基本的窗口小部件。 JavaScript解释器 数据存储:持久层,这是一个完整的浏览器内数据库。 1.2浏览器的进程 进程:一个进程就是一个程序的运行实例。 线程:程序执行的最小单位。 关系:线程依附于进程,进程可以使用多线程并行处理来提高运算效率。 特点: ①线程中某个任务报错,阻止后面任务原创 2021-09-17 21:55:34 · 3251 阅读 · 0 评论 -
前端-网络常见考点二
注:牛客职导前端课程笔记 3.接口请求的几种方式原创 2021-09-12 11:07:17 · 163 阅读 · 0 评论 -
前端-网络常见考点一
注:牛客职导前端课程笔记 1.TCP/IP四层协议族 1.1网络连接 OSI(Open System Interconnection 开放系统互联模式): 应用层、表示层(为在应用过程之间传送的信息提供表示方法的服务,它只关心信息发出的语法和语义。)、会话层、传输层、数据链路层、物理层。 TCP/IP四层协议族: 应用层(HTTP)、传输层(TCP、UDP)、网络层(IP)、数据链路层。 1.2网络层:IP网络三层传输 IP头信息:IP头是IP数据包开头的信息,包含IP版本、源IP地址、目标原创 2021-09-10 21:23:21 · 182 阅读 · 0 评论 -
ES6新特性
注:牛客职导前端课程笔记。 1.let const var 1.1var 全局变量挂载在window下。 变量提升:变量声明、初始化提升,赋值不提升。 可重复声明和修改,会发生覆盖。 1.2let 不挂载在window下。 创建提升,初始化不提升,造成暂时性死区。 不可重复声明,可重复赋值。 为块级作用域。 1.3const 不挂载在window下。 不提升,暂时性死区,声明时必须进行初始化。 且初始化后值不可再修改。 块级作用域。 2.解构符号 2.1作用 ES6允许按原创 2021-09-10 09:15:48 · 104 阅读 · 0 评论 -
js执行机制
提示:牛客职导前端课程笔记 1.变量提升 浏览器执行JavaScript之前会预编译变量声明(只预编译声明不赋值)和函数定义。 编译时变量如果重名,后面的会覆盖前面的。 2.调用栈 JavaScript在执行之前就进行编译并创建执行上下文。 调用栈: 先进后出。 ①先创建全局执行上下文,压入栈底。全局执行上下文在整个页面生存周期内只有一份。 ②调用函数时,会创建函数执行上下文压入栈中,执行完函数会从栈顶弹出。 3.作用域链和闭包 ..原创 2021-09-07 21:54:19 · 84 阅读 · 0 评论 -
数据存储与垃圾回收机制
提示:牛客职导前端课程笔记 数据存储 1.JavaScript数据类型 1.1共8种基本数据类型 前7种为原始数据,最后一个称为引用数据类型 Boolean 只有true和false两个值 Null Undefined 没被赋值变量的默认值,变量提升时的默认值 Number 数字类型 BigInt 类比Number,支持的整数范围更大 String 文本数据,不可更改 Symbol 通常作为对象标识符 Object 通常看做一组属性的集合 2.判断数据类型的几种方法 2.1 ty原创 2021-09-07 11:33:59 · 326 阅读 · 0 评论 -
前端-布局与事件
提示:文章源于牛客网职导课程笔记与思考总结,仅供交流。 一、盒模型宽度的计算 1.普通盒模型 默认盒子属性:box-sizing:content-box; offsetWidth=(width+padding+border) 不算margin时。 2.怪异盒模型 设置语句:box-sizing:border-box; offsetWidth=width 此时padding和border都被挤压到内容里,总共100px。 二、margin纵向重叠 margin纵向重叠时取重叠区最大值原创 2021-09-06 10:45:00 · 134 阅读 · 0 评论