摘要： 在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 阅读全文

摘要： 准备工具: 手机(ios,安卓) 安卓手机可以用网易Mumu模拟器,下载一个移动版钉钉 钉钉开放文档 本地开发的话,可以去钉钉后台管理系统,将你的本地ip地址配置成应用的首页,比如 10.xx.xx.88:3000,然后在钉钉应用内打开这个链接 关于调试: 钉钉后台提供了一个调试的consoles, 阅读全文

摘要： 本文主要展示一下如何给异步组件进行参数传递： 通过 h 函数就可以啦 versions: vue@3.2.13 子组件 Async.vue <template> <div> <span>异步注册组件:</span> <span>Props:{{ message }}</span> </div> </ 阅读全文

摘要： 在日常开发中，我们经常会使用一些字体包来美化我们的网站，然而中文字体包体积确实非常大的，小则 4 - 5 MB，大则 10 MB 以上， 非常的消耗资源，今天就记录下如何优化字体包的大小 解决方案：字蛛 需要注意的是，字蛛只适用于静态的，动态生成的文字是不适用的。 使用步骤： npm install 阅读全文

摘要： 本文主要记录下微前端中父子应用如何通信 microApp中是通过发布订阅来实现事件通信的，先说一下用法， 最好的方式是像普通属性一样通过micro-app元素传递数据。但自定义元素无法支持对象类型的属性，只能传递字符串，例如<micro-app data={x: 1}></micro-app> 会转 阅读全文