从前有匹马叫代码

摘要：

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

posted @ 2024-04-22 11:11 从前有匹马叫代码阅读(7) 评论(0) 推荐(0) 编辑

Storybook version8 智能化构建组件文档与单元测试

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

posted @ 2024-03-29 15:53 从前有匹马叫代码阅读(18) 评论(0) 推荐(0) 编辑

React函数式组件避免无用渲染的方案

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

posted @ 2024-01-03 16:26 从前有匹马叫代码阅读(11) 评论(0) 推荐(0) 编辑

利用CSS 实现环形百分比进度展示

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

posted @ 2023-10-30 10:57 从前有匹马叫代码阅读(395) 评论(0) 推荐(0) 编辑

CSS MASK

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

posted @ 2023-09-18 11:30 从前有匹马叫代码阅读(29) 评论(0) 推荐(0) 编辑

Socket.io入门

摘要：

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

posted @ 2023-09-04 20:03 从前有匹马叫代码阅读(147) 评论(0) 推荐(0) 编辑

Unocss使用

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

posted @ 2023-09-04 14:01 从前有匹马叫代码阅读(466) 评论(0) 推荐(0) 编辑

vue项目自动导入components

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

posted @ 2022-12-13 15:37 从前有匹马叫代码阅读(407) 评论(0) 推荐(0) 编辑

钉钉H5微应用本地开发调试记录

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

posted @ 2022-11-16 11:03 从前有匹马叫代码阅读(716) 评论(0) 推荐(0) 编辑

Vue.js 异步组件传参

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

posted @ 2022-10-25 10:54 从前有匹马叫代码阅读(260) 评论(0) 推荐(0) 编辑

导航

2024年4月22日

2024年3月29日

2024年1月3日

2023年10月30日

2023年9月18日

2023年9月4日

2022年12月13日

2022年11月16日

2022年10月25日