2020年06月_MYG_G

原创 css图片无法显示时候显示alt内容

图片加载失败如下雨，当图片展示base64失败的时候，会展示出img 的alt属性后面的值，这样就会有个bug,我这里是目录，目录作为alt,目录就显示了两遍，所以把alt去掉以后就好了。

2020-06-29 14:30:54 1047

//1.scrollTop(滚动条到页面顶端的距离)var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;//2.scrollLeft（滚动条到页面左边的距离）var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;//3.byClassName的兼容function byClassNam

2020-06-28 14:58:51 180

原创阻止浏览器的默认行为---超链接

<body> <a href="http://www.baidu.com">百度</a> <script> //阻止浏览器的默认行为---超链接 var oA=document.getElementsByTagName('a')[0]; oA.onclick=function(evt){ var e = evt || window.event; //e.preventDefault();//标准浏览器阻止超链接默认行为 //e.retur

2020-06-28 14:56:25 607

原创添加和删除事件监听的兼容

<body> <input type="button" name="btn" id="btn" value="按钮" /> <script> var oBtn=document.getElementById("btn");// oBtn.οnclick=fn1;原来方法无法一一调用，现在启用事件监听// oBtn.οnclick=fn2;// oBtn.οnclick=fn3; //标准浏览器添加时事件监听 /.

2020-06-28 14:52:34 240

原创 js树结构数据处理成一维数组（递归）

