- 博客(16)
- 收藏
- 关注
RSS订阅
原创 JS事件循环机制
JS事件循环机制 1.JS线程 在大众的观念里，js是一个单线程的，但是实际上js有很多线程，但是对外抛出的线程只有一条主线程，除了主线程外，还有事件线程，时间线程，GUI线程，网络线程，不同的线程会对js监听不同的任务，比如，在遇到点击事件时事件线程会监听到相应的事件。 不同的线程任务不同，分工明确，但是这些线程在监听到对应任务时并不会立即执行，因为能执行这些任务的只有主线程，在JS主线程里，会优先执行同步代码，当同步代码执行完毕后才会执行异步代码。 2.执行栈 在JS中能执行任务的线程只有主线程，而执行
2021-07-02 18:36:03
325
原创 ES6知识点总结
ES6知识点总结 ES6和ES5的区别 新增的块级作用域 新增了解构赋值 新增了class类 新增了symbol 新增了promise 新增了迭代器，生成器 新增了严格模式 let ,const let:声明变量，const：声明常量 通常和块级作用域一起使用 const声明常量时声明赋值必须同时完成，并且不能修改常量的值 有自己的作用域，会产生临时性死区 严格模式 在混杂模式下，arguments和函数的形参存在映射关系，给函数加上默认参数，则自动为严格模式 class 类 <script>
2021-02-06 16:38:14
110
原创 js预编译 --预编译详解四部曲
预编译 首先看一个例子 var a = 10 console.log(a); //输出为10 console.log(a) //输出为undefined var a = 10 出现这种情况的原因是：js解释型语言 ，也就是解释一行执行一行，第一种情况是正常输出，第二种之所以会输出undefined 而不是报错就是归功于预编译 js代码执行分为三步： 1，语法分析 2，预编译 3，解释执行 语法分析就是通篇检查你的代码有没有低级错误 预编译发生在代码执行的前一刻 解释执行就是执行你的代码 预编译的前
2020-10-31 15:27:29
552
1
原创 基础类型和引用类型的区别
基本类型和引用类型的区别 一.基础类型 基本的数据类型有：number string boolean null undefined symbol。基本数据类型的访问是按值访问的，可以对保存的实际值进行操作 基本数据类型的特点： 1.值的不可变性： var name ='zs' name.firstname = 'aaa' console.log(name.firstname) //undefined 2.基本数据类型的变量存在栈区，变量的标识符和变量的值存在不同的栈内存中。 [外链图片转存失败,源站可能
2021-07-03 21:33:19
928
原创 JS中的this指向详解
this指向问题 JS中this的指向是不确定的，只有根据this所在的位置才能判断出他到底指向谁。 1，全局下的this 全局调用的this分为严格模式和混杂模式 //混杂模式下 var num = 1 function fn1(){ console.log(this.num) } fn() //1 //严格模式下 var num = 1 function fn1(){ 'use strict' console.log(this.num) } fn() //undefined 在混
2021-07-03 09:30:57
1016
1
原创 Promise
Promise 什么是pomise let pro1 = new Promise((resolve, reject) => { // 默认情况下pro1为padding状态 // 在函数中调用不同的方法，转换成不同的状态 // 1，调用resolve函数转换为成功状态 // resolve(123) // 2，调用reject()函数转换为失败状态 })
2021-02-08 16:11:22
308
原创 Webpack基本使用和基本配置
Webpack 模块化含义 前端的开发讲究的是全部划分为模块，模块分的越细越好。经常出先一个js文件就是一个模块， es6规范：AMD和CMD 使用import导入，使用export default 导出 commonjs规范 使用require导入。使用module_exprots导出 模块化带来的问题 效率问题:换分为详细的模块后，浏览器在加载的时候必须要加载更多的js文件 兼容性问题：浏览器去使用的时候只能使用es6规范，不能使用commenjs规范，浏览器不支持npm下载的包 前端工程化问题
2021-01-20 19:36:39
153
原创 js原型、继承方式汇总
原型，继承 声明对象的三种方法： 1，var obj={} 2,var obj = new Object() 3,构造函数 这里我们着重讲解构造函数的方法 function Person(name, age) { this.name = name this.age = age } var zs = new Person('ZS', 12) 在基础的js给对象添加方法 zs.say = function(){} 这种方法当需
2020-11-14 16:54:37
142
原创 js事件，冒泡，捕获
事件分类 1，鼠标事件 事件名称 描述 onmousedown 当鼠标按下的时候触发 onmouseup 当鼠标抬起时触发 onmouseover /onmouseenter 当鼠标进入是触发 onmousemove 当鼠标移动时触发 onmouseleave // onmouseout 当鼠标离开时触发 onclick 鼠标单击 ondblclick 鼠标双击 onwheel 鼠标滚轮事件 onmouseover ：当鼠标移入一个元素或其他子元素都会触
2020-11-11 19:41:00
203
原创 面试常见css布局以及解决方法
前端面试必备css布局 1，子元素在父元素居中 结构： <div class="box"> <div class="son"></div> </div> 定位（子绝父相） .box { width: 500px; height: 500px; background-color: red; position: relative;
2020-11-09 20:35:24
508
1
原创 数组常用方法详解--添加 删除 查找 修改
数组常用方法： 1,arr.push() 在数组的末尾添加一个元素 返回新数组的的长度 原数组改变 var arr = [1, 2, 3] var arr2 = [3, 4, 5] arr.push(1) console.log(arr); //[1,2,3,1] 2，arr.pop() 删除数组的最后一个元素 返回被删除的元素 原数组改变 var arr = [1, 2, 3] var arr2 = [3, 4, 5]
2020-11-05 19:22:32
359
原创 移动端的重中之重---flex 布局 详解
flex 布局 采用flex布局的元素称为 flex容器 他下边的所有子元素 叫flex项目 任何一个容器都可以设置flex 当我们为父元素设置flex布局后 子元素的float clear vertical-align 都会失效 通过给父盒子设置flex布局 来控制子元素的位置和排列顺序 父项常见属性 flex-direction:设置主轴方向 justify-content:设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 align-content:设置侧轴上的子元素的排列方
2020-10-27 19:17:25
315
原创 offset client scroll详解
location对象 location对象是window对象下的一个属性 location可以获取或设置浏览器地址栏的url history对象 back（）：回到上一级 forward（） 下一级 go（）：跳转 navigator 对像 userAgent（）：可以查看当前浏览器的类型 platform（）：可以查看用户的操作系统类型 偏移量 给两个盒子（都有padding和margin，border） <div id="box"> <div id="son">
2020-10-22 20:40:16
593
原创 前端2020年热门面试题精选
前端2020年热门面试题精选 数组去重（手写） 1,根据对象属性的不重复去重 function unique(a){ var arr = [] var obj = {} for(let i = 0;i<a.length;i++){ //判断对象中是否有这个属性 if(!obj[a[i]]){ obj[a[i]] = 'asd'
2020-10-21 20:02:09
294
1
原创 js内置对象详解
js内置对象(Math,Date,String)详解 Math 对象 1，Math对象常用用方法 常用方法 功能 返回值 Math.PI 圆周率 3.14… Math.random() 生成随机数 [0,1) 之间的随机数 Math.floor() 向下取整 整数 Math.ceil() 向上取整 整数 Math.round() 四舍五入取整注意 -3.5 结果是 -3 Math.abs() 取绝对值 Math.max() 求最大值
2020-10-21 19:54:36
153
原创 js 数据类型思维导图
js 第一天思维导图 http://naotu.baidu.com/file/b05f873614e897d097663fd2eb1d1e81?token=d978916d7e81d745 js组成： js书写位置： js变量： 数据类型： typeof：数据类型转换： 基础的输入输出：
2020-09-27 19:30:04
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人