31 | 32 | ## 2023-06-21 更新 33 | 34 | - [watch 中 deep:true 是如何实现的](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#71e807ef921d456baa1de608b7f620ba) 35 | - [assets 和 static 的异同](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#9230fed7e8554930bd13bb94566e35df) 36 | - [Vue3 里为什么要用 Proxy API 替代 defineProperty API](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#08ce87ea9515474f8d5758fe92e07f4c) 37 | - [Vue3 中，v-if 和 v-for 的优先级哪个高？](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#12a77bbe3f20435489f54a2f78e82970) 38 | - [script setup 是什么，有什么好处?](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#ec5b6836b6624d2bbe59c558859277ed) 39 | - [ref 与 reactive 的区别？](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#c9b1395ea72c4dd598a2514f1889d7fa) 40 | - [谈谈pinia?](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#a31bb55094e24f29ad5bd515a97e208c) 41 | 42 | ## 2023-05-22 更新 43 | 44 | - [根据下面 ES6 构造函数的书写方式，要求写出 ES5 的](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#18e179d291f6492c80a4604de19d517c) 45 | - [实现一个函数,对一个url进行请求,失败就再次请求,超过最大次数就走失败回调,任何一次成功都走成功回调](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#9eb447767c664c23a9b07ccb0ecd4038) 46 | - [手写 reduce flat](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#da97aaa9d14a4e54937f8bc4b55261c7) 47 | - [为什么普通 *for* 循环的性能远远高于 *forEach* 的性能，请解释其中的原因。](https://evelance.notion.site/ec8cac669a334a70a2ecb112e39304e2#5c6af6c74b1a4ccab75b4a1e5f0c8f3c) 48 | - [数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#61efd5a3282d48ea9b740e251ca60ea2) 49 | - [产生一个不重复的随机数组](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#cca32555072a431391a7c3e2ae3e2f62) 50 | - [有一堆整数，请把他们分成三份，确保每一份和尽量相等（11，42，23，4，5，6 4 5 6 11 23 42 56 78 90）](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#ec6fa7497dc34664b6f9e00d81af16f1) 51 | 52 | ## 2023-05-17 更新 53 | 54 | - [介绍下粘性布局（sticky）](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#6e3dc8bb19764840abe58a694a19c1fb) 55 | - [介绍下 http1.0、http1.1、http2.0 协议的区别？](https://evelance.notion.site/cd2aeaaade32457ab99948c0636506fe#5d67d9a389c2493daa686218d1ff6a32) 56 | - [为什么 HTTP1.1 不能实现多路复用（腾讯）](https://evelance.notion.site/cd2aeaaade32457ab99948c0636506fe#b878bae2b0224afdb0489db7b4654e84) 57 | - [简单讲解一下 http2 的多路复用（网易）](https://evelance.notion.site/cd2aeaaade32457ab99948c0636506fe#55097aa0d7e24595a688cb99507785ed) 58 | - [HTTPS 握手过程中，客户端如何验证证书的合法性](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#b1b713278647450aa58260e4b7179a97) 59 | - [cookie 和 token 都存放在 header 中，为什么不会劫持 token？](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#275ae0a670b5494cb0b11b16882f8bf7) 60 | - [说下单点登录](https://evelance.notion.site/cd2aeaaade32457ab99948c0636506fe#ec88d02629e046aaba844f0ff7486944) 61 | - [简单说说 HTTP 劫持、DNS 劫持与 XSS](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#d7f344a6affd4daeb6662a68a98e4f02) 62 | 63 | ## 2023-03-24 更新 64 | 65 | - [说出几种你能想到的JS 变量交换的方法](https://evelance.notion.site/2366f8feb98e4e95beacb2db88fa35fb#67c1662939984283838d921e5d996a61) 66 | - [如何在不改变原始数组的情况下反转数组](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#0900f904fe6f451bb34f8af33b2045c2) 67 | - [JS 递归、深浅克隆](https://evelance.notion.site/JS-6c234d73a1304ef49635952e09761778) 68 | - [TypeScript 支持静态类吗 ？为什么 ？](https://evelance.notion.site/042c7f6bc2d04c238ce2d33a699b9048#a3fdc520f2c945c3894df79f9f166da9) 69 | - [Vuex 页面刷新数据丢失怎么解决 ？](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#29839505d7794af5a344e3fa126aab9f) 70 | - [你都做过哪些 Vue 的性能优化](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#7039a939d1144c37a487f8047b01a5bd) 71 | - [Vue 有了数据响应式，为何还要 diff ？](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#8b550789de6b4229beda8524e5bb9758) 72 | - [何时在函数组件上使用类组件 ？](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#e10cc85450b74cb5a8174578f8d09eda) 73 | - [HTML 和 React 事件处理有什么区别 ？](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#34c41a0888aa46dea4c2cb10045e7b9d) 74 | - [如何将参数传递给事件处理程序或回调 ？](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#db98a9fbaa444910aa5d90a536842911) 75 | - [Node.js 如何工作的 ？](https://evelance.notion.site/30d34736aa22463cb2ece1a6a65992de#a5ff3c9b18b44cf39a683dcee8c86e37) 76 | - [Node.js 如何克服 I/O 操作阻塞的问题 ？](https://evelance.notion.site/30d34736aa22463cb2ece1a6a65992de#1fc6e4afe65f4fd98763738ae7ce3ed7) 77 | 78 | ## 2023-03-23 更新 79 | 80 | - [以下两种方式的区别？及 typeof 得到的结果](https://evelance.notion.site/a567a25493b84e5fbe717093ecb98fe6#2feb5fa32b1b43909bb069b902c32c6f) 81 | - [typeof 能判断哪些类型 ？](https://evelance.notion.site/a567a25493b84e5fbe717093ecb98fe6#af3a68a81ed94456be1cfad4e0995fa1) 82 | - [typeof(null) 为什么返回的是'object'](https://evelance.notion.site/a567a25493b84e5fbe717093ecb98fe6#bbb47cd173bf4973ae349e97fd427f3e) 83 | - [闭包里面的变量为什么不会被垃圾回收 ？](https://evelance.notion.site/b803fd5d6f3d4ace8b0f56925b311837#d93473cf71654c3b844b3efc62d52084) 84 | - [说说 JS 作用域及作用域链](https://evelance.notion.site/4395080143c444dda4805fffb80ecd93#9970d273c25c4873ab6d3bdc827d9757) 85 | - [怎么理解 JS 静态作用域和动态作用域](https://evelance.notion.site/4395080143c444dda4805fffb80ecd93#79139d9e249a4351acdc366ff6d4d62c) 86 | - [以下代码输出的结果是 ？](https://evelance.notion.site/822aa5b940954bc3abf859425f9be1ff#16c21e9591eb453ba1f492f40f6a6d09) 87 | 88 | ## 2023-03-22 更新 89 | 90 | - [在写 HTML 代码时，语义化实践中应该注意什么 ？](https://evelance.notion.site/9e7789ddc5f9410bbd74cc8029b23f51#79400f7ffaa34fcea688559140ed3f00) 91 | - [Canvas 和 SVG 有什么区别](https://evelance.notion.site/96a27fed50ac42e9b3697b1f034a89b1#f194f13767f4431f968ac8de2c22e4d0) 92 | - [如何解决 flex 布局 7 个元素使用 space-between 最后一行两边分布的问题？](https://evelance.notion.site/Flex-Grid-eb330f69ea424cb6a67ba6f77ffa5738#bc6ace01f1d44168b542432c26b92f09) 93 | - [第二个子元素的高度是多少](https://evelance.notion.site/Flex-Grid-eb330f69ea424cb6a67ba6f77ffa5738#e978ccf3cbe443ad8226c526434b41e1) 94 | - [flex 画骰子](https://evelance.notion.site/Flex-Grid-eb330f69ea424cb6a67ba6f77ffa5738#e3732339f2d5469a86d5a2c3d7c7e82a) 95 | - [说说你对 Grid 网格布局的理解 ？](https://evelance.notion.site/Flex-Grid-eb330f69ea424cb6a67ba6f77ffa5738#ae67f9488b6f41ae96b8f9490bd5e043) 96 | - [CSS 绘制图形](https://evelance.notion.site/CSS-03e0b897fd06403b815033409281fb90) 97 | - [CSS3 动画相关](https://evelance.notion.site/CSS3-836b0e41b70440f3bf976072934d9bd6) 98 | - [min-width、max-width、width 的包含（优先级）关系](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#08e12ff8347d48a38d12899ffee4b9e2) 99 | 100 | ## 2023-02-20 更新 101 | 102 | - [如何实现图片的懒加载，随着 web 技术的发展，有没有一些更好的方案](https://evelance.notion.site/DOM-BOM-6b4be94426c24e1a9657de89d9d725ec#5859471c66bd4ac39a042dbbfa23d133) 103 | - [博客系统中常见的复制代码是如何实现的](https://evelance.notion.site/DOM-BOM-6b4be94426c24e1a9657de89d9d725ec#07963b2533d54382b4b26d2c4e9cbc14) 104 | - [localhost:3000 与 localhost:5000 的 cookie 信息是否共享](https://evelance.notion.site/2175d851244445f4b6e6fbf72599b956#279de13ffa644619ba10a9d34580475f) 105 | - [如何计算白屏时间和首屏时间](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#e9faaf966c0c4faa970065f3125297fc) 106 | - [什么是 Data URL，有哪些缺点](https://evelance.notion.site/96a27fed50ac42e9b3697b1f034a89b1) 107 | - [textarea 如何禁止拉伸](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#b55c09cf865f42d3870be22fb6d86726) 108 | - [有没有使用过 css variable，它解决了哪些问题](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#23cfd95a3b864d3dbe5c2a6728af78dd) 109 | - ['+' 与 '~' 选择器有什么不同](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#caec1b66d4ec445f9b82f9ce93fe0f56) 110 | - [css 动画与 js 动画哪个性能更好](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#2057dd48c94647669c20c57f2d4f1690) 111 | - [为什么会发生样式抖动](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#a0784a7dd79248c0806d3a3a2ef76933) 112 | - [css 如何匹配前 N 个子元素及最后 N 个子元素](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#5a8fb8e8de264701a28ead5dd2900e3c) 113 | - [如何自定义滚动条的样式](https://evelance.notion.site/703ed1ce5c2c418f9c93921018675d32) 114 | 115 | ## 2023-02-14 更新 116 | 117 | - [谈一下 HTTP 与 HTTPS](https://evelance.notion.site/HTTP-HTTPS-64adbb8b68ad4f6abd37c17106733162) 118 | - [TCP 和 UDP 的区别](https://evelance.notion.site/d83649ac48494fb7a42f3fe70bf4902f#b7ff3696c9b54254928c12047d5a1bac) 119 | - [说几个很实用的 BOM 属性对象方法?](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#1bf39c083672482c94eb89569f87285b) 120 | - [说一下 HTML5 drag API](https://evelance.notion.site/c2d20f1d4ced405bbaa642b9a00a2df2#fc8a2c126c304942aaa15e74aa6cecd5) 121 | - [iframe 是什么？有什么缺点？](https://evelance.notion.site/c2d20f1d4ced405bbaa642b9a00a2df2#7d2b92e1f06345a19fa55d90e630152d) 122 | - [GET 请求传参长度的误区](https://evelance.notion.site/d83649ac48494fb7a42f3fe70bf4902f#ff497e9ae78441ddbf3cf3f7aa47c13c) 123 | 124 | ## 2023-02-09 更新 125 | 126 | - [介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的](https://evelance.notion.site/cfc92dfe2b544957901ca0864a0f48a0#09edf8007a264e08be67ecf14590e502) 127 | - [数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#6d6efed40f4947fe9fd7659f2a95554d) 128 | - [打印出1 - 10000 之间的所有对称数](https://evelance.notion.site/8335f0423acb4852ac751399afd39686#0071d31fecb249048c14fdbd4f862a33) 129 | - [实现模糊搜索结果的关键词高亮显示](https://evelance.notion.site/aa4ca15153ec45739e8660a4c6508dbd#e1c90a3a1a2e48a9b7f8b0917371d8a3) 130 | - [介绍下 HTTPS 中间人攻击](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#b1bcb269f3764c58beefe49a37fc5844) 131 | - [给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请找出这两个有序数组的中位数。要求算法的时间复杂度为 O(log(m+n))。](https://evelance.notion.site/2366f8feb98e4e95beacb2db88fa35fb#7e31ce90ed06430bb6ba3fab1197497a) 132 | 133 | ## 2023-02-08 更新 134 | 135 | - [Virtual DOM 真的比操作原生DOM 快吗？谈谈你的想法。](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#b15a53c4f5e14510bcda2fd9b3871429) 136 | - [下面的代码打印什么内容，为什么？【值预测】](https://evelance.notion.site/822aa5b940954bc3abf859425f9be1ff#23e30efb54464d29861f1d01d2320b94) 137 | - [浏览器缓存读取规则](https://evelance.notion.site/2175d851244445f4b6e6fbf72599b956#8e4c3c68e8764f26abe030aa9c874878) 138 | - [为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作？](https://evelance.notion.site/090d219cd814443c9868a4689fdec1fe#f896bbb3c4f34a25baf70d1c83677f12) 139 | - [为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？](https://evelance.notion.site/1x1-gif-f47f0082ec284d01b5898aadfc9643d3) 140 | - [某公司 1 到 12 月份的销售额存在一个对象里面](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#529f839ae9b84095b4a2eeb6be6477de) 141 | - [已知如下代码，如何修改才能让图片宽度为300px ？](https://evelance.notion.site/3deb29fe2f464eaa938606bbbb2fc3e4#21cad933efb9466890923341824ed2c2) 142 | - [介绍下如何实现 token 加密](https://evelance.notion.site/2175d851244445f4b6e6fbf72599b956#761c0b01c4d44ec2a79ca7d56bfda603) 143 | - [redux 为什么要把 reducer 设计成纯函数](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#3ca6ac7478f84fbb90b9b0a779559395) 144 | - [ES6 代码转成ES5 代码的实现思路是什么](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#a86ab15537544ea495ce02a4b8a6e5d2) 145 | 146 | ## 2023-02-07 更新 147 | 148 | - [ES5/ES6的继承除了写法以外还有什么区别？](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#26190b6342ee4a46b0f6a8aa09322134) 149 | - [实现数组扁平化-升序且不重复](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#c3421e46a4484f51bafeba0dd11cc267) 150 | - [JS异步解决方案的发展历程以及优缺点](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#026378b6f1db4f27947ab1b32cfdb71a) 151 | - [A、B 机器正常连接后，B 机器突然重启，问 A 此时处于 TCP 什么状态](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#b1b713278647450aa58260e4b7179a97) 152 | - [React 一道 setState 笔试题](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#3c89230e56f84f0f8f84f1c41f969610) 153 | - [介绍下 npm 模块安装机制，为什么输入 npm install ，就可以自动安装对应的模块？](https://evelance.notion.site/3d6c571422114fe483be2dffcd128f31#349085add30e44ef8c25c3d7bd24cd32) 154 | - [有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣](https://evelance.notion.site/60305d4d7ae149d0835ebc1d078a7caa#8078d018200941678dcd557b6661433f) 155 | - [聊聊 Redux 和 Vuex 的设计思想](https://evelance.notion.site/6a67c4a72a6b4387b996074ce0939db5#e10cc85450b74cb5a8174578f8d09eda) 156 | - [全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？](https://evelance.notion.site/ES6-b2b5dab7c82e4c42a44e14ec0cfe2390#a0d13b799a6e464aa9392890de72f4b8) 157 | - [cookie 和 token 都存放在 header 中，为什么不会劫持 token？](https://evelance.notion.site/a243e209226247c38e1ecdf525f36f4c#48f6e81111d345a29e9e99bc3dfb37b1) 158 | 159 | ## 2022-12-14 更新 160 | 161 | 已将全部语雀资源搬运至 Notion，并且调整了目录结构使知识库更清晰。大家可查看最新 [Notion版本](https://evelance.notion.site/Front-End-Lib-641a7f4ffdc643239155757324fdce02) 的知识库。 162 | 另外由于 Notion 默认不支持侧边栏大纲显示，这里推荐一款 Chrome 插件 [Notion Boost](https://gourav.io/notion-boost) 供大家下载，它能支持网页版动态生成 Notion 文章的侧边栏大纲。如果因为众所周知原因无法在商店下载，可点击 [此官网链接](https://github.com/GorvGoyl/Notion-Boost-browser-extension/releases) 下载离线版本。 163 | 164 | ## 2022-11-15 更新 165 | 166 | 由于语雀会员风波，虽然目前此知识库仍然互联网可见，但我考虑再三后，还是决定后续把知识库逐步迁移至 notion，目前才开始迁移，地址各位可以先马克一下： 167 | 168 | [Notion-Front-End-Lib](https://evelance.notion.site/Front-End-Lib-641a7f4ffdc643239155757324fdce02) 169 | 170 | ## 2022-10-08 更新 171 | 172 | 后续更新会把更新的概要写入 [更新日志](./ReleaseNote.md) 中，方便大家查看具体更新内容 173 | 174 | ## 🌈 2022-07-04 更新 175 | 176 | 近两年使用「[语雀](https://www.yuque.com/dashboard)」记笔记比较多，前段时间借着面试准备的机会，就把笔记整理到了语雀上，后续各位看官可移步 👉 [前端知识库](https://www.yuque.com/baofengyuqianxi/vi4wte) 👈 查看此系列。 177 | 178 |
179 |