JS
h&jjj
这个作者很懒,什么都没留下…
展开
-
实现全网页高亮关键词(一)
全网页高亮关键词,遍历得到文本节点。替换节点内容原创 2022-11-17 18:27:55 · 865 阅读 · 1 评论 -
关于实现call-apply-bind
实现call-apply-bind函数原创 2022-07-07 16:37:23 · 164 阅读 · 0 评论 -
截取带标签字符串个数再返回
背景:转发微博//@游向王者目标:网友翻出<font color='red'>杨</font><font color='red'>丽</font><font color='red'>萍</font>35岁时的视频,视频中的<font color='red'>杨</font><font color='red'>丽</font><font color='red'>萍</fon原创 2022-05-07 15:38:24 · 305 阅读 · 2 评论 -
封装一个全局使用的二次确认弹窗
使用Vue.extend封装全局二次确认弹窗原创 2022-03-29 15:44:41 · 1892 阅读 · 0 评论 -
项目中添加权限校验
背景:在项目中,通常会给某些模块或者功能添加权限,只有有权限的人才能查看或者操作,本文记录下如何在项目中添加权限位的校验。实现:1、在页面刷新的时候,通过接口获取当前用户所拥有的权限。在接口正常返回之后,将返回的权限存储到Vuex(也可以自行选择存储方式)中。代码如下:this.$store.commit('SET_AUTHS', "要存储的数据");2、在项目中封装权限校验的方法$auth(目录可在src下面的plugin中)import Vue from 'vue';Vue.use({原创 2022-03-29 10:50:21 · 1449 阅读 · 0 评论 -
关于输入框限制字数输入问题
在输入框输入内容,当需要限制字数的时候,如果是Input或者textarea,可以直接用maxlength进行字数的限制。如果是用div(添加了contenteditable属性),如果直接用input事件进行字数的限制,则会出现临界问题。问题起源:需求:限制输入框只能输入200字。初始解决方案:监听输入,判断当输入内容超过200字后,设置内容为前200。这样处理引发两个问题。问题1:输入到末尾超过200字之后,光标会跳到最前面,从而导致前面描述的取前200字失败,解决此问题可以手动操作光标。问题2原创 2021-07-29 18:41:40 · 4288 阅读 · 1 评论 -
关于自定义组件model的记录
在平时使用中,我们一般都是使用v-model进行双向绑定,v-model实际上是 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突:触发的时候:比较适用于像单选等场景。......原创 2021-07-29 17:50:21 · 83 阅读 · 0 评论 -
关于修改el-pagination显示文字的问题
1、场景根据上图可以看到,element提供了附加功能,通过配置参数可实现总条数、跳转页面等的功能,但是有些不太友好的是,这些文字是写死的,不能自己通过插槽去修改,但是目前的需求就是和element提供的文字不一致,比如我只要xxx条,不要共字,那怎么符合当前需求呢?下面来说实现方法。2、修改查看element实现方式。1、进入element-ui下面的packages目录2、找到pagination目录,找到pagination.js文件根据代码可以看到,这里并没写死共XXX条,那这个文原创 2021-07-08 11:18:10 · 6686 阅读 · 6 评论 -
对象数组中根据某个字段排序
在处理数据的过程中,我们经常会遇到这样的需求:根据数组中每个对象的某个字段值将数组排序展示。如何实现呢?如下:1、字段的值是个可比较的,例如下面的age字段```javascript[ { name: '张三', age: 18, status: '青年' }, { name: '李四', age: 20, status: '青年' }, { nam原创 2021-06-29 17:07:09 · 4496 阅读 · 1 评论 -
关于Promise.all()
关于Promise.all()首先,我们要知道,Promise具有三种状态,如图所示:pending: 等待状态,比如正在进行网络请求,或者定时器没有到时间。fulfill:满足状态,当我们主动回调了resolve时,就处于该状态,并且会回调.then()。reject:拒绝状态,当我们主动回调了reject时,就处于该状态,并且会回调.catch()。因此就存在我们需要等几个异步请求都完成后再进行操作的情况。此时怎么做呢?设置定时?很显然无法保证。在次我们就可以使用Promise.all()原创 2021-03-10 14:17:17 · 356 阅读 · 0 评论