摘要： 依赖注入（Dependency Injection，DI）是一种设计模式，主要用于实现控制反转（Inversion of Control，IoC）。它通过将对象的依赖关系从内部管理转移到外部容器来解耦组件，从而提高代码的可测试性、可维护性和灵活性。 之前在使用nest.js中做开发的时候，被这种模式 阅读全文

摘要： 最近在跟着教程学THREE.JS，毕竟在现在的前端开发市场上，THREE.JS太火爆了。 今天学到“纹理”这一块的时候，跟着教程敲代码，发现自己的没有正确显示，百思不得其解，打开控制台发现，如下WARNING: localhost/:1 [.WebGL-000060380A191C00] GL_IN 阅读全文

摘要： 在做后台管理系统的时候，有很大概率是要与各种图表数据打交道， 那么如何通过SQL查出基本图表的数据呢，以折线图为例， X轴为日期，Y轴为统计数据，那么我们通过SQL如何查询出连续日期下的统计数据呢， 假设我们数据库有一张表为 A，A表有createdAt,count字段，count表示数量，crea 阅读全文

摘要： 根据官方文档说法,storybook 是一个独立构建前端UI组件与页面的车间。 Storybook is a frontend workshop for building UI components and pages in isolation. It helps you develop and s 阅读全文

摘要： 在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: 阅读全文

摘要： 先看效果图： UI设计了这样的效果，已读人数占总人数的百分比，环形展示。 这里可以用echarts图表，也可以用css实现，因为我是在小程序环境下，考虑到包大小体积，采用了css实现。 核心就是一行代码： background-image:conic-gradient( #e9e9e9 30deg, 阅读全文

摘要： 首先看如下效果： 这种效果看起来很赞，可以做出很酷炫的交互，比如图上这种，还有一种就是引导页 经过我阅读作者的文章，原文地址。 发现其实只要使用两个核心CSS样式就能实现这个效果 分别为： 1. backdrop-filter: blur(5px); -webkit-mask: radial-gra 阅读全文

摘要： Socket.io入门 > 根据官方文档socket.io使用必须客户端根服务端一致，socket.io不兼容webSocket或者其他模块，因为socket.io在连接时做了自定义处理， 所以不同的长连接npm模块并不互通 首先安装npm包: 客户端(vue): ```shell npm i so 阅读全文

摘要： ### 目录: 1. 安装 2. 简单使用 3. 自定义规则 ## 安装 ```json { "dependencies": { "unocss": "^0.55.6", "vue": "^3.3.4" } } ``` 安装命令 ```shell npm i unocss ``` ## 简单使用 在 阅读全文

摘要： 开发项目中一般组件都放在 components 目录下，对于一些高频使用的组件我们需要在入口文件中设置为全局组件， 一个一个搞，很繁琐，这里通过webpack自动挂载components为全局组件。 webpack 提供了 require.context 方法 允许我们自己创建一个上下文，webpa 阅读全文