ssh

## 浏览器标准模型和怪异模型 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Quirks_Mode_and_Standards_Mode#What_are_the_differences_between_the_modes.3F ### 如何开启 头部添加 `` 即可启用标准模型 ### 怪异模型的原因是 当 W3C 创立网络标准后，为了不破坏当时既有的网站，浏览器不能直接弃用这些标准。因此，浏览器采用了两种模式，用以把能符合新规范的网站和老旧网站区分开。 ### 怪异模式的区别 盒模型采用怪异盒模型，也就是 `box-sizing: border-box`，这种盒模型下宽高是由 `content + padding + border` 共同计算出来的。 ## data-set 的好处 HTML5是具有扩展性的设计，它初衷是数据应与特定的元素相关联，但不需要任何定义。data-* 属性允许我们在标准内于HTML元素中存储额外的信息 对于一个HTML标签：...

CSS 如何扩大点击区域 利用 border 也可以，但是背景图片要用 `background-clip: padding-box` 来防止蔓延至边框的边缘。而且后续真正需要 border 的时候也很麻烦。 相对来说用伪元素最好。 

写了一篇 Vue3 Proxy 可以拦截的操作的文章 也算是复习了一遍

## Vue 2.6 版本的 computed 实现 之前一直没调试，认知里的 computed 一直是 2.4 版本的，每次读取 computed 都会求值，但是只有值发生变化的时候才会去触发 render。 2.6 版本改动很大， 首先 `computed watcher` 会和它依赖的响应式的值共用一个 `dep`，并且会帮助这个 dep 去收集 `渲染 watcher`。 所以 2.6 版本计算属性更新的路径是这样的： 响应式的值更新-> 同时通知...

关于 `` 标签是否会阻塞页面渲染的问题，昨天测试了下，把引用了 cdn 上的 vue 的 script 标签放在网页的头部，`first paint` 事件会等待下载完成后才执行，页面是确实会被阻塞的。 所以还是要放在 body底部。

TS 中扩展全局类型的方法： // global.d.ts ```js declare global { type A = 'number' } ``` 然后 A 就可以在任何一个文件里不引入就使用了。

复习了TS的分布式条件类型 https://github.com/sl1673495/typescript-codes/blob/master/src/distribute-conditional-type.ts

CSS揭秘看了个开头

完成： slot和slot-scope的生成（2.6.11版本），整理文章。 _vnode和$vnode的关系，文章补充。 组件初始化的一些细节，文章补充。 svgr的相关文章。 算法题的思路。 未完成： webpack 10天教程。

- [x] Vue组件化过程看完，整理生命周期发生的事儿文章。 - [ ] 1道算法题。 - [ ] slot和slot-scope的生成。 - [ ] webpack 10天教程。 下午睡了一觉，然后水群水了好久。不过今天看了`vuex-next`的实现，利用了`provide`和`inject`注入`store`，和我之前玩`composition-api` 的思路很像，有点开心，难道我的思路已经接近大佬了？ 下午在掘金的回复里争论了好久，我还是坚持认为Vue中不该用index作为key，这是违背最佳实践的。 晚上帮群友解决了一个滑动`tab`边界值的问题，其实我也想了挺久，很怕脑子之后转不过来了。