- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 echarts之环形饼图显示标注线的同时悬浮时正中间显示内容
写在前面 项目中碰到UI如此设计，查阅官方文档并没有同时兼容两者的配置，秉承开发中一句圣经——开发中80%碰到的问题前人早已碰到过（或踩过坑），接下来就是合理总结关键字，运用搜商，果然找到了需要的答案。呈现效果： 秉着好记性不如烂笔头，利己利人的原则，这里便记录下来。具体实现核心是利用两个相同大小的圆环，第一个显示外部指示线label，第二个将内容显示在中央。<!DOCTYPE html><html lang="en"&...
2022-05-07 10:00:14
4971
3
原创 element-ui el-dialog如何设置响应式宽高且永远水平垂直居中
写在前面el-dialog是使平常使用element-ui比较常用的一个组件，想要灵活控制它达到想要的开发效果，就必须要熟悉它默认一些属性：默认width:50%，高度为标题和el-dialog__body，el-dialog__footer内容以及padding撑开，定位上默认水平居中，距离顶端15vh具体实现原理是width采用百分比，height赋值为vh，覆盖el-dialog默认的top:15vh改为top: 0vh，最后设置定位让它来水平垂直居中。...
2022-04-27 18:16:57
10812
1
原创 echars图表一进来默认显示tooltip
写在前面项目中碰到一个小优化项，echarts图表渲染一进来默认显示指定标记点信息窗即tooltip，效果类似：动手实现核心是利用chart实例的dispatchAction方法 部分代码示例：*注:vue环境<template> <div :style="{width:width, height:height}"></div><template><script>export default ...
2022-04-27 16:55:41
6055
原创 element-ui el-drawer组件在指定div内打开
写在前面element-ui组件库中的el-drawer默认是相对整个网页窗口呈抽屉形式打开，如果有开发需求要求在指定的div里面打开呢具体实现 其实也很简单，核心是设置父元素position:relative或absolute，再设置el-drawer的position:absolute，使它相对于它的父元素定位部分代码示例： （*注:vue语法环境）<div style="height:680px"> <h2>这里是h2...
2022-04-27 15:55:10
8981
原创 JS获取浏览器可视区域宽高
写在前面浏览器可视区域宽高并不就等于浏览器窗口宽高，而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小因为比较简单所以直接上代码：let w, h;// 对于ie9以上浏览器（手机浏览器，一直是保持最新内核标准，当然也支持这种方式获取）w = window.innerWidth;h = window.innerHeight// 对于ie9以下w = document.documentElement.clientWidth;h = do...
2022-04-27 15:10:15
5069
2
原创 JS中如何跳出.forEach循环
写在前面 提到在一段程序中如果碰到需要终止，结束一个循环，函数或者一段代码，一般会想到以下这几个关键字return、continue、break简述一下三者的区别：break: 终止整个循环(有内层循环时终止的是内层循环)，退出switch语句；只能用于循环或者switch语句中，其他地方使用会报错 continue：与break相似，不同之处在于结束的是本次循环，相当于跳过本次循环执行下一次循环；只能用于while,do/while,for,for/in循环中，其他地方使用会报...
2022-04-27 14:43:30
24859
原创 JS数组深拷贝、对象深拷贝
写在前面为什么要做深拷贝？简而言之，这是由于js定义的基础数据类型和复杂数据类型的本质决定的。基础数据类型存储在堆中，拷贝赋值引用的是值，修改拷贝后的值并不会影响原值；而复杂数据类型值存储在堆中，引用地址存储在栈中，拷贝赋值的是引用地址，修改拷贝后的值会修改原先的值。有时候需要对copy的数据进行修改，但不想破坏原先的值，这就需要做深拷贝了。具体实现数组的深拷贝 方法一： 利用for循环+pushlet arr = [1, 2, 3, 4, 5...
2022-04-26 17:54:28
800
转载 编辑系统文件夹下hosts文件提示无权限
在win浏览器使用虚拟机主机名访问的时候需要在hosts文件中添加配置，但是在编辑保存时往往会显示出错显示无权限，这时候需要修改文件的属性配置。1.右击文件后点击【属性】——【安全】——【高级】2.点击【添加】3.点击【选择主体】4.点击【高级】5.点击【立即查找】6.在下方找到自己的当前用户（大概就是锁屏时候出现的那个要密码登录的用户名），然后点击【确定】7.把可以选择的权限全部勾上，然后点击【确定】8.点击【确定】——【是】所有步骤完成！O(∩_∩)O哈哈~ 这时ho
2022-01-26 17:01:11
66
转载 处理浏览器记住密码后input框的背景色为淡黄色的问题
找到对应代码块，附加以下css样式：input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent;
2022-01-06 16:35:12
761
1
转载 PhotoShop，CSS 文字间距 与像素之间的换算
最近遇到一问题，就是前端Web工程师按照设计稿上，字体大小一样但是实际显示效果和设计稿又不相同。这是为什么呢？思考一下便得到了问题所在是字体间距行距的问题。然后具体锁定为间距的问题，因为行距只是关系到每行之间的距离而对每一行中字体相对位置没有具体关系，废话少说进入主题。众所周知，ps设计行业字体单位有像素、点、傍 等单位，我们这里以像素为例子，而所谓的间距“-100、-75、-50、。。。。0、。。。。100”，这些其实是个相对关系和实际字体大小相关，文字字体越大实际间距也就越大，反之就越小。实际像素
2022-01-06 10:43:56
1240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人