- 博客(20)
- 收藏
- 关注
原创 正则匹配输入框全部是特殊字符
思路:1、去掉字符串中所有空格;2、 将字符串中所有的特殊字符替换为空;3、替换后的结果为空,则提示显示错误提示;replaceStr(value){ let valueTrim = value.replaceAll(' ','') // 去掉字符串中所有的空值 let valueTrimLen = valueTrim.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?
2022-02-15 11:20:46
503
原创 数值累加——函数式编程
函数式变编程比命令式编程 的代码逻辑更清晰更优雅1、通常写法const list= [ { name: 'apple', money: 20, },{ name: 'banana', money: 35 },{ name: 'pear', money: 22 },{ name: 'bread', money: 12 },{ name: 'others',
2022-02-15 09:13:17
582
原创 textarea的替代品div.contenteditable
标签定义多行文本属性控件,可容纳无限数量的文本,通过cols,rows属性设置textarea尺寸,当然也可以用css的width、height属性。需求: textare作为文本输入固然好用,但是在实际项目中,通过平台识别出来的原文和译文内容,需要默认展示出所有的字幕内容,不能滑动,textare无法自适应文字的高度,用户使用非常不方便,每次都要去拖拽textare的高度。第一波尝试:可编辑div(引发了其他问题,时间紧急直接放弃了)刚开始采用了div.contenteditable可编辑的div,
2022-01-29 15:32:47
1474
1
原创 多值匹配判断问题
对于多值匹配,可将所有值放在数组中,通过数组方法来简写if (value === 1 || value === 'one' || value === 2 || value === 'two') { // Execute some code}// 缩写1if ([1, 'one', 2, 'two'].indexOf(value) >= 0) { // Execute some code}//缩写2if ([1, 'one', 2, 'two'].includes(value
2021-12-15 17:03:59
269
原创 如何复制一个Js对象?
如何复制一个对象呢?1、简单粗暴复制 var obj1 = {name: 'lois'} var obj2 = obj1 obj2.age = 12 console.log(obj1) // {name: 'lois', age: 12} 如果改变obj2对象,会影响原来obj1对象,原始对象发生改变。那有什么办法,复制出一个对象,新对象的改变,不影响原来的对象呢?2、ES5中Object.assign() 方法来复制var obj1 = {name: 'lois'}var obj2
2021-11-12 11:50:39
1757
原创 字幕文件中时间转化
后端返回的时间是:8480400 ⇒ 后三位是毫秒,剩下的都是秒,然后将秒转化为时:分:秒(下取整和取模)在filter.js中export default { // 格式化字幕显示时间 formatTime(num) { if(num){ let str = num.toString() let newStr; if(str.length <= 3){ newStr = '00:00:00, ' + str;
2021-10-26 14:59:37
417
原创 vue微信公众号授权开发流程
vue微信公众号授权开发流程项目采用的是vue2.0开发的,还未更新到vue3.0.项目描述:只有通过微信授权登录,不需要绑定手机号。1、注册公众号,这个不多说了2、配置公众号在【公众号号设置】-【功能设置】-配置JS接口安全域名和网页授权域名;其中网页授权域名用于授权回调。3、授权流程(1)在author页面, 先判断是否有token,如果有则直接进入首页(如果接口返回了401,则说明token失效,清除缓存token,跳转到授权页面)。(2)如果没有token,则需要查看是否有code
2021-06-08 17:06:59
2109
原创 js中数组方法大汇总
数组方法1. 排序(1) sort()var arr = [1,2,4,5,5,3,2,2,1] arr.sort() // 从小到大排序(2) reverse() 方法反转数组中的元素arr.reverse()2. 遍历数组 for forEach(1) forEach() var arr = ['aa','cc','ff','bb'] var txt = '' arr.forEach(function(value,index,array){ txt = txt + valu
2021-02-24 09:28:38
91
原创 js中数值的方法
js中数值的方法1.toString() 数字转为字符串形式var number = 123number.toString() // "123"2. toFixed() 返回指定位数的字符串值var x = 9.333323x.toFixed() // "9"x.toFixed(1) // "9.3"3. valueOf() 返回数值var x = 121x.valueOf()(100 + 23).valueOf();4. Number() 将变量转化为数值var x = t
2021-02-23 17:40:25
234
原创 字符串的方法大汇总
一、字符串位置检索1. str.indexOf() 返回字符串中指定字符首次出现的位置// 如果找到返回具体索引值,如果没有找到则返回-1// 区别: indexOf() 从头到尾检索,首次出现;lastIndexOf() 方法向后进行检索(从尾到头)var str = “The full name of China is the People’s Republic of China.”var pos = str.indexOf(‘China’) // 17var pos = str.last
2021-02-23 17:22:00
147
原创 JQuery的循环遍历
**[Query的遍历] 1.$.grep()筛选遍历数组--筛选符合条件的元素,并返回新的数组2.$.each()筛选遍历数组或json对象3.$.inArray()筛选遍历数组4.$.map()筛选遍历数组**
2021-02-23 15:03:28
326
原创 原生js循环遍历
1、原生循环学习总结// 【原生js循环】——1、while(只要条件为真则不断的循环代码,这会导致浏览器崩溃。)// while (条件) {// 要执行的代码块// } var i = 0; while(i < 10){ i = i + 1 console.log(i) } // 【原生js循环】—— 2、do......while循环(先运行一次循环体,然后判断循环条件) // do { // 要执行的代码块 // }
2021-02-23 14:54:00
696
转载 深层选择器重置组件中的样式
有时,你需要修改第三方组件的CSS,这些都是 scoped 样式,移除 scope 或打开一个新的样式是不可能的。现在,深层选择器 >>> /deep/ ::v-deep 可以帮助你。<style scoped>>>> .scoped-third-party-class { color: gray;}</style><style scoped>/deep/ .scoped-third-party-class {
2020-08-19 17:48:17
134
原创 vue中列表排名,动态拼接地址,使用本地的图片不显示
在view模板中渲染数据时,需要这样显示: <!-- 动态拼接地址,使用本地的图片不显示 --> <!-- <img class="rank fl" :src="@/assets/img/rank/No."+{{index}}+"@2x.png" alt=""> --> <!-- 换这个方法 --> <img v-if="index<3" class="rank fl" :src="require('../../assets/img/r
2020-07-29 11:43:08
296
原创 VUE中实现展开、收起操作,动态改变元素高度
一、展开收起功能要求:课程简介,超过两行就隐藏,并且显示展开按钮;思路:1、利用css的属性默认显示2行,我写了一个公共的class(如ellipsis2) .ellipsis2{ // 仅显示2行,多余省略 overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-brea
2020-07-27 11:18:10
3753
原创 Vue列表中,如何实现多选?
首先看一下html列表:第一步:写html结构时,需要将选中的状态写好,当div的class是checked-item时,是选中的状态,所以我们只需要判断选中的时候,class带有checked-item即可;第二步:获取当前选中的id,@click="checkGroup(item.id)第三步:在选中的事件checkGroup中做处理:点击将id存放在数组groupIds中;includes()方法判断是否包含某一元素,返回true或false表示是否包含元素,对NaN一样有效如果包含此id(
2020-07-15 09:50:25
4433
原创 vue中v-for渲染,仅显示3条
vue中v-for渲染,实现显示3条,数据arr.slice(0,3),即可取出arr数据的前三条<div class="lc-item shadow-bd" v-for="(item,index) in newLessionList.slice(0,3)" @click="goBestStudy(item.id,item.courseId)" :key="index" > <div class="lc-cover">
2020-07-15 09:27:00
5755
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人