JavaScript
js及前端相关内容
Tyler Yue
这个作者很懒,什么都没留下…
展开
-
Js对象数组,根据对象关联键合并一个新数组
数组中每一个对象由{id,name,age}组成。写一个函数根据对象的key,判断合并数组。合并数组a、b为一个对象数组。原创 2022-10-27 21:12:16 · 392 阅读 · 0 评论 -
js数组的includes方法优化判断逻辑
【代码】js数组的includes方法优化判断逻辑。原创 2022-09-22 09:03:37 · 281 阅读 · 0 评论 -
js实现一个简单的双向绑定
2、Object.defineProperty无法监听对象新增加的属性,所以在vue中使用this.$set()方法新增对象属性。3、Object.defineProperty无法响应数组操作(可以监听数组的变化、无法对数组的变化进行响应)、1、Object.defineProperty无法一次性监听所有属性,必须遍历或者递归来实现。 vue针对此情况将数组常用的api方法做了二次封装、调用时触发页面重新渲染。 Proxy对象无需遍历所有属性。原创 2022-09-22 09:03:01 · 224 阅读 · 0 评论 -
js数组去重的方法
js去重的一些算法原创 2022-09-22 09:02:02 · 179 阅读 · 0 评论 -
js优化条件判断语句
优化条件判断语句测试优化后的代码原创 2022-09-22 09:01:23 · 219 阅读 · 0 评论 -
js深浅拷贝
1、在vue项目中,做表单修改时,表单内容项存在双向绑定,对表单内容进行一个深拷贝,避免修改时改变原有内容。2、JSON.parse()和JSON.stringify(),出现function时copy无效。copy一个对象、属性值为基本数据类型拷贝值、属性为引用数据类型则会创建一个新的对象。2、类库:lodash.js API: cloneDeep(source)浅拷贝:会创建一个新的对象,新的对象指向了新的内存地址。1、Object.assign()合并对象。5、Array.map()也是浅拷贝的。原创 2022-09-22 09:00:36 · 304 阅读 · 0 评论 -
HTML BFC的理解与作用
3、display 为 inline-block、table-cells、flex、block、table-caption。 4、overflow不为visible、clip的块元素。 2、position值为 absolute、fixed。1、独立性避免了margin塌陷(解决外边距合并问题)3、解决子元素浮动时、父元素高度塌陷问题。 1、float 不为 none。 5、body 根元素。 因为不影响整体布局。2、阻止浮动元素覆盖。原创 2022-09-22 08:59:55 · 483 阅读 · 0 评论 -
Js事件循环机制EventLoop
宏任务:(macro)task,由宿主发起、可以理解是每次调用栈执行的代码就是一个宏任务(包括每次从事件队列中获取一个事件回调并放到执行栈中执行)。2、微任务队列(调用栈加入的微任务会立马执行、但其异步操作会在微任务队列中、待调用栈清空后执行)微任务:由JavaScript自身发起的任务、可以理解是在当前宏任务执行结束后立即执行的任务。微任务队列:执行promise、async、await的异步代码。3、消息队列(待调用栈、微任务队列清空执行)调用栈: 执行主线程代码。1、调用栈(宏任务执行)原创 2022-09-22 08:59:15 · 259 阅读 · 0 评论 -
箭头函数的this、箭头函数与普通函数的区别
1、箭头函数的this与普通函数不一样2、箭头函数不可用作构造函数(箭头函数没有自己的this)3、箭头函数没有prototype属性4、箭头函数不能使用arguments、super、new.target方法和属性。原创 2022-09-22 08:58:23 · 417 阅读 · 0 评论 -
js一道this笔试题
js this笔试题原创 2022-09-22 08:57:22 · 164 阅读 · 0 评论 -
js预编译习题解题思路
js预编译习题解题思路原创 2022-09-22 08:56:06 · 209 阅读 · 0 评论 -
JavaScript高级内容、原型、闭包、继承、事件流、作用域上下文解析
JavaScript一些底层知识的解析及代码示例原创 2021-10-12 22:40:45 · 270 阅读 · 0 评论