芽子-CSDN博客

原创 vue JS实现类似通讯录的字母索引

vue JS实现类似通讯录的字母索引示例话不多说直接上代码示例话不多说直接上代码<template> <div class="brand-f-s"> <el-input placeholder="请选择内容" v-model="input" clearable @focus="focus" @blur="blur"> </el-input> <div clas

2021-04-16 16:45:23 565 1

原创原生js，基于swiper的轮播图，展示缩略图。

效果图源码https://gitee.com/ya2733450010/yaya

2020-09-21 12:26:03 768

原创 vue使用element-ui不兼容ie浏览器问题( babel-polyfill

360兼任进入页面模式空白安装npm install --save babel-polyfillmain.js 引用 import ‘babel-polyfill’resolve('node_modules/element-ui/src'),resolve('node_modules/element-ui/package/input/src')

2020-09-11 19:26:24 2881

<input v-model="val" @input="input()"> <div>{{level==0?'弱':level == 1 ? '弱' : level == 2? '中':'高'}}</div> getLvl(val) { var level = 0; if (val.length < 6) return 0; if (/\d/.test(val)) level++; //数字 .

2020-09-10 09:56:14 996

转载 Http请求中请求头Content-Type讲解

在Http请求中，我们每天都在使用Content-type来指定不同格式的请求信息，但是却很少有人去全面了解content-type中允许的值有多少，这里将讲解Content-Type的可用值MediaType，即是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。例如： Content-Type: text/html;charset:utf-8;常见的媒体格式类型如下：text/html

2020-09-07 09:45:57 1011

原创 js生成随机串

uid(len, radix) { var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uid = [], i; radix = radix || chars.length; if (len) { // Compact form for (i = 0; i < len; i++) uid

2020-09-07 09:20:46 145

原创 watch监听数组对象类型的数据时，新旧数据是一样的问题

由于对象数组的引用地址是相同的所以更改数据之后watch监听到的新数据跟旧数据都是一样的，可以这样做，下面以list数据为例子 data() { return { list: [], }; }, computed:{ listNew(){ // 新的赋值 return JSON.parse(JSON.stringify(this.list)); } }, watch:{ listNew:{ handle

2020-09-04 18:06:05 1047

原创记录常用到的正则表达式

判断是否满足手机号格式正则表达式/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/去掉空格过滤正则表达式/^ +| +$/g'str '.replace(/\s/g, "");匹配表情正则表达式/[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-

2020-09-04 17:50:36 232

原创 Vue路由给每个页面添加参数【id为例子】全局路由前置守卫

to是跳转后的页面路由，from是跳转前的，next是必须要执行的，加上next路由才会跳转replace跳转的时候拼参数next要添加replace truethis.$router.replace({name: “Triping”,query: {routerAction: ‘replace’}})// replace跳转的时候拼参数next要添加replace truelet routerReplace = to.query.routerAction === ‘replace’ ?

2020-09-04 12:52:50 2937

原创监听物理返回键添加弹窗提示or其他操作

if (window.history.pushState) { // 监听物理返回 window.addEventListener("popstate", ()=> { //要做的事 }, false); // 添加历史记录 window.history.pushState(null, null, "#"); } // 需要的地方移除历史【或者做其他事项自由发挥】 router.go(-1)...

2020-09-04 12:49:34 121

芽子的博客