- 博客(22)
- 收藏
- 关注
原创 填坑-登录密码正则校验
数字、字母、特殊字符,至少两种及以上6到18组合:reg:((?=.*\d)(?=.*\D)|(?=.*[a-zA-Z])(?=.*[^a-zA-Z]))(?!^.*[\\\'\/\"].*$)^\S{6,20}$亲测有效
2020-06-01 12:04:10
466
原创 插件ESLint和Vetur冲突问题
解决分号、引号报错在设置setting.json中加入以下代码:"vetur.format.defaultFormatterOptions": { "prettier": { // Prettier option here "semi": false, "singleQuote": true, } }解决空格问题 space-b...
2020-01-02 17:56:29
3142
原创 基于vue封装toast插件
toast.vue部分:<template> <transition name="toast"> <div class="toast" v-show="show" :class="type"> <!-- <span class=""></span> --> <p>{{mes...
2019-12-12 15:22:11
388
原创 js获取当前URL中的参数
var urlStr = 'https://www.baidu.com/s?id=1052&name=xj&age=18'; // 假设urlStr为当前URlfunction getQueryString() { var qs = window.location.search.length > 0? window.location.search.substrin...
2019-10-29 18:00:23
315
原创 javascript中string常用方法,欢迎补充
/** 字符方法* charAt(num): 接受基于0的字符位置的参数,返回该位置所在的字符* charCodeAt(num): 接受基于0的字符位置的参数,返回该位置所在的字符的编码*/var str = 'hello world!';console.log(str.charAt(1)); // econsole.log(str.charCodeAt(1)); // 101...
2019-10-27 22:49:55
227
原创 字符串的操作方法 slice() substr() substring()的理解
/* * slice(start, end) 接受两个参数,第一个参数都为指定字符串的开始位置,第二个参数表示匹配最后一个字符后面的位置,当传入参数为负数时,传入的负值应与字符串的长度相加 * substr(start, length) 接受两个参数,第一个参数都为指定字符串的开始位置,第二个参数表示匹配字符的长度,当传入参数为负数时,会将第一个负值参数与字符串长度相加,第二个若为负值参数则...
2019-10-26 14:55:01
315
原创 在数组对象中,对某个类进行sort排序
var testArr = [ { id: 1, name: 'cs', age: 18 }, { id: 2, name: 'zs', age: 15 }, { id: 3, name: 'ls', age: 20 }, { id: 4, name: 'ww', age: 16 } ]function toSort(propertyName) { ...
2019-10-26 10:55:24
463
原创 正则表达式验证邮箱,看到网上验证方法五花八门,不如自己写个
验证要求:1.不限制长度2.不限制大小写3.邮箱开头必须是数字或字符串4.邮箱中可以使用字母、数字、点号、下划线、减号,但是不能连写点号、下划线、减号,如 abc_-de@q_.q.com5.@符号前后不能为点号、下划线、减号var testEmail = /^[\da-z]+[\w\.-]?[\da-z]+@[a-z\d]+[\w\.-]?[a-z\d]+\.[a-z\...
2019-10-26 10:18:29
258
原创 vue-router 页面跳转及传参的几种方式
1. 标签形式路由跳转<router-link to="/home/goodsinfo"></router-link> 1.1 参数传递的两种方式<!-- 方式一 --><router-link :to="'/home/goodsinfo?参数名='+传递参数"></router-link><!-- 方式...
2019-09-26 10:27:13
1016
原创 vue 引入mint-ui中的 Infinite scroll 实现上拉加载更多功能
1. main.js 中全局引入min-ui//全局导入mint-ui组件import MinUi from 'mint-ui'Vue.use(MinUi);或者按需导入import { InfiniteScroll } from 'mint-ui';Vue.use(InfiniteScroll);2. html部分<template> &...
2019-09-25 16:34:42
729
原创 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mod
vue项目中引入mui scroll组件 报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them原因:使用webpack打包,默认使用严...
2019-09-21 13:55:53
9353
原创 uni-app线上引入阿里矢量图
1.登录阿里矢量图,选择自己想要的图标,创建项目,并添加到项目中。2.打开图标管理---我的项目---我发起的项目,选择查看在线链接(若添加新图标需要重新生成在线链接,并替换)。3.复制代码,打开app.vue,添加以下代码:4.引用方法:5.效果展示:...
2019-06-18 11:53:30
3175
1
转载 var,let,const三种声明方式的区别
let和const 使用方法: (1).有没有感觉到在 javascript 使用var会发生变量提升,即脚本开始运行时, 变量已经存在了,但是没有值,所以会输出undefined。 而let不会发生变量提升,这表示在声明它之前,变量是不存在的,这时如果用到它, 就会抛出一个错误。 (2). var 是函数级作用域,let是块级作用域...
2019-06-18 11:32:56
615
转载 大型vue单页面项目优化总结
来源:https://www.cnblogs.com/wuyuchao/p/8483919.html1、打包文件中的app.js文件放入cdn,加快页面首次加载速度2、提取公共方法,减少js代码量3、提取公共组件,将统计分析的售前和售后,客户分配,客户管理,客服管理等页面的搜索条件模块化,减少了html代码量,减少了每个页面中都有的重复方法。4、vue-router路由全部改成懒加载...
2019-04-20 14:13:05
625
转载 ES6和ES5区别
对于ES6和ES5,你了解多少?这篇文章讲了JavaScript,ES5,ES6的一些介绍和区别,挺详细的以下来自:http://www.cnblogs.com/lovesong/p/4908871.html什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了)动态:在运行时确定数...
2018-11-28 10:44:04
270
原创 微信小程序商城类开发步骤问题及解决办法(一)
微信的发展影响着我们生活的方方面面,从一开始的社交聊天到现如今的各种各样的便民服务。例如:微信扫一扫(它不仅仅局限于二维码,还能扫描条形码进行商品识别、查看网上价格与快速网购)、微信搜索、微信公众号、微信小程序等等。 这段时间,接触到微信小程序,并尝试着做了一个商城类的小程序。以下是项目开发的步骤,这次主要从项目结构目录、全局配置和商城引导页来分享。图一 ...
2018-11-28 10:32:21
9433
原创 微信jssdk自定义分享方法 js+php
要求:1、需要一个公众号,实名认证,并且有分享接口权限2、icp备案域名微信公众平台配置就不说了。流程为:获取AppId、AppSecret ——>填写线上访问的安全域名——>下载MP-xxxx-xx.txt的文件(放在服务器根目录)。接下来附上代码:前端部分:<script src="http://res.wx.qq.com/open/js/jweix...
2018-09-07 16:49:21
1456
2
原创 swiper懒加载问题,当设置点击跳转到指定slide,懒加载失效解决办法。
原因:因为懒加载只有在初始化,切换,拖动滚动条时才能生效,如果定义了点击或者其他跳转方式,则需要重新加载。解决:直接贴代码$('.goto').click(function(){ swiper.slideTo(1, 500, function(){swiper.lazy.load();}); //使用回调函数,跳转后,重新加载。}) ...
2018-09-07 16:20:50
2989
原创 关于swiper内容高度超出一屏问题,及解决方式。
原理:在内容位置区域,使用 e.stopPropagation();阻止事件冒泡(触发翻页),当滑动到顶部或者底部时,解除e.stopPropagation()。.swiper-slide{ background-repeat: no-repeat; background-position: center center; background-size: 100%...
2018-09-07 16:13:38
9658
1
原创 js 禁用Ctrl+滚轮的操作。
document.addEventListener('DOMContentLoaded', function (event) { document.body.style.zoom = 'reset'; document.addEventListener('keydown', function (event) { if ((event.ctrlKey === true ||...
2018-04-08 18:46:32
2163
3
原创 【记录】移动端布局,js动态计算
(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = d...
2018-04-08 18:35:14
222
原创 妹子UI轮播插件中关于用户停止操作重新轮播失效的解决办法
//每次滚动之前调用before:function(slider){ if (slider._pausedTimer){ window.clearTimeout(slider._pausedTimer); slider._pausedTimer = null; } },//滚动之后调用
2017-03-16 19:06:54
639
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人