话不多说，直接上代码const makeList = (roles) => { if (!Array.isArray(roles)) { return { menus: null,}; } const menus = []; const recursion = (dataArr, parentPathname) => { dataArr.forEach((data) => { if (data && typeof data =

2020-06-24 14:29:58 2001

原创 js浮点数乘法bug

bug原因：JavaScript 内部只有一种数字类型Number，也就是说，JavaScript 语言的底层根本没有整数，所有数字都是以IEEE-754标准格式64位浮点数形式储存，1与1.0是相同的。因为有些小数以二进制表示位数是无穷的。JavaScript会把超出53位之后的二进制舍弃，所以涉及小数的比较和运算就会出问题，博主刚刚就到了，计算价格的时候，如下图。111.1*12得到如下：解决方法一：这个方法还是有问题的，当111.11 * 7 * 49的时候也会有问题/** **

2020-06-23 15:47:50 789

原创 JS获取事件源

获取事件源原理：将子元素的事件交给父元素处理，提高性能，利用事件冒泡<body> <ul id='ul'> <li>1</li> <li>2</li> <li>3</li> <h4>hhhh4444</h4> <li>4</li> <li>5</li> <li>6</li&gt

2020-06-22 15:03:22 1807

原创 JS阻止拖拽的默认行为

<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width:100px; height:100px; background: orangered; position: absolute; } #box2{ width:100px; height:100px.

2020-06-22 14:56:53 2748

转载写代码超好用网站

原文链接：https://blog.csdn.net/qq_43901693/article/details/104750730总结了 150 余个神奇网站，你不来瞅瞅吗？写代码的网址程序员在线工具：https://tool.lu/菜鸟工具：https://c.runoob.com/toolfk：https://www.toolfk.com/...

2020-06-18 15:32:52 2108

原创 js如何显示base64格式图片

解决方法// v.img是指base64格式的图片数据流<img src={`data:;base64,${v.img}`} />

2020-06-18 10:50:52 4712

原创 antd Tree选中的时候需要获取父元素id

博主在做权限树的时候，遇到过这样一个问题。只要子元素有一个元素被选中，后端需要我把选中节点的父元素也传过去。但是antd Tree默认的checkedKeys中只有子元素全部选中的时候才会把父元素选中，checkedKeys才会包含父元素的值。解决方法：在onCheck事件里，有两个参数checkedKeys（你选中的元素）, info（包含选中子节点的信息），在info里就有他父节点的信息，可以通过info.halfCheckedKeys来获取。然后把父节点元素和子节点放在一个数组，传给后端就好了。上

2020-06-12 16:43:04 5404 7

原创 JS Switch用法

Switch用法在你用js写了一大堆的if else以后，逻辑肯定是没毛病的，但是代码的简洁度就没有那么好了，那就来试试switch吧????。cosnt v = { id : 1}let x = ''//if用法if (v.id == '1') { x='1111';} else if (v.id == '2') { x='2222';} else if (v.id == '3') { x='3333';}//switch用法switch (v.id) { ca

2020-06-12 11:18:25 954

原创 Mac设置内网的网关（命令操作）

话不多说，先上代码设置网关sudo route -n delete 192.168.0.0 192.168.1.1 // 移除之前设置的路由，移除的原因是Mac的问题，比如你前一秒设置好以后，拔了转接头，再插上，这时候你是连不上内网的，并且，你如果不删除的话，即使执行下面操作，也连不上，所以必须在添加之前要删掉之前对的路由哦networksetup -setmanual "USB 10/100 LAN" 192.168.1.11 255.255.255.0 192.168.1.1sudo ro

2020-06-11 16:14:41 7175

原创 antd table动态控制指定列的显隐

应用场景博主刚刚在敲代码的时候，遇到了这样一个需求：列表中有A，B,C三列，如果B没有数据的时候，将B隐藏。什么鬼????，博主使用的是antd3.0版本，用的最基础的Table插件。解决方案在column中动态添加B列，拿到数据以后，判断列表中B是否有数据，没数据不作处理，有数据动态添加B列属性到column中。上代码！！！// 先将含有A,C的column写好column = [ { title: '商品名1', dataInd

2020-06-11 16:04:30 13815 8

转载同源策略和 window.opener安全问题

原文链接：https://blog.csdn.net/qq_43624878/article/details/106623518刚刚看了一篇关于Web安全的博客，感觉很不错，下面内容全部来自原文链接中的博客，有兴趣大家可以看下。同源策略同源：如果两个URL的协议、域名和端口都相同，我们就称这两个URL为同源。关于同源问题，经常能碰上一些【意想不到】的“惊喜”：同源策略限制了来自不同源的JavaScript脚本对当前DOM对象的读和写的操作同源策略限制了不同源站点读取当前站点的Cookie、In

2020-06-09 16:21:38 1010

原创 Vscode无法写入文件 NoPermissions (FileSystemError): Error: EACCES: permission denied, open /Users/mayani

博主刚刚用Vscode想要新建一个index.html的时候遇到了下图问题，说没有权限无法写入文件。没有权限，咱们给他加上权限哈哈哈，博主是Mac电脑，如下操作：1.找到你项目的根目录，右键，点击“显示简介”。2.在最下方，你会看到一个小锁，先把锁????打开才能进行操作，然后红色区域共享与权限，你会看到只读，你需要把只读改成读与写，这样就好了。3.权限改成读与写以后，上锁????。然后在去vscode就可以随便操作了，哈哈哈。...

2020-06-03 16:54:46 15895 2

原创 idea 2018版本中没有SVN按钮或者图标的解决方法

之前博主已经配置过SVN，有一天用idea打开带SVN的项目不显示SVN信息，项目右键SVN以及图标还有Changes都不显示解决方法解决方法：在VCS菜单中有个开关，叫Enabled Version Control Integration，在打开的窗口的选项中选择Subversion即可。操作如下图第一步：找到菜单栏，选择VCS，选中Enabled Version Control Integration。第二步：弹出界面中选择：Subversion。然后查看右上角，就出现了SVN图标啦~

2020-06-03 16:20:16 2309 4

原创 echarts柱状图鼠标移入改变柱状的颜色，移出恢复原来颜色

echarts柱状图鼠标移入改变柱状的颜色，移出恢复原来颜色如下图：鼠标移入变色，移出恢复正常色图形样式，可设置图表内图形的默认样式和强调样式（悬浮时样式）：itemStyle: {normal: {…},emphasis: {…}}其中normal和emphasis属性为对象，通过有效设置itemStyle的normal和emphasis选项可实现以上的操作，亲测有效哦。series: [{ name: XXX', type: 'bar', barWidth: '30%

2020-06-03 16:08:28 8821 2

转载实现ECharts双Y轴左右刻度线一致

实现ECharts双Y轴左右刻度线一致原文链接：https://blog.csdn.net/qq_40845885/article/details/82108525博主亲测可用哦，先上图：这是未解决的，双Y轴左右刻度线不一致这是已解决的，双Y轴左右刻度线一致1、原因刻度在显示时，分割段数不一样，导致左右的刻度线不一致，不能重合在一起。2、思路根据上面的原因去分析，要想左右的刻度线一致，分隔的段数是必须是一样的，这样才能重合。3、解决方法①首先固定两边的分隔的段数。①分别求出左边Y轴

2020-06-03 15:50:23 6852 1

MYG_G