钥零零の博客

H5短信验证码功能，点击发送验证码调用后端接口，页面展示一分钟倒计时，倒计时结束重新显示发送验证码 123456789101112131415161718192021<li> <span class="ipt-name accounts"></span> <input type="tel" maxlength="11" placeholder="请输入手机号" v-model="p ...

H5图形验证码功能，初始化显示图形验证码，点击图片切换验证码图片 123456789101112131415<li> <span class="ipt-name captcha"></span> <input type="text" maxlength="11" placeholder="请输入验证码" v-model="graphValidateCode" /> <img ...

需求：vue项目需要路由跳转时判断该用户是否已登录，若登录则可以进入页面，若不登陆则跳转登录页 采用在router.beforeEach方法中查询后端接口根据返回字段来判断用户是否登录 123456789101112131415router.beforeEach((to, from, next) => { document.title = to.meta.title; //会员融合权益进入限制 if (to.meta.type == 'cardBenefit') { checkLogin().then(res => { ...

H5数字键盘Demo：https://github.com/QingMuZhang/keyboardDemo/tree/master

一、下载项目首先执行git clone 命令从gitLab上将代码克隆下来 1git clone 二、引入项目1、打开idea，点击File—》open，选中你下载的项目内容，点击OK 2、将每个项目切换到开发分支，点击右下角git，选中你要切换分支的包，点击Show more，在展示的远程分支中选中开发分支进行切换 三、配置1、点击File—》settings 2、在弹出的弹框中，搜索maven，或者点击Build，Execution，Deployment—》Build Tools—-》Maven，将下图中方框位置上修改成本地maven文件路径 3、点击importing，将J ...

ES6的方法简化和箭头函数在IE9都是不兼容的，需要把方法写成原始的

IE9报错对象不支持includes属性或方法 这里includes方法由于是ES6的，IE不兼容ES6的这个方法是一定要站出来的，没有浏览器比IE更离谱了，如果有那一定是IE上一个版本~ 这里使用indexOf()来替代includes方法

需求：vue项目需要将登录信息保存为全局变量 window.localStorage最开始是使用window.localstorage来进行存取登录信息，方法如下 封装了一个专门使用window.localStorage的js，需要时引入这个filter.js就行 1234567891011121314151617181920212223242526272829303132333435const setLocalStore = (name, content) => { if (!name) return if (typeof content !== ' ...

H5的history.replaceState()方法IE不兼容 这里通过使用他人重写的history方法进行修改 源码：https://github.com/devote/HTML5-History-API 兼容ie9通过下载源码中的history.js，在页面中引用就可以正常使用history方法了。 history.js 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 ...

需求：移动端点击图片触发上传图片或文件或拍照上传。文件上传 1234<a> <input type="file" ref="file" hidden @change="onInputChange('file')" /> <img src="@/assets/images/uploading-link.png" @click="triggerUpload('file')" /></a> 首先设置hidde ...