十分拧巴的白某

简述：为了保证各人群的观感，本文一共分三大块，分别对应了详细的分析+开发过程，只有代码版本以及避坑大赏，可以自行跳转各取所需(毕竟详细版本实在太长了)。 element3作为组件库，其核心作用就是让用户可以根据文档正确使用组件，所以文档自然也应是重点之一。 既然是文档，那么作为…

我们知道在正常情况下我们对于dom的curd操作都是基于真实dom结构来进行，同样js也给我们提供和很多便利的api。但是随着业务量的逐渐庞杂，对于dom操作的需求就会变得复杂且频繁。不停的操作真实的dom会引起dom频繁的排版与重绘，这样会影响前端页面的效率。另一方面我们会发…

最近沉迷掘金不能自拔，一整天都在掘金上面刷呀刷，同时还在一边使用VSCode码代码。我突发奇想，能不能把掘金塞进VSCode里呢？在做之前，当然要做一下市场调查，市面上有另外两个掘金相关的插件，但完成度和使用体验我都不太满意。 1. 不能影响掘金该有的流量 2. 必须能提供一些…

设计模式一个比较宏观的概念，设计模式定义是软件开发人员在软件开发过程中面临的一些具有代表性问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。js中函数、类、组件等实际上都是实现了代码的复用，那么设计模式可以说成是经验的复用。当然实际开发中…

作为程序员，没有比临上线前发现之前的更改的代码导致应用崩溃更糟糕的事了。而唯一能够确保应用正常的工作的只有进行程序的测试。所以说对应用进行全面的测试是很重要的一件事了。 高效的测试方法可以加快开发速度，提高代码质量，尽早发现并去除代码中的BUG。测试驱动开发（TDD）是一种在编…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

前几天在基础API上面转了一下 现在准备向原理源码进军了。有个小问题先要处理一下。就是研究一下如何把Vue3的单元测试跑起来。毕竟光读代码不运行是没有灵魂的。歪歪一下中国的球迷是不是就是光看不踢。 总之目前来讲JS界Jest是一套比较成体系的测试工具。为什么这么说呢比如拿以前的…

那么首先需要了解的问题就是字体支持程度。 在@font-face中我们需要以上五种格式的字体来达到更多种浏览版本的支持。 优点：不依赖第三方。 缺点：字体包资源很大。 利用webfont中文解决方案 统一各种端的字体。 优点：动态生成所需字体包，字体资源占用很少。 缺点：依赖第…