梦翼93-CSDN博客

原创 ant design 树形控件a-tree-select展开子级选项只能点左侧小三角形，希望能点击title文字就能展开

通过小三角元素加一个伪元素让小三角点击范围覆盖右边文字部分，从而点击文字部分控制子级展开/收起，实际还是在操作小三角。另外通过hover来实现文字部分的背景，达到好的体验效果。：ant design 中tree选择器只能通过点击小三角展开子级，体验不太好，希望能点title文字展开/收起。

2023-02-10 13:25:22 1265

原创 tui-image-editor图片放大编辑完上传/下载类似截图，没默认缩放原来尺寸

问题：tui-image-editor图片放大编辑完导出base64时图片默认没有缩放原来尺寸。解决：在导出操作转base64之前调用实例上的方法resetZoom()，这样就可以重置图片原始比例了。

2023-02-10 13:00:59 415

原创 table用position: sticky固定多层表头，滑动滚动条border边框透明解决方法

**问题：**我们发现，只要设置了border边框，这个位置滑动有内容经过就会出现如图的情况。**解决的方法：**用outline（轮廓）替代border,以达到我们想要的样式。table thead tr { border: none; outline-color: #fff; outline-style: solid; outline-width: 1px; }outline主要是在元素边框的外围设置轮廓，outline不占据空间，绘制于元素内容周围。同时.

2022-04-28 17:07:05 5251 8

原创 throw er； // Unhandled ‘error‘ event 打包时报错

throw er; // Unhandled ‘error’ event Error: ENOENT: no such file or directory, open在进行打包的时候报了这个错误。原因是程序不能像别的语言一样不存在就创建文件夹, 需要我们手动创建文件夹.，程序才能正常运行。按错误提示，手动创建空文件夹，再次尝试运行就正常了。...

2021-11-29 22:14:11 1749

原创 js获取url拼接参数值得到?后面键值对参数

最近有个需求，要求从APP 端跳转页面到H5移动端页面，传参方式由APP端从url中拼接，h5端拿取url参数// 地址：http://localhost:8080/#/diagnosis/learningReport?id=90&sid=110需求：拿到 {id: ‘90’, sid: ‘110’}// 在页面初始化调用此函数getQueryParams() { // 地址：http://localhost:8080/#/diagnosis/learningReport?id=

2021-11-28 23:01:49 697

原创 formData上传Excel文件[object object ]数据库接收不到数据

上传xlsx格式文件给后端，出现 Form Data [object object]错误，表格数据没又进入数据库。// defaultFlieList是已经上传的文件 const { defaultFileList } = this const formData = new FormData() console.log(defaultFileList,'defaultFileList'); // 打印结果看下图 formData.append(d.

2021-11-28 22:48:02 2383

原创 echarts markLine 均线设置、自定义位置、指定值、样式、标线自定义内容

markLine: { symbol: ['none', 'none'], // none为标线两端的样式为无，可更改 data: [ { silent: false, xAxis: 50, // 表现自定义的位置，可赋值 label: { position: 'end'.

2021-11-21 13:01:25 13430

原创 echarts markPoint标注自定义图片、自定义内容、文字文本、标注便宜距离

markPoint: { label: { color: '#FFF', // 文字颜色 padding: [0, 0, 5, 0], // 可用padding调整图片内文字距离 show: true, formatter: '10:30' // 自定义文字内容 }, data: [{ ty..

2021-11-21 12:52:28 4927

原创 echarts radar雷达图常规使用

<div id="idRadar"></div>data() { return { // 雷达图 optionRadar: { color: '#1890FF', fontSize: 16, grid: { //绘图网格 left: '0', right: '0', top: '0', bottom:.

2021-11-21 12:11:46 3264 2

原创 HTTP1.0和HTTP1.1/2.0的区别

HTTP1.0和HTTP1.1主要区别如下：1.缓存处理 HTTP1.1相较于HTTP1.0,引入了更多缓存控制策略2.带宽优化及网络连接的使用3.错误通知的管理在HTTP1.1中新增了24个错误状态响应码，如409（Conflict）表示请求的资源与资源的当前状态发生冲突；410（Gone）表示服务器上的某个资源被永久性的删除。4.Host头处理在HTTP1.1中,每个请求和响应都必须写在HOST5.长连接 HTTP 1.1支持长连接（PersistentCo

2021-06-17 11:33:43 160

原创 webpack4配置相关

1、了解Webpack相关什么是webpackWebpack是一个模块打包器(bundler)。在Webpack看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理它将根据模块的依赖关系进行静态分析，生成对应的静态资源五个核心概念Entry：入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。Output：output 属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名

2021-03-24 11:07:54 210

原创 flex布局方法

标题伸缩盒子模型伸缩盒子模型控制的是父子关系父元素：伸缩容器子元素：伸缩项目主轴：start-end交叉轴（侧轴）Flex容器display:flexdisplay:-webkit-box(旧版本)主轴布局方向flex容器flex-direction：rowrow-reversecolumn：主轴与侧轴发生对调column-reverse富余空间管理（主轴）justify-content：flex-startflex-endcenterspace-arou

2021-03-22 20:40:48 164

m0_54281425的博客