- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue前端对象模糊查询
笔者在此记录前端模糊查询1、html部分 <div> <a-input placeholder="请输入关键字搜索" v-model="name" @change="onChange"> <a-icon slot="prefix" type="search" /> </a-input> </div> //下面是v-for循环的List列表，作省略2、js部分export defaul
2020-09-23 14:44:48
879
2
原创 图片列表滚动条定位及图片高亮
笔者在此作为记录1、定位：document.getElementById("").scrollIntoView();2、图片高亮：:class="{active : imgActive == index}"
2020-09-17 17:21:09
200
原创 移动端两指及放大、缩小、还原、旋转等操作
笔者两指放大缩小利用了v-touch实现，而其他操作利用算法实现直接附上主要代码作为记录,省略部分css样式<template><div><div class="bigwrap" id="moveDiv" :style="Style" @touchstart="down" @touchmove.prevent="move" @touchend="end" >
2020-09-17 17:09:36
1666
原创 v-touch插件监听手机滑动事件
1、安装npm install vue-touch@next2、main.js引用及注册import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})3、在对应的vue界面使用组件//下面的@click替换为@pinchout="pinchout"这种很多个v-touch方法然后写方法即可<v-touch @click> <img id="***" class="***" style="***"
2020-09-17 16:40:37
611
原创 关于钉钉微应用免登录踩坑开发记录
免登录流程简单说明（若不需要使用钉钉jsapi，则暂不需要鉴权dd.config()）：1.在钉钉管理后台拿到cropid，作为参数，前台处理获得code：dd.runtime.permission.requestAuthCode({ corpId: corpId, // 企业id onSuccess: function (info) { const code = info.code // 通过该免登授权码可以获取用户身份
2020-08-19 15:28:59
2324
原创 密码复杂度正则校验
上网搜索无果，索性自己现学现写：1.无固定长度，密码至少包含大写字母、小写字母及var validate_1 = /^(?=.\d)(?=.[a-z])(?=.[A-Z]).+KaTeX parse error: Undefined control sequence: \d at position 34: …ate_2 = /^(?=.*\̲d̲)(?=.*[A-Za-z])…%^&]).+KaTeX parse error: Undefined control sequence: \d at
2020-08-11 11:49:47
1646
原创 企业微信之手机图片选择并上传
企业微信有自己的JS-SDK去实现附上网页：https://work.weixin.qq.com/api/doc/90000/90136/91195接下来记录我在项目过程中利用企业微信js-sdk去实现图片打开，上传，需要预览的可以继续更新1.配置sdkConfig：const sdkConfig = (config, jsApiList, ready, error) => { wx.config({ beta: true, // 必须这么写，否则wx.invoke调用形式的jsa
2020-08-07 14:17:11
4353
原创 vue关于多个路由入口进入同一页面，列表部分取不同数据而互相跳转的问题
今天遇到一个bug，记录下来：项目中存在多个记录页面，每个记录页面实际上用的是同一个.vue页面，只不过通过不同的入口进入，每次进入url处的formtype值（自定义页面标识）都不一，而且，页面的列表部分调用不同的接口去拿数据，在给某个页面上了缓存以后，每个记录页面互相点击转换的过程中会拿到固定页面的缓存记录，所以我们要修改为：记录与记录之间互相转换的过程中，根据formtype的值的不同而调用后台接口拿数据，而且，在这个过程中，页面公用的部分也得回到初始化（比如所有的input搜索框），另外还得让缓存不
2020-07-28 19:53:45
1428
原创 关于vue按钮防抖的问题，防止重复点击请求数据
相信大家在项目开发过程中会遇到因为请求数据响应时间过慢而多次点击按钮请求多个重复数据的情况解决办法：封装防抖函数，然后去相应页面引用、调用函数即可1.util.js（去utils配置防抖函数，wait时间自定义）/** * 函数防抖封装 * @param {*} fn 回调函数 * @param {*} wait 时间 */export const debounce = (fn, wait = 1000) => { let timer; return function ()
2020-07-28 14:31:49
1485
原创 关于keepAlive踩坑，动态缓存的问题
最近公司项目实践中，记录遇到页面跟页面之间缓存的问题，首先想到用keepAlive去解决，首先先说明问题，再详细说明解决方法：(涉及到公司，某些代码用伪代码展示)问题一：直接上代码<keep-alive> <router-view v-if="$route.meta.keepAlive" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive" /&
2020-07-28 11:58:55
1918
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人