开源的世界每天都丰富多彩，2022年前端领域会有什么新的挑战？下面是我们整理的20个有趣的开源项目，希望当中有您想要收藏的那一个。

【硬核基础】系列的几篇文章，感兴趣的朋友可以了解一下： 硬核基础二进制篇（二）位运算 硬核基础二进制篇（一）0.1 + 0.2 != 0.3 和 IEEE-754 标准 硬核基础编码篇（一）烫烫烫烫烫

前言 这篇文章前前后后写了几个月,之前总是零零散散的学习,然后断断续续的写文章(懒),自己参考了很多文章以及看了一些ts视频,然后把基础的知识点全部总结了一下.自我感觉比掘金上的所有typescrip

一、写在前面 相信各位小伙伴在实际做业务的时候都遇到过「大文件上传」的场景。在这种场景下，我们不能直接将大文件直接丢给服务器进行处理，这会对服务器的性能产生巨大的影响，并且上传速度也过于缓慢。因此我们

故事背景 事情是这样的呢 友人 A: 能不能帮我整一个 chrome 插件？ 我: 啥插件？ 友人 A: 通过后端服务或者 python 脚本通信 chrome 插件能够操作浏览器 我: 你小子是想爬

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

点击 展开 显示所有文本内容，内容的尾部会有一个 收起。如此可反复操作。 换行添加"展开"按钮即可。可是呢，这个玩意好用是好用，看到-webkit-的前缀，我们就能敏感的知道存在浏览器兼容性问题。严格说来，这种换行显示 “展开”按钮的形式与我们想要的还是有点区别。 如何达成我们…

前两天测试小姐姐突然找到我，说我的表单校验是不是有问题，为什么一个格式很标准的身份证号校验总是提示校验失败呢？能改一下校验吗,不能然每次都要使用她的真实身份证号来测试了... 好吧，最后给她推荐了一个身份证号码生成网站解决了她的困扰。当然，也顺便给我的同事们分享了一波我使用的校…

通过创建 textarea 标签，并且指定其 rows 和 cols 属性，就可以创建一个多行文本输入框。 但是当输入的内容超过指定的 rows 之后，就会出现滚动条，如果用户想要查看全部内容，那就必须来回的拖动滚动条。而且这个滚动条只有在用户滚动的时候才会出现，在一些情况下，…