06 2021 档案

CSS 布局相关
摘要：记录下这几天遇到的一些面试题 实现 3 栏垂直布局，并且指定顺序加载 元素 方向 高度 div1 底部 200px div2 中部 auto div3 顶部 100px 效果 思路 使用 【父相子绝】的方法，限定位置 代码 <div class="wrapper"> <div class="div1 阅读全文
posted @ 2021-06-30 11:25 to人间值得 阅读(28) 评论(0) 推荐(0)
使用 TypeScript + Vite 编写原生 TODO
摘要：使用 TypeScript + Vite 编写原生 TODO 面向对象、类的继承、横向切割程序 程序进行分类 外层：浏览器的事件 -> 调用方法 -> 事件处理函数的绑定 操作数据：addTodo、removeTodo、toggleComplete 操作DOM：addItem、removeItem、 阅读全文
posted @ 2021-06-28 00:29 to人间值得 阅读(262) 评论(0) 推荐(0)
React Diff 算法及性能优化
摘要：多次 setState 合并成一次 setState setState 是异步操作，多次 setState 合并成一次 setState，减少 Diff 比对 同层比对 两个虚拟 DOM 进行比对时，从上往下进行比对，如果同一层比对存在差异时就不会继续进行比对 引入 key 值 引入 key 值提高 阅读全文
posted @ 2021-06-18 16:48 to人间值得 阅读(186) 评论(0) 推荐(0)
Event Loop 事件循环
摘要：看了《JavaScript高级程序设计》跟《你不知道的JavaScript》后结合这篇文章 leocoder：带你彻底弄懂Event Loop，基本上弄懂了 Event Loop，这里做个简单笔记，方便后续翻阅 宏队列 macrotask，也叫 tasks。 一些异步任务的回调会依次进入 macro 阅读全文
posted @ 2021-06-18 16:45 to人间值得 阅读(51) 评论(0) 推荐(0)
Chrome：仅仅打开了1个页面，为什么有4个进程？
摘要：Chrome 浏览器是多进程浏览器。 Chrome架构：仅仅打开了1个页面，为什么有4个进程 打开1个页面至少需要1个网络进程、1个浏览器进程、1个GPU进程以及1个渲染进程，共4个；如果打开的页面有运行插件的话，还需要再加上1个插件进程。 进程：程序运行的实例 线程：由进程启动和管理 进程 启动一 阅读全文
posted @ 2021-06-07 18:01 to人间值得 阅读(178) 评论(0) 推荐(0)
分别使用 Object.defineProperty 、Proxy 实现简单实现 Vue 响应式
摘要：使用 Object.defineProperty 实现 使用 Object.defineProperty 实现基本的 Vue 响应式 基本实现 set function updateView() { console.log("视图更新") } function defineReactive(targ 阅读全文
posted @ 2021-06-04 14:02 to人间值得 阅读(109) 评论(0) 推荐(0)