JS
关注
分享
扫一扫
茂茂睡不醒
defined but never used
展开
-
用js实现防抖和节流
节流（throttle）是指在一定时间间隔内，无论用户触发多少次某个函数，只执行一次该函数。节流可以用于如滚动监听等需要频繁触发函数的场景。防抖和节流是 JavaScript 中常用的函数优化技巧，它们可以限制特定的函数执行次数，提高页面性能并避免浏览器崩溃等问题。作为参数，并返回一个新函数。当新函数被调用时，它会使用。函数，如果在这段时间内新函数被再次调用，则清除上一个。定时器并重新设置一个新的定时器，以此类推。函数，它接受一个需要执行的函数。原创 2023-04-20 15:51:27 · 337 阅读 · 0 评论 -
el-table绑定的数组里面的对象值进行修改时，视图没有更新
其中，array是绑定到el-table的数组，index是需要修改的对象在数组中的索引位置，propertyName是需要修改的属性名称，newValue是新的属性值。其中，findIndex()方法用于查找满足条件的元素在数组中的索引位置，item是数组中的每个元素，item.id表示对象的id属性值，2表示要查找的id值。其中，第一个参数是数组对象，第二个参数是对象在数组中的索引位置，第三个参数是一个新的对象，它继承了原始对象的所有属性，但是将age属性值改为20。原创 2023-04-20 13:45:40 · 2786 阅读 · 0 评论 -
vue报错Eror in v-on handler: “TypeError: Cannot set property name of #＜File＞ which has only a getter“
这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时，在触发上传事件时尝试修改表单元素的值。文件上传表单元素是只读的，因为浏览器不允许 JavaScript 直接设置它们的值。因此，当你试图修改一个文件上传表单元素的值时，就会出现这个错误。原创 2023-04-20 11:50:47 · 5561 阅读 · 0 评论 -
vue2和vue3中的diff算法
vue2和vue3中的diff算法介绍以及区别原创 2023-03-28 15:11:12 · 1623 阅读 · 0 评论 -
js中的回调地狱
js中的回调地狱原创 2023-03-06 15:51:38 · 831 阅读 · 0 评论 -
vue中获取文件二进制流并打开新标签页预览
vue中获取文件二进制流并打开新标签页预览原创 2023-02-28 10:48:00 · 2957 阅读 · 1 评论 -
vue中兄弟组件传值
vue中兄弟组件传值原创 2023-02-23 11:26:52 · 260 阅读 · 0 评论 -
element-ui中el-table点击其他自定义按钮展开table中某一行
在日常开发中，我们遇见了会有点击某些按钮，使得表格行展开的需求，这时候去查看文档element-ui（table）这里官方提供了示例为在行最左侧有一个展开合并icon，但是点其他地方不能展开，我们又想点其他地方而展开我们看见是在table-column上定了type为expand，而该列里面的自定义模板便是展开后显示的内容我们想要实现点击自定义功能，继续查阅文档：这里的expand-row-keys文档解释说可以设置当前已展开的行，那么我们可以给table绑定这个属性，在点击方法里面进行绑定原创 2023-02-17 14:07:48 · 5235 阅读 · 1 评论 -
vue中针对el-table表格的拖拽
vue中针对el-table表格的拖拽原创 2023-02-01 18:06:03 · 4242 阅读 · 0 评论 -
uni-app获取本机的mac地址
//获取设备的mac地址 getDeviceMac() { //获取本机Mac地址 var deviceMac = ''; var net = plus.android.importClass('java.net.NetworkInterface'); var wl0 = net.getByName('wlan0'); var macByte = wl0.getHardwareAddress(); deviceMac = ''; for (var i = 0;原创 2022-12-16 22:20:57 · 2838 阅读 · 4 评论 -
vue中watch函数调用methods中的方法
我们在开发中难免会遇见监听某个值的场景，这时候就要用到咱们vue中的watch，然后咱们在watch里面监听后对应不同的逻辑调用不同的处理方法。那么咱们这里正确的做法是不要使用箭头函数，使用普通的function函数。说是咱们调用的这个getEqLists方法未定义。这样的话，就可以成功调用了。这时候浏览器就报错了。原创 2022-12-12 10:59:52 · 1068 阅读 · 0 评论 -
es6中的（?. 、??）语法
es6中的（?. 、??）语法原创 2022-12-05 16:26:31 · 5263 阅读 · 0 评论 -
javascript中格式化时间，时间戳与时间相互转化，显示为年月日时分秒星期
javascript中格式化时间，时间戳与时间相互转化，显示为年月日时分秒星期原创 2022-11-09 16:01:40 · 938 阅读 · 0 评论 -
js的垃圾回收机制
js垃圾回收机制理解原创 2022-10-26 16:13:38 · 474 阅读 · 2 评论 -
js中的原型和原型链
js中的原型和原型链原创 2022-06-24 16:13:25 · 311 阅读 · 0 评论 -
JavaScript中的闭包
javascript中的闭包原创 2022-06-24 15:59:18 · 230 阅读 · 0 评论 -
JS使用try，catch判断解析的情况
try语句包含了三种声明：try...catch try...finally try...catch...finallycatch子句包含try块中抛出异常时要执行的语句。也就是，你想让try语句中的内容成功， 如果没成功，你想控制接下来发生的事情，这时你可以在catch语句中实现。 如果在try块中有任何一个语句（或者从try块中调用的函数）抛出异常，控制立即转向catch子句。如果在try块中没有异常抛出，会跳过catch子句。finally子句在try块和catch块之后执行但是在下一个原创 2022-05-06 11:30:47 · 1028 阅读 · 0 评论 -
推荐用vsCode写前端的几个好用的插件
vsCode强大之处除了它免费以外，它的插件功能也是非常的强大，这里推荐几个写前端推荐用的插件（大佬别喷，我也是菜鸡！！！）Auto Rename Tag这个插件最强大的就是，在写html标签时，修改标签名，闭合标签会自动更改...原创 2022-04-29 11:32:24 · 994 阅读 · 0 评论 -
React中的useSelector+useDispatch
React中的useSelector+useDispatch我们都知道，Vue中的Vuex是Vue提供的一个全局性的状态管理仓库和工具，通过Vuex，很多事情就可以不调用接口和传值，只需要调用仓库去使用即可。那么在React中也有这样的状态管理仓库，它叫Redux。当函数式组件要使用 redux store 时调用useSelector+useDispatch这两个钩子函数。例子：首先建立 redux store. 一个App 只能有唯一一个 redux store。此文件是一个手动建立的文件，这样原创 2022-04-25 10:34:31 · 2514 阅读 · 0 评论 -
pc端网页唤起本地的咚咚和千牛
前段时间接手了一个需求，需求大概就是pc端的产品需要做一个点击按钮唤起咚咚和千牛，并且需要打开对应的顾客聊天窗口。当时接到这个需求人都不好了，大牛们都没接触过这个需求，不知道咚咚和千牛的协议，去看淘宝和京东开发平台的文档也没发现什么有用的，然后就一直考古呀考古。。。最后还是实现了，代码如下：先来介绍唤起咚咚的window.location.href = `aliim:sendmsg?touid=cntaobao${buyerName}&uid=cntaobao${val......原创 2022-04-24 19:49:36 · 2786 阅读 · 0 评论 -
react中的useMemo和useCallback
react中的useMemo和useCallback原创 2022-03-28 10:34:38 · 1607 阅读 · 0 评论 -
react如何让ant中select组件失去焦点
react如何让ant中select组件失去焦点我们在开发时，经常遇见很多定制化的需求，这里我讲一下我处理select组件失去焦点的方法首先，我使用的是函数式组件，介绍到一种东西叫做ref，相信大家应该都知道。它可以在dom节点上使用，可以引用真实的dom节点我们给select组件一个ref属性然后定义一下seleRef在对其进行使用时，只需即可调用当前组件dom的方法...原创 2022-03-17 15:01:16 · 2996 阅读 · 0 评论 -
Vue中为什么不建议v-if和v-for一起使用
Vue中为什么不建议v-if和v-for一起使用我们先来看一段代码<h-tab-pane v-for="(item, index) in tabItems" :key="index" :label="item.title" :id="item.id" :name="item.id" v-if="item.show"原创 2022-01-06 17:26:38 · 734 阅读 · 0 评论 -
umi.request获取响应头headers里面的内容
umi.request获取响应头headers里面的内容我们在日常开发中，难免会遇见需要使用服务器时间的场景，这个时候，如果去服务端写哥时间time.Now()函数获取当前的时间，再包在请求处理函数里面返回给前端那么会非常的麻烦，那么，怎么办呢？我们打开控制台的network看一下在请求的标头里面，响应头中，是函数个参数名叫date的参数，它是本条请求发送到服务器，服务器返回时所记录的时间，但是！请注意！，这里的date时间时世界时间，也就是说，这个时间不是北京时间，不能直接拿来用，需要进行转换。原创 2021-10-22 15:20:23 · 5903 阅读 · 0 评论 -
js中localStorage存储数据的格式
js中localStorage存储数据的格式我们在平时开发的时候，难免会遇到使用本地存储，比如记住账号密码啊之类的，这个时候，我们就要清楚，本地存储的数据的数据类型都是字符串类型，这一点大家要清楚。这里控制台打印的是string字符串类型。然后呢关于本地存储的几个方法存储：（）里面第一个参数是key，第二个参数是value。取出：（）里面只能传一个参数，那就是key值，然后返回的是指定key的value值删除：（）里面只能传一个参数，那就是key值，删除目标key和其对应的val原创 2021-08-16 17:11:40 · 530 阅读 · 0 评论 -
关于js中keycode被弃用的解决替换方案
关于js中keycode被弃用的解决替换方案话不多说，上图！我们可以看见，强大的代码提示告诉我们，这keycode即将或右键被弃用。这里我们原来使用的是document去监听键盘抬起来的事件，然后通过keycode获得的对应的值去判断是否为某一个按键来进行相应的操作，这里我判断的是enter回车键，然后效果如下这里，依然还可以支持此方法，但是我们查看官方文档：话不多说，上链接https://developer.mozilla.org/zh-CN/docs/Web/API/Keyboard原创 2021-05-10 09:19:15 · 21399 阅读 · 5 评论 -
用Javascript实现记住账号和密码
用Javascript实现记住账号和密码正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在我们日常使用app以及网站时，通常会遇见浏览器自动储存用户的账号密码等相关情况，那么，这个功能我们可以使用JS的本地存储来进行实现代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content原创 2021-02-09 20:49:20 · 4614 阅读 · 0 评论 -
缓动动画原理
缓动动画原理正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教缓动动画就是在网页或者app中某个部分区块移动速度由快到慢代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0原创 2021-02-07 15:48:10 · 245 阅读 · 0 评论 -
用Javascript实现固定侧边栏
用Javascript实现固定侧边栏正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教我们在逛某某商城的时候，或者某些网站的时候，通常会遇到有个东西叫做侧边栏，这个东西会跟随我们浏览器浏览长度来进行变化1，从而实现相对窗口的固定位置1**代码如下**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2021-02-07 12:54:54 · 2293 阅读 · 5 评论 -
用Javascript实现点击按钮倒计时跳转到其他页面
用Javascript实现点击按钮倒计时跳转到其他页面正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在光网页时，我们通常点击某个按钮不会立即跳转，而是倒计时，等几秒钟之后再进行跳转，下面我们用代码来实现**代码如下**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><原创 2021-02-07 11:37:40 · 1747 阅读 · 3 评论 -
用Javascript实现发送短信验证码间隔
用Javascript实现发送短信验证码间隔正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在很多app和网站中，我们登陆或者注册账号，会有一个发送短信验证码的地方1，然而为了防止恶意获取验证码，我们一般都设置了可点击的时间间隔，时间间隔1完了过后，便又可以继续发送，接下来用代码实现代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-02-07 11:21:33 · 504 阅读 · 0 评论 -
用Javascript实现倒计时关闭广告案例
用Javascript实现倒计时关闭广告案例正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在很多app与网页中，我们可以看到这样的广告：进入某个网站后，会弹出一个广告，然后广告会有倒计时，倒计时结束，这个广告便会消失，下面我们用代码来实现这一功能代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title原创 2021-02-07 11:02:06 · 843 阅读 · 3 评论 -
用Javascript实现倒计时效果
用Javascript实现倒计时效果正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在某些商城网站中，我们常常可以看见其网站或者app上有一个区域放的是倒计时，来用来提醒用户还有多少时间将会发生什么事情，下面我们用代码来对其进行实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</ti原创 2021-02-07 10:37:46 · 450 阅读 · 0 评论 -
用Javascript实现留言板案例（附带删除留言）
用Javascript实现留言板案例（附带删除留言）正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在一些网站的讨论品论区，我们通常可以看见会有留言板这个功能，然后当用户评论时，空评论不能评论，发布的评论将会最新显示，把旧的评论抵下去，然后博主可以对评论进行删除代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2021-02-01 22:23:22 · 3018 阅读 · 4 评论 -
（排他思想）用Javascript实现tab栏切换，并在下方显示不同的内容
用Javascript实现tab栏切换，并在下方显示不同的内容正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教我们在逛网页的过程当中，通常会看见一排选择框，我们点击不同的选择框，那么便会出来所对应的内容，这个案例在各大网商平台应该非常的常见代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo原创 2021-01-31 00:25:30 · 1141 阅读 · 3 评论 -
用Javascript实现鼠标经过某一行，那一行变色
用Javascript实现鼠标经过某一行，那一行变色正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教我们在浏览网页时，经常会遇见这种情况，就是有多行显示时，你的鼠标经过这些行，便会使这些行变成其他的颜色，离开了又变回原来的颜色，用来区分你现在鼠标所停留的是哪行。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2021-01-30 23:52:22 · 2350 阅读 · 9 评论 -
（排他思想）用Javascript实现复选框全选/反选功能
用Javascript实现复选框全选/反选功能正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在我们实际的项目之中，经常会遇见一些选择框，这些选择框有个全选的选择框，点击过后便会选择后面所有的选择框，当再一次点击全选框时，所有选择的复选框又都会变成未选择的状态。不点击全选框，当点击完其他的选择框时，全选框也会自动被选择。代码如下<!DOCTYPE html><html lang="en"><head> <meta char原创 2021-01-30 23:18:58 · 537 阅读 · 0 评论 -
用css实现鼠标移过某个元素使元素的样式发生变化
用css实现鼠标移过某个标签使标签的样式发生变化正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在很多项目里面都会有这样一个功能，那就是鼠标飘过某个元素时，元素的样式发生变化，这里我们就用到了hover来进行实现代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2021-01-28 21:36:43 · 2715 阅读 · 3 评论 -
用Javascript实现点击input输入框后输入框的提示文字消失,并且边框颜色发生变化（包含input框的password类型如何显示提示文字）
用Javascript实现点击input输入框后输入框的提示文字消失。并且边框颜色发生变化（包含input框的password类型如何显示提示文字）正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教功能一在很多现实案例中，登陆或者注册页面里面的输入框里面会有一些提示信息，然后点击输入框进行输入内容时，这些提示文字则消失。下面用代码来实现<!DOCTYPE html><html lang="en"><head> <meta ch原创 2021-01-28 21:20:46 · 3734 阅读 · 3 评论 -
用Javascript实现关闭广告案例
用Javascript实现关闭广告案例正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教我们在网页中经常可以看见烦人的小广告，并且广告的旁边通常会有一个特定的位置和图标来关闭这个广告图。下面用JS代码来简单的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st原创 2021-01-28 20:21:48 · 3412 阅读 · 5 评论