- 博客(29)
- 收藏
- 关注
RSS订阅原创 二十五、前端之reduce
/ prev 表示上一次调用回调函数的返回值或者初始值init 如果没有初始值则是数组第一项。// index 表示当前正在处理的数组元素的索引 若提供init 则索引为0 否则为1。// 求数组中各项出现的次数 用对象表示出来。// cur 表示当前正在处理的数组元素。// 判断对象里是否有属性。// init 表示初始值。// 第一步 需不需要init值。// 二维数组转为一维数组。// 多维数组转为一维数组。// 数组去重。// 对象中属性求和。
2023-05-17 15:23:23
94
原创 二十二、前端之区间随机数
function getSum(min,max){ return min+Math.round(Math.random()*(max-min)) } console.log(getSum(10,20));
2023-05-17 12:37:59
65
原创 十九、前端基础之解构赋值
/ 盲区 上一行不加;//香川 22 undefined。//香川 22 undefined。//香川 22 undefined。// 对象解构的默认值，默认值想生效：对象与之对应的属性值一定要是undefined。// 语法错误：如果要将一个已经声明的变量用于解构赋值，一定要小心。// 对象解构（变量名在后面而不是前面）和顺序无关系。// 数组的本质是对象 对数组进行对象属性的解构。// hobby:'旅行'// 解构的实际应用，函数返回值。// 数组解构 和顺序有关系。// 盲区 不会报错。
2023-05-15 16:09:59
50
原创 十六、对象字面量代替Switch
title>对象字面量代替switch</title>//基于颜色打印水果。// 1、一般写法。// 2、对象字面量。
2023-05-15 14:09:31
76
原创 十四、前端之数据双向绑定对比
vue2：Object.defineProperty实现（1、无法一次性监听所有属性，需要遍历或递归实现 2、无法监听新的属性 3、无法响应数组操作）//打印：name123。//打印：age123。// get用来拦截私有属性的读取 _开头表示私有属性 禁止私有属性的读取。girl.hobby = '画画' // set中无打印。form.name = '555' //用户长度不小于6。message:'用户长度不能小于6'// Proxy实现表单验证。
2023-05-14 15:01:42
24
原创 十三、前端基础之代理Proxy
/ 监听newProxy是否有新的变化。// 将变化反射回原有对象。// // vue2双向绑定实现原理。// 监听input输入事件。// 修改代理对象值。// 初始化代理对象。
2023-05-14 13:32:34
526
原创 十一、前端基础之数组去重的五种方式
j-- //每删除一个。// 元素第一次出现的索引和当前索引进行对比。// includes去重。// indexOf去重。// filter去重。
2023-05-13 20:10:17
116
原创 十、前端基础之Symbol
let s2 = Symbol.for('foo') //在创建前在全局中寻找有没有用Symbol.for并且key是foo的字符窜创建Symbol，有则不再创建直接使用。//为了重新使用同一个Symbol值 使用Symbol.for（）方法实现。//ES6新增数据类型Symbol Set(new) Map(new)// createRole('控球后卫')// pg:'控球后卫',// sg:'得分后卫',// sf:'小前锋'name:'小明',// Symbol的使用场景。
2023-05-13 16:59:22
153
原创 九、前端基础之代码优化
console.log(printAnimalsDetails({name:'大黄',type:'dog',gender:'male'}));console.log(printAnimalsDetails({name:'大黄'}));// es6模板字符窜 解构赋值。// 提前退出 和 提前返回。
2023-05-13 16:17:07
24
原创 七、BFC块级格式化上下文
如何解决：1、让float值不为none 2、position的值不是static或者relative 3、display的值使inline-block、flex或者inline-flex 4、overflow设置值hidden（四种方式最好的一个）BFC 块级格式化上下文 一个独立的块级渲染区域 ，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。将BFC看成是一种属性，当拥有该属性的元素就相当于一块独立的区域 内部元素布局不影响外部 外部元素布局不影响内部。
2023-05-13 15:12:16
23
原创 六、事件循环机制 event-loop
2、js的异步操作 比如fetch、 setTimeout、setInterval压入到调用栈中的时候消息会进消息队列 消息队列中 会等到调用栈清空之后再执行。3、promise async await的异步操作会加入到微任务中 会在调用栈清空的时候立即执行 调用栈中加入的微任务会立马执行 优先级大于消息队列。输出结果：4 1 3 5 2。三部分组成：调用栈 微任务队列 消息队列。输出结果：1 3 2。输出结果：2 1 3。
2023-05-12 21:29:18
19
原创 五、前端基础之箭头函数this
var fn = ()=> new Date().getFullYear()-this.birth //this指向。2、实际没有自己的this，导致内部的this就是外层代码块的this，正因为没有this，所以不能作为构造函数。1、this在函数定义时绑定，非执行函数时绑定，this指向固定化。
2023-05-12 17:05:11
29
原创 四、前端基础之this
console.log(`${this.name}在跑步 最多${time}min就不行了`);get('你好') //get.call(window,'你好')// 2、函数作为对象的方法被调用（谁调用我，我就指向谁）name:'张三',// 1、直接在函数中调用。
2023-05-12 17:03:37
35
1
原创 三、前端基础之防抖节流
/ 应该存储变量timer，timer变量需要一直保存在内存当中，内存泄漏。// 一次执行完后设置timerOut供下次执行。防抖：设定时间内只触发一次事件，则执行函数，如果发生后续触发，则每次触发都重新开始计时。// 如果不在这里输出该怎么写？// 点击多少次就会执行多少次，并非我们想要的结果。// 如果timerout不存在则执行一次。节流：持续触发事件，一段时间内只调用一次函数。// 输出结果在这里输出。
2023-05-12 15:59:54
33
原创 二、前端之深浅拷贝
深拷贝：创建一个新对象，将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，彼此完全独立。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的不是内存地址而是从堆中开辟一个新的区域存放新对象，彼此完全独立。浅拷贝：创建一个新对象，该对象有原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；hobby:['买花','逛街',{name:'曹操'}],shallowPerson.name = '刘亦菲1'hobby:['买花','逛街']
2023-05-12 11:34:08
64
1
原创 一、前端基础之闭包
在js中，函数存在一个隐式属性（scopes）来保存当前函数的执行上下文环境，由于数据结构上是链式的，因此被称为作用域链，可以理解为一系列AO对象（变量对象）组成的链式结构。当前代码块中，所有变量（变量、函数、形参）组成的一个对象，分为全局变量对象和局部变量对象。最直观的例子：函数内部可以访问到函数外部声明的变量，函数外部访问不到函数内部的变量。规定了如何设置变量，确定当前执行代码对变量的访问权限。能读取其他函数内部变量的函数，能实现函数外部实现函数内部的变量。保证执行环境有权访问的变量和函数是有序的，
2023-05-11 14:27:29
141
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人