<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[muxi229的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/muxi229</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; muxi229]]></copyright><item><title><![CDATA[防抖节流用addEventListener生效，onclick不生效问题]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/137992545</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/137992545</guid><author>muxi229</author><pubDate>Sat, 20 Apr 2024 16:07:21 +0800</pubDate><description><![CDATA[防抖问题解析：事件监听addEventLisenter防抖生效，onclick点击防抖无效问题]]></description><category></category></item><item><title><![CDATA[前端实现一键复制]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/136820636</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/136820636</guid><author>muxi229</author><pubDate>Tue, 19 Mar 2024 19:45:18 +0800</pubDate><description><![CDATA[clipboard实现一键复制]]></description><category></category></item><item><title><![CDATA[正则验证输入字符是 0或者60-1000的数字]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/111888969</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/111888969</guid><author>muxi229</author><pubDate>Tue, 29 Dec 2020 12:07:37 +0800</pubDate><description><![CDATA[正则表达式为：
^([6-9][0-9]|[1-9][0-9][0-9]|1000|0)$

在线验证链接：https://c.runoob.com/front-end/854
解析：
输入0，60-1000
可分为 60-99，100-999，1000，0

]]></description><category></category></item><item><title><![CDATA[函数传递数值时将数值0省略（转换成了科学计数法）]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/109649222</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/109649222</guid><author>muxi229</author><pubDate>Thu, 12 Nov 2020 20:20:54 +0800</pubDate><description><![CDATA[遇到的问题
做表格数据修改时，需要传递ID值，这个ID值是后端给的，数据都正确。如图：

但是，前端函数传值时，把 1-10 的ID 1.10 自动转为了 1.1，导致修改的是1-1的值。
方法
1.给要传递的数字加引号，将其作为字符串传递
var div=document.createElement("div");
var pmOperation=document.createElement("button");

	$(pmOperation).attr({"type":"button",
		"onc]]></description><category></category></item><item><title><![CDATA[防抖，节流]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/107786356</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/107786356</guid><author>muxi229</author><pubDate>Tue, 04 Aug 2020 15:26:16 +0800</pubDate><description><![CDATA[防抖&amp;节流
使用原因：
为防止用户频繁操作，导致页面卡顿，浏览器崩溃等情况，防抖和节流就是解决这种情况。
写在开头（文字功底太差啦，以后每篇一句）：

于一切眼中看见无所有，于无所希望中得救。

1.防抖
防抖可以看做是公交车司机等车站最后一个人上车后才出发
运用场景：
实时搜索（keyup），拖拽 (mousemove）
最主要要把时间清除
（本来想把代码贴出来的，就这样凑活一下吧。把笔记写在oneNode里了，发现从里面拷贝出来的全是图片 ）

2.节流
节流可以看做火车在站台等待一定时间，时间]]></description><category></category></item><item><title><![CDATA[js实现验证码]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/107506693</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/107506693</guid><author>muxi229</author><pubDate>Wed, 22 Jul 2020 10:54:22 +0800</pubDate><description><![CDATA[命运所赠送的礼物，早已暗中标好价格

前言
算上实习，现在算是工作两年了，上学的时候没好好学，到现在也没去了解过验证码是如何实现的。昨天看到一篇关于验证码的博文，跟着练了一下。
js实现验证码功能一文写的非常清楚，可以了解一下。
效果：

解析：
a.生成随机码，由26位大小写字母和数字组合而成。
b.判断输入框输入的值是否与验证码一致。
1.random生成[0,1)之间的随机数，
生成 [min,max] 之间的随机数
function getRndInteger(min, max) {
    re.]]></description><category></category></item><item><title><![CDATA[for in,each,forEach如何遍历对象和数组]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/107390713</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/107390713</guid><author>muxi229</author><pubDate>Fri, 17 Jul 2020 10:06:28 +0800</pubDate><description><![CDATA[for in,each,forEach遍历
关于三者遍历，傻傻分不清？有博文写的很清楚，这里做下总结以便区分记忆。
1.for in

for(var key in data){  }
遍历数组和对象其实可以看成一样的，key就代表数组的下标和对象的键值，
都需要通过 data[key] 取得具体值


遍历对象

var obj = {'a':'A','b':'B','c':'C'};
for(var key in obj){
    console.log(key,obj[key])
}



遍历数组]]></description><category></category></item><item><title><![CDATA[scrollTop()方法]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/106849535</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/106849535</guid><author>muxi229</author><pubDate>Fri, 19 Jun 2020 11:22:41 +0800</pubDate><description><![CDATA[scrollTop设置滚动条用法
前提
工作中需要做一个点击右侧网元或板卡，左侧topo图滚动到对应位置
用到的知识点
 scrollTop(),position()，工作环境中用了Jtopo,Ztree


scrollTop定义与用法


scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
$(selector).scrollTop(offset)     ]]></description><category></category></item><item><title><![CDATA[css relative和absolute定位问题]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/106556647</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/106556647</guid><author>muxi229</author><pubDate>Thu, 04 Jun 2020 19:52:32 +0800</pubDate><description><![CDATA[css定位（relative&amp;absolute）
1.relative
相对定位，标准文档流，是相对于自身进行定位，偏移属性有top,bottom,left,right
(ps:以前都是输入，以后要经常输出啦)
定位之前：

定位以后：

2.absolute
绝对定位，脱离标准文档流
定位前：
定位后：div4脱离标准文档流，后面div顺势补上

如果不给父元素设置定位，则其相对于body定位

3源代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&]]></description><category></category></item><item><title><![CDATA[Vue-Devtools安装配置教程]]></title><link>https://blog.youkuaiyun.com/muxi229/article/details/106473168</link><guid>https://blog.youkuaiyun.com/muxi229/article/details/106473168</guid><author>muxi229</author><pubDate>Mon, 01 Jun 2020 15:57:12 +0800</pubDate><description><![CDATA[Vue-Devtools安装配置教程
安装dev-tools总结
个人比较懒，不写了，直接拿来用（文末附有原文链接）：
1.GitHub上下载解压：下载dev-tool链接（防止以后原博主的链接失效，将压缩包上传至个人GitHub）
2.打开google浏览器，输入地址 chrome://extensions/ ，点击加载已解压的扩展程序

以上安装好后可以正常使用的话就不用往下看啦
以上安装好后可以正常使用的话就不用往下看啦
3.安装好后，重新启动项目，工具栏没有出现vue-tools图标

解决方案：
]]></description><category></category></item></channel></rss>