![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
youngjqz
这个作者很懒,什么都没留下…
展开
-
Element 表单校验方法简单抽离
表单校验方法简单抽离原创 2022-06-22 15:22:05 · 284 阅读 · 1 评论 -
使用 class实现tab切换
使用面向对象实现了tab的切换,新增,编辑,删除html 结构 <body> <h1>Tab 切换</h1> <div class="main_box" id="tab_wrap"> <!-- tab --> <div class="tab_wrap"> <div class="tab"> <ul> <原创 2022-05-06 14:52:23 · 426 阅读 · 0 评论 -
ES6 中的 Class 类
ES6 中的新引入的 class 具有正式定义类的能力,我们可以使用 class 关键字来定义类,和函数类型相似,类的定义的主要方式是 类声明 和 类表达式1.类的定义类的两种定义的方式都需要使用到 class 关键字 // 类声明 class Person {} // 类表达式 let Person = class {};需要注意的是,类表达式和函数表达式类似,使用 var 关键字声明,在求值前引用,拿到的是undefined,如果是使用 let 关键字声明,则会报错,原因是使用原创 2022-05-04 17:20:02 · 1684 阅读 · 0 评论 -
JavaScript 节流函数封装
上一篇写了防抖,现在来写一下节流,节流函数是在一段时间内多次触发某个事件,但是在这一段时间内只执行一次,下面我们来实现一个 按钮在 N 秒之内点击多次,但是却执行一次,话不多说,上代码.// 首先,我们在 html 里面 写一个按钮<button id="button">点我点我快点我</button>和防抖一样,还是使用 setTimeout 来实现,按钮点击,创建延时,但是在延迟没有执行的情况下,我们不能再次创建延迟let button = document.query原创 2022-04-25 17:44:43 · 2633 阅读 · 0 评论 -
JavaScript 防抖函数 封装
防抖:将一定时间段内的多次高频操作优化为只在最后一次执行业务中简单的防抖:<input type="text" id="input">现在我们对input输入框的输入数据做防抖操作,持续输入的情况下在最后一次 keyup 触发的一秒钟之后打印输入框的结果;// 获取 DOM 元素let input=document.querySelector('#input');//给DOM元素添加 keyup 事件input.addEventListener('keyup',(e)=>{原创 2022-04-25 15:32:57 · 2682 阅读 · 0 评论 -
JavaScript 获取当前一周的日期
getCurrentWeek(date) { let nowData = new Date(date); //传入时间参数,如 2021-11-09 获取给定日期所属的周 日期 ;不给定日期,获取当天所属的周日期 let currentDay = nowData.getDay(); if (currentDay == 0) { currentDay = 7; } let beforweek = [], af.原创 2021-11-09 16:44:05 · 2153 阅读 · 0 评论 -
JavaScript 获取当前是周几
获取当前是周几: getWeekDate() { var now = new Date(); var day = now.getDay(); var weeks = new Array( "周日", "周一", "周二", "周三", "周四", "周五", "周六" ); var week = weeks[day];原创 2021-11-09 16:40:53 · 8853 阅读 · 0 评论 -
随机指定长度的字符串
createKeyS(len){// 字符串可以根据自己的let arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9','A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z','a', 'b', 'c', 'd', 'e', 'f', 'g'.原创 2021-08-20 14:56:39 · 75 阅读 · 0 评论 -
H5 实现 弹出弹层的同时阻止页面滚动
H5 实现 弹出弹层的同时阻止页面滚动通常自己写弹窗的时候,希望弹出弹窗后,弹窗下面的内容可以阻止滚动,优化体验效果;下面的代码可以实现let y;class lock{ static afterOpen() { // 弹出弹窗,设置body 的 position 为 fixed, 阻止body的滚动 Y = document.scrollingElement.scroll...原创 2020-03-11 15:39:00 · 762 阅读 · 0 评论 -
H5 监听手机返回事件
1.使用popstate监听返回事件//在mounted 里面挂载 popstate 事件mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, '#1'); window.addEventLis...原创 2019-11-26 13:55:34 · 3800 阅读 · 0 评论 -
JavaScript获取指定的某一天的时间
getDay(day){ var today = new Date(); var targetday=today.getTime() + 1000*60*60*24*day; today.setTime(targetday); //关键代码 var tYear = today.getFullYear(); //获取年份 var tMonth = tod...原创 2019-02-18 12:15:27 · 2779 阅读 · 0 评论 -
table 行合并
getSpanArr(data) { this.spanArr = []; if (data === null) { return; } for (var i = 0; i < data.length; i++) { if (i === 0) { this.spanArr.push(1);...原创 2019-01-30 15:28:24 · 937 阅读 · 0 评论 -
如何实现全选与反选
我们经常会看到有些网站中在需要有选项的地方会出现全选,当我们点击全选的时候,所有的都会被选中,下面我们来说一下如何实现这种效果。原创 2017-08-30 23:57:12 · 573 阅读 · 0 评论 -
DOM中的事件
事件就是文档或浏览器窗口发生的一些特定的交互瞬间,事件的三要素 分别是:事件源(触发事件的元素)、事件名称(触发事件的名称)、事件处理函数(触发事件时调用的函数)。原创 2017-08-31 00:26:32 · 231 阅读 · 0 评论 -
Tabl栏效果的实现
很多页面中会有Tab效果,Tab栏效果可以使页面展现更多的内容,而且视觉效果也很不错,那些Tab栏效果改如果实现呢?原创 2017-09-01 01:28:43 · 338 阅读 · 0 评论 -
Right-hand side of ‘instanceof’ is not an object
Right-hand side of ‘instanceof’ is not an object出现此错误的编码export default{ props: { duration: 3, }}正确的写法export default{ props: { duration: { type: Number, default: 3, }原创 2018-03-30 17:39:56 · 20213 阅读 · 0 评论 -
GIT 拉取项目
当别人已经建立好项目时,并且已将你加入项目 一: 查看自己是否生成ssh密匙 命令: cd ~/.ssh 如果可以进入到.ssh文件目录下,则说明之前生成过密匙,可以直接使用, 另一种情况则是之前没有配置过,需要进行以下操作 检查下自己之前有没有配置: git config user.name git config user.email 1)如果之前没有配置过 ① 配置 gi...原创 2018-04-17 09:35:10 · 3939 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “ty...原创 2018-04-13 15:25:50 · 2868 阅读 · 0 评论 -
一个函数实现数组的从大到小排列和从小到大排列
var arr2 = [12, 3, 4, 6, 78, 90]var arr3 = [12, 3, 4, 6, 78, 90] function sort(arr, order) { var result = []; for (var i = 0; i < arr.length + 1; i++) { // 不同的排列顺序 if (order...原创 2018-07-09 10:51:34 · 11535 阅读 · 0 评论 -
利用a标签下载图片
一般场景下<a href="/images/myw3schoolimage.jpg" download="w3logo">联合后端进行图片下载如果后端传过来的图片数据是base64格式的let src = `data:image/png;base64,${res.data}`; // res.data即为转成base64格式的图片数据let a = document.cr...原创 2018-11-15 15:50:22 · 4012 阅读 · 2 评论 -
JavaScript中的递归函数
递归和闭包作为JavaScript中的两大难点,让很多同学望而生畏,下面就以一个简单的阶乘来说一下我对于递归的理解原创 2017-08-24 20:59:32 · 1368 阅读 · 0 评论