![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js日常用法记录
浅箬
日常总结
展开
-
JS搜索关键字匹配变色
解析:使用的是JavaScript中的 RegExp(正则表达式)对象,var regExp = new RegExp(keyword,'g');1、使用原始的匹配项(match)来保持大小写。也就是说,关键字会匹配到文本的内容,同时文本的内容是不更改的。使用场景:用户通过搜索关健字(keyword),对文本进行匹配,并对匹配到的文本进行一些高亮处理。2、不保持匹配文本的大小写。g:执行全局匹配,如果不输入的话将会查一条,// keyword:是关键字,i:执行大小写不敏感匹配,原创 2024-04-11 15:50:17 · 302 阅读 · 0 评论 -
uniapp 单选框以及多选框样式更改
修改radio以及checkbox默认样式,根据自身需求更改样式原创 2023-10-23 16:13:07 · 1850 阅读 · 0 评论 -
vue定义简单的toast组件
定义toast组件组要用于提交数据的提示,数据加载中时进行缓冲1、自定义 提示框( Toast )组件/** * 自定义 提示框( Toast )组件 */var Toast = {};var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储...原创 2019-10-25 10:55:15 · 631 阅读 · 0 评论 -
vue + webpack 前端性能优化
背景 对于程序开发者而言,开发一个项目不仅仅注重效率和功能,前端的性能问题也是非常重要的。这直接影响用户的体验,从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多,如:资源文件的大小,业务的繁杂程度等,所以前端优化的方式也很多。这些东西很零碎,容易被人遗忘。所以这篇文章中对我平时用的优化方式总结一下,可能不是太全面,大家有其它的优化方式可以留言,互相交流下哟。不说了...转载 2019-10-16 12:57:47 · 783 阅读 · 0 评论 -
vue.js日常应用记录
由于对vue不太熟悉,所以对日常遇到的问题进入记录:1、在移动端使用中,会出现vue数据加载失败:(现在一般都可以兼容ES6);解决问题:由于微信内置浏览器在加载网址时,会自动在原本的地址后增加一个key;所以需要将这一个可以去掉就可以正常显示 ...原创 2019-05-29 12:05:08 · 131 阅读 · 0 评论 -
移除eslint
项目创建时,有时不注意会有eslint,使用中eslint对代码要求太过于严格所以需要关闭或者移除:build ---->webpack.base.conf.js在 npm run dev运行即可原创 2019-09-11 11:07:16 · 6588 阅读 · 0 评论 -
vue使用i18n进行多语言切换
1.尚未安装i18n时需要安装:npm install vue-i18n2.在项目的main.js中增加代码:import Vue from 'vue'import App from './App'import router from './router'import VueI18n from 'vue-i18n'import $ from 'jquery'Vue....原创 2019-09-28 12:53:51 · 1494 阅读 · 0 评论 -
vue的同一个界面对同一个swiper 的多次引入
在swiper个数确认的情况下,比较简单,我就不再进行详细说明。之前开放时有在 一个界面同时使用动态个swiper,为了节约代码同时使多个swiper之间相互不受影响,所以使用了以下方法:对所需要多次使用的swiper在data中进行设置,在watch中对数据进行动态监听,根据以下图示即可。...原创 2019-09-28 13:02:07 · 786 阅读 · 0 评论