无与杰嵩

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 一个优秀的缓存策略可以缩短网页请求资源的距离，减少延…

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。…

一晃眼2020年马上就要过去了，今年感觉过的特别快。 回首过去的几年，记忆已经很模糊了，需要很用力才能想起过去一部分往事。 从大年初九开始在家远程办公，疫情对线上教育行业也是一个机会，周末也没有休息，总共在家办公两个月。 后面直到疫情已经很稳定了，在四月一号那天才回的上海，然后…

朋友们好啊，我是晓黑板前端团队的何锦余，刚才有个朋友问我，“何老师，发生甚么事了？”，我说怎么回事，给我发了一个链接。我一看，喔！原来是前些天有几个年轻人，做了一个很不错的东西，写了一系列介绍 Electron 的文章。有一个说我们这个写了这么长时间了，在我们自己的晓黑板 Ap…

在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信： 对于这两种场景，相信大家都不会陌生。接下来，阿宝哥将介绍消息通信的另外一种场景，即父页面与 iframe 加载的子页面之间，如何进行消息通信…

作为一枚有追求的武者，我还是想从原理上给大家弹一弹到底为什么会有这些限制和约束，正所谓知其然知其所以然。 结论：到这里我们知道了vue3对setup和其他选项的处理逻辑：如果设置了setup则先调用它，随后再处理别的options。 结论：所以setup中的this就是它执行时…

但是很快我们又蒙圈了，这个组件实例和我们以前熟悉的this不一样，直接访问this.foo还是找不到数据。 当然坑还是有的，你仔细观察这个ctx，发现它不是一个Proxy对象，也就是这位兄台只有值却没有响应性，所以如果要利用响应特性，还得用proxy这个属性返回上下文对象，如果…