- 博客(12)
- 收藏
- 关注
RSS订阅原创 axios获取接口进度（上传文件）
封装的post请求，onUploadProgress为获取进度，signal为中止请求的参数。代码只是简单的示例，直接使用可能有未知bug。这里的使用场景是批量上传，
2024-05-27 20:43:07
1098
1原创 echarts 实现折线图循环拖尾效果
最近在做数据可视化的大屏，需要实现带有动效的echats图。实现思路，使用定时器画线，设置线的样式，代码如下。这个小光点会一直在两条线上跑。记得引入echarts文件。
2023-05-09 17:27:34
418
原创 基于jQ + html + css的可点击滑动按钮列表
** 基于jQ + html + css的可点击滑动按钮列表**做出来基本样式如上图所示，需求功能为按钮列表，需要手动点击左右滑动基本思路类似于轮播图，不同点时每个按钮宽度不同，滑倒最后一页点击也不会回弹，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content
2021-10-21 17:39:05
411
原创 前端html + js视频播放器（快进，快退，倍速，全屏等功能）
基于h5的video,很容易上手，直接上代码，其中还有一些可以优化的地方，大家可以自己优化在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de
2021-09-28 18:24:21
4404
原创 基于Vue前端UI框架比较
基于Vue前端UI框架比较Vue3相对于vue2的优缺点优点:性能提升，主要体现在打包体积（减少了40%左右），渲染速度（快了55%），更新速度（100%）及内存使用（减少了50%）几方面。 由于增加了composition api，更加支持Ts，使得代码相对于Vue2更利于维护。缺点：就目前来说用户数量和社区活跃度没有vue2高，有一定的学习成本（包括学习ts）各个UI框架的比较根据目前市场常用的框架进行初步筛选，入选了4款框架，分别为element-ui, ant-desi
2021-09-07 11:44:04
2568
原创 本地分支更新遇到的问题
在开发中为了防止冲突，一般都会在本地新建分支，提交的顺序是1.git add .2.git commit -m “提交注释”3.切换到远程分支，git merge 本地分支这时远程分支可能还有别人提交的代码，本地如果要更新的话，就要切回本地分支，pull ，但是会报这个错误There is no tracking information for the current branch.Please specify which branch you want to merge with.意思就是
2020-07-10 10:36:10
216
原创 基于react + ant实现可编辑表格，可分页，可批量删除，保存等功能
最近因为工作需要，要基于react-ant做一个可编辑表格，具体功能如图所示，可新增，删除，批量删除，保存等功能，
2020-07-08 13:48:28
2704
原创 react项目打包后部分样式失效的原因
今天测试提了几个样式的bug,我在本地怎么都重现不了，最后连接测试服务器进行调试，发现确实存在问题，但是就有点蒙蔽，把样式和本地的进行了比对，最后发现是两个组件最外层的className命名冲突了。。。 在本地开发时，不同的组件会调用自己import的样式，在项目打包后，所有的css文件进行了压缩，部署后，相同类名的样式会相互冲突，所以我们在开发的时候一定要注意，在每个组件的最外层包上一个专属的className,这样就不会出现这种问题了...
2020-06-24 11:21:21
3466
原创 echarts图例过长时的处理方式
我们在使用echarts时可能会遇到图例过长展示不下的情况，特别是页面在分辨率较低的电脑上，如下图这时只需要加几行代码就可以使图例变为可滑动：代码如下lengend： {type: ‘scroll’, (最主要是设置类型)pageTextStyle: {color: ‘#fff’ //文字颜色},pageIconColor: ‘white’, 可点击时按钮的颜色pageIconInactiveColor: ‘#444444’, 不能点击时按钮的颜色}更多的样式设置请查看e
2020-06-15 14:38:59
2214
原创 关于ant-designa固定表头和列对不齐的问题最简单解决方案
最近在用ant-design开发react项目，因为所用版本为3.0X，所以遇到了一些问题1. 表头和列对不齐看了官方文档，给每个表头都加了宽带，但是最后一列后会有空余，按推荐方法，还是没解决，最后F12了下，看了dom结构，改了一下代码，完成.ant-table-fixed-header .ant-table-scroll .ant-table-header { min-width: 0px !important;}（要想表头自适应的话，最好用百分比）...
2020-06-04 16:33:48
2708
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人