本文正在参加「金石计划」 以前通过echarts写过数据大屏。欢迎star~~~ 数据可视化 数据大屏 一些数据可视化的类库和技术 Skia Skia是Chrome和Android的底层2D绘图引擎，

DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

每周分享一个vue3+typeScript的小组件，我只想分享下自己的实现思路，楼主是个菜鸡前端，记录下实现过程，说不定对你有帮助。 思路：点击手风琴标题传入它的索引,定义一个参数来接收点击的索引，这个参数等于索引就显示手风琴内容。自定义内容可以根据索引来动态显示。 vue3持…

按照之前得计划是三个星期把MDN上的HTML，CSS，JS各自的入门教程看完。 JS还是太难了，讲对象的部分两篇文章就看了两天。 1. 模板字符串 后两个都是在字符串前加个符号，js却改成用`，为什么？哪个好？哪里都查不到。 2. 在一个对象里调用另一个对象时要注意this的指…

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

最近做年终活动，许愿的时候希望可以以弹幕的形式出现。 以下一步步，说明弹幕逻辑。本文的弹幕较为简单，重在说明弹幕逻辑。 先写段静态的文字。 但是一行通常不止一个弹幕，肯定不能block，所以这里的bullet-item需要处理下，这里我用定位的方式（主要为了之后的弹道，定位更方…

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

单元测试允许你将独立单元的代码进行隔离测试，其目的是为开发者提供对代码的信心。通过编写细致且有意义的测试，你能够有信心在构建新特性或重构已有代码的同时，保持应用的功能和稳定。 环境搭建好之后，就可以愉快的做vue单元测试了；这里会通过一个TodoList应用来简单介绍一下怎么在…