被扰之

一些关于前端状态管理、代码优化、组件封装的见解。封装是为了复用，过渡封装就是制造各种困难。见识过项目中各种框架的插件、微前端、不断套娃的各种私有库，改一个bug结果要先发几个npm包。就比如依赖的依赖

前言 typescript只按照教程去学习，好像只会一些string、number等基本类型的使用。实际编程中，似乎总有一些场景不知道怎么去写类型，并且难以找到例子去学习。 本文列举的都是实际项目中用

一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可

对于前端来说，“并发”场景很少遇到，本文将从常见的的秒杀场景，来讲讲一个真实线上的node应用遇到“并发”将会用到什么技术。 本文示例代码数据库基于MongoDB，缓存基于Redis。 规则：一个用户只能领取一张券。 首先我们的思路是，用一个records表来保存用户的领券记录…

关于可视化搭建，可以看这篇文章：页面可视化搭建工具前生今世。 面向开发者和普通用户，快速生成H5页面。有时候低代码比无代码更能提高生产力，脱离“复制粘贴”式的组件复用。对运营人员来说可以快速搭建一个营销页面，对开发来说可以方便的添加、组合组件，结合少量代码去复用之前组件。 大部…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

一个类获取另一个或者多个类的属性或者方法。继承可以使得子类具有父类的各种方法和属性。以免重复输出很多代码。 复制父类的方法和属性来重写子类的原型对象。 1、简单易操作。 1、父类使用this声明的属性被所有实例共享。 原因是实例化是父类一次性赋值到子类实例的原型上，它会将父类通…