- 博客(22)
- 资源 (2)
- 收藏
- 关注
原创 工作中用到的css样式
闪烁效果.shanshuo{ -webkit-animation: twinkle 1s infinite ease-in-out } .animated{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes twin.
2021-07-23 14:43:24
138
原创 vue开发中遇到的问题
动态表单使用element的form表单,动态设置是否必填,根据接口返回字段判断显示表单内容。如果表单层级太多或者太深,会发现输入框表、单选框等 有卡顿现象。这时候初始化表单的model没用。解决办法:尽量将表单组件化像下面这样,动态表单,多次使用for,if判断显示。导致层级较高优化前代码<el-form ref="userDataOther" v-for="(item, idx) in formDynamicData" :model="followData" :key="'
2021-07-19 15:45:48
708
原创 Vue-Router 多路由拼图
多路由拼图什么是多路由拼图,实际就是为一个路由(画面)组合多个组件,完成整个页面。这里利用的不单单是我们在做菜单时的拼接,利用的是router-view的name属性Layout/Header.vue<template> <div> 我的世界崩塌了 </div></template>Layout/Sidebar.vue<template> <div> 左边跟我一起
2021-07-05 15:04:32
323
原创 前端开发技巧
根据数组内的某一项,保存数组内相同的元素 let nodes = [] // 数组1 let haifNodes = [] // 数组2 let same=nodes.filter(item=>haifNodes.some(ele=>ele.code===item.code)) // 保存两个数组内不同的元素 // let different=nodes....
2021-02-21 15:49:54
118
原创 vue开发公众号,底部按钮被输入法弹起的问题
在开发H5页面时,通常情况下会将一个按钮放在屏幕的底部,以便于操作,但是会在输入法弹起是被顶起。解决思路是,在输入法弹起时,隐藏按钮底部按钮定义数据看过有人用 document.body.clientHeight 来获取窗口实时高度。但是我在测试时发现,在第一次获取软键盘弹出的高度后,即使软键盘关闭,高度仍不变化,导致按钮隐藏后不能显示。所以使用window.innerHeight获取窗口实时高度。问题解决...
2021-01-20 11:08:01
299
1
原创 解决element-ui动态表头高度自适应问题
表格为动态表格头,但是不同类型组合到一起有不同的方式标识① 多选框为静态表格列标示②为动态表格列表格内容区域为自适应高度且在充满可视化窗口实现方式 <el-table :data="patInfoData" ref="table" highlight-current-row height="calc(100vh - 200px)"> <el-table-column type="selection" width="45"></el-tabl.
2021-01-18 15:34:11
1526
原创 如何创建测试公众号
微信创建测试公众号创建一个测试公众号(https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login)这个时候你会获得appid、appsecret用于获取openid 域名是你在使用wx的jssdk需要配置的。注意的是,他不能使用ip地址,所有需要你做一下内网穿透,并且配置时不需要添加http//,例如你的url是http://xxx.xxx.xxx,就配置 xxx.xxx.xxx测试公众号,你可能需要在手机访问,就需要自定义
2021-01-13 10:27:45
508
原创 vant-weapp在小程序中遇到的坑
vant-weapp在小程序中遇到的坑在使用vant-weapp的组件时遇到了这么个问题,点击遮罩层或者关闭图标,会报如下错误根据字面翻译是层级有问题经过搜索也没找到解决方法,那根据字面意思看的话,就是遮罩层 层级出现的问题由图可以看出...
2020-10-28 15:57:28
3063
原创 一步步对正则表达式的学习总结(三)
上一篇文章我们尝试着写了一个有某种规律的表达式,但是依旧有一些问题,那么我们就问题继续学习分支条件之前的正则表达式,会重现 (010-123456 这种的错误格式,因此我们需要解决一下。这时候我们需要使用 | 来解决问题,就是把不用规则使用 | 分隔开,满足一种即可。那么我们写一个 (?0\d{2})?[- ]?\d{6}|0\d{2}[- ]?\d{6}我们拆开来看1、(?0\d{2})?[- ]?\d{6} 表示前三位号用小括号括起来,前三位与后六位之前可以用-、空格或者不分割2、|0\
2020-07-16 13:53:10
102
原创 基于vue指令防止按钮连点
在开发中,经常会遇到客户反馈一个数据提交了两边的情况,这种情况不能够去限制用户的操作规范通常的处理方式都会在按钮产生的函数中做处理,但是这样的重复性工作让我很难受,所以自己尝试用vue指令的方式去解决。查过不少教程,都是去更改disabled属性去解决,但是这并不是我想要的一种效果,所以经过一些其他的参考和自己的想法有了一下这种方式在使用指令的时候我们需要知道指令的一些基本知识(飞机票转场vue官网)钩子函数bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置.
2020-07-08 14:20:51
2093
原创 一些比较有用的工具
https://www.zhangxinxu.com/sp/icon/css.php里面有一些小工具Awesomes.cn 国人维护的前端资源库sortablejs 表格拖拽插件overapi 最全的开发人员在线速查手册
2020-07-07 11:32:00
110
原创 一步步对正则表达式的学习总结(二)
在对正则表达式进行一些认识后,我们需要自己手动联系一下加深印象csdn\d+ 意思是 csdn后面跟一个或多个数字^\w+ 意思是 后面重复一次或多次^csdn\w{3,5} 意思是 csdn后匹配字母或数字或下划线 并重复3到5次比如我们进行一个完整的验证\({1}0\d{2}[) -]?\d{6}这个表达式可以匹配几种格式,像 (010)123456,或 022-123456,或 012123456。我们对它进行一些分析吧:1. 首先是一个转义字符 \(2. 然后 {1}0 它能出
2020-07-07 11:07:06
96
原创 一步步对正则表达式的学习总结(一)
正则表达式的学习什么是正则表达式正则表达式的应用常用元字符限定符其他如何使用正则表达式创建正则对象正则匹配什么是正则表达式用于匹配规律规则的表达式,正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑正则表达式的应用对字符串验证是否符合正则表达式的逻辑 如验证密码、手机号可以通过正则表达式,从字符串中提取我们要的部分 如从
2020-07-03 15:48:55
171
原创 使用指令实现element表格的下拉刷新
使用指令实现element表格的下拉刷新在自己开发的项目中,数据一直都是分页处理,直到有一天产品想要基于element表格组件下拉刷新的效果。目前实现的是全局指令在plugins文件下新增directives.js文件夹// 注册指令组件export default (Vue)=>{ Vue.directive('loadele', { bind(el, binding, vnode) { //.el-table__body-wrapper 是表格组件中body
2020-06-29 10:31:29
1922
1
原创 关于父子div使用margin-top的问题
我们在进行页面开发时,不可避免的会使用到margin这个属性在子级div里面使用margin-top属性时,父级div也会随之生效margin-top所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为:同级或者嵌套的盒元素,并且它们之间没有非空内容、Padding或Border分隔。所以可知 在子级div设置margin属性时,在父级div没有找到非空内容、padding或border,所以又向上寻找,导致父级div得margin也生效了。解决办法父级
2020-05-19 11:00:32
456
原创 vue踩坑address not available 10.0.1.102:8080
Error: listen EADDRNOTAVAIL: address not available 192.168.0.180:8080启动vue服务是 有时会出现如上错误如果你更改了config下的index文件将10.0.1.102修改为localhost无效打开package.json文件查看是否存在–host 10.0.1.164 若存在 删除后重启...
2020-05-14 13:19:39
5034
原创 vue数组内的去重
对于数组内的去重对于[15,25,35,17,45,95,25,95,95,1]这种类型的去重对于对象数组的去重对于[15,25,35,17,45,95,25,95,95,1]这种类型的去重使用indexof去重let mapList1 = [15,25,35,17,45,95,25,95,95,1]let mapList2 = []for(let i=0;i<mapList1...
2020-04-17 11:48:33
1002
原创 whild与if的区别 whild与for的区别
最进在开发中。发现自己的一个知识漏洞,记录下来查漏补缺whild与if 都属于判断语句,但是whild属于循环判断,即判断为true时,继续下一个判断,直至false出现。if则是经过判断后进行下一步操作for循环一般适用于已知循环次数、并且相对于初学者,for比whild更好理解。在使用for循环式。循环次数多时,尽量写成以下形式。避免过多创建变量let i=0, l=Array.l...
2020-03-23 14:25:19
527
转载 vue打印数据,可分页打印
使用的是vue-easy-print 打印插件可以支持分页打印。转载https://download.csdn.net/download/qq_36845014/10807027?utm_source=bbsseo在开发是 想要打印功能 但是打印数据不想显示出来 在打印的时候要打印初数据第一步引入vue-easy-printnpm install vue-easy-print第二部...
2019-07-05 11:33:19
9344
4
原创 apicloud引入vue
apicloud开发移动已经很便捷了,引入vue只是用到他的双向绑定数据渲染,并不涉及脚手架。单页面,路由点击飞机票:http://note.youdao.com/noteshare?id=0366180a25701de9032fd71ea166c9b6...
2019-04-16 15:32:03
1690
原创 mpvue配置flyio
mpvue配置flyio安装flyio配置fly安装flyiofly中文文档https://wendux.github.io/dist/#/doc/flyio/interceptor使用npm安装fly:npm install flyio在src/main.js文件下引入其它引入方式请查看https://github.com/wendux/fly配置fly在使用fly请求借口是,...
2019-03-27 09:13:08
729
原创 vue基于Blob.js和 Export2Excel.js做前端导出
vue基于Blob.js和 Export2Excel.js做前端导出安装三个依赖包npm install -S file-saver npm install -S xlsx npm install -D script-loader在项目中创建一个文件夹把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹链接: https://pan.baidu....
2019-02-19 11:38:23
12618
28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人