掘友等级
获得徽章 0
写了个简单的自定义checkbox（单标签），要点如下：1. input伪元素 2. 用box-shadow的inset模拟边框和填充效果
demo地址：
codepen.io
之前的项目用React+TS；觉得TS这东西很好用；然后这几天想着给Vue搭一个 TSX 的脚手架，啥都搭好了，项目可以跑起来，现在测试功能的时候发现了很多弊端,比如 动态组件， slot，过滤器，等等；奔溃啊
✨
疫情还没过去。
大家依旧在努力。
一个人也该好好学习📚🙇。
好好生活
。
一直用vue做项目，现在有需求要做seo，才算真正接触到服务端渲染，不过这次项目并没有用到这个，因为首先是已成型的项目，再次并不需要所有页面都有seo需求，第三，与后台交互很少。vue的seo问题除了服务端渲染，预渲染也是一种思路。今天用了vue-meta-info + prerender-spa-plugin解决了这个问题。记录一下。
节流和防抖应用场景
节流是在一定时间内只能触发一次。防抖是一定时间内多次触发只有最后一次生效。
节流多应用在节省性能的地方，比如页面滚动/鼠标滑动，这些事件触发都是毫秒级的，所以为了节省性能，可以用节流函数控制一定时间内只触发一次，但是肉眼无感。
防抖可以多用在模糊搜索时的keyup事件，按钮的点击事件等，是为了防止事件在一定时间内多次触发导致错误。
分享一篇《HTTP 的15个常见知识点复习》。
为什么要使用单例模式？
1. 表示全局唯一
2. 避免资源访问冲突
3. 省内存
单例模式的缺点
1. 可测试性不好
2. 无法使用面向对象的继承，多态等能力
3. 构造函数没有参数，降低代码可读性
什么是“高内聚、松耦合”
“高内聚、松耦合”是一种设计思想。目的是：
1. 提高代码的可读性和可维护性
2. 缩小功能改动导致的代码改动范围
解释：
高内聚：相近的功能放到同一个类中
松耦合：类与类之间的关系简单清晰
在家办(划)公(水) ON！
codepen.io
