- 博客(20)
- 收藏
- 关注
RSS订阅
原创 正则匹配输入框全部是特殊字符
思路：1、去掉字符串中所有空格；2、 将字符串中所有的特殊字符替换为空；3、替换后的结果为空，则提示显示错误提示；replaceStr(value){ let valueTrim = value.replaceAll(' ','') // 去掉字符串中所有的空值 let valueTrimLen = valueTrim.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？
2022-02-15 11:20:46
459
原创 数值累加——函数式编程
函数式变编程比命令式编程 的代码逻辑更清晰更优雅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
512
原创 textarea的替代品div.contenteditable
标签定义多行文本属性控件，可容纳无限数量的文本，通过cols，rows属性设置textarea尺寸，当然也可以用css的width、height属性。需求： textare作为文本输入固然好用，但是在实际项目中，通过平台识别出来的原文和译文内容，需要默认展示出所有的字幕内容，不能滑动，textare无法自适应文字的高度，用户使用非常不方便，每次都要去拖拽textare的高度。第一波尝试：可编辑div（引发了其他问题，时间紧急直接放弃了）刚开始采用了div.contenteditable可编辑的div，
2022-01-29 15:32:47
1283
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
220
原创 如何复制一个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
1692
原创 字幕文件中时间转化
后端返回的时间是：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
299
原创 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
1619
原创 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
64
原创 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
200
原创 字符串的方法大汇总
一、字符串位置检索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
110
原创 JQuery的循环遍历
**[Query的遍历] 1.$.grep()筛选遍历数组--筛选符合条件的元素,并返回新的数组2.$.each()筛选遍历数组或json对象3.$.inArray()筛选遍历数组4.$.map()筛选遍历数组**
2021-02-23 15:03:28
265
原创 原生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
629
转载 深层选择器重置组件中的样式
有时，你需要修改第三方组件的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
108
原创 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
248
原创 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
3601
原创 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
4265
原创 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
5414
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人