- 博客(21)
- 资源 (3)
- 收藏
- 关注
RSS订阅
1原创 前端面试总结
1. 前端的性能优化本地缓存，资源位置顺序加载，减少页面请求，请求的优先级排序，减低图片质量，列表分页，插件按需引入。2. computed和watch的区别和运用场景？computed：是计算属性，值有缓存，需要进行数值计算使用。watch：更多的是监听数据变化。在数据变化时执行异步或开销较大的操作时使用。3. 在哪个生命周期中调用异步请求？在钩子函数created，beforeMount，mounted中调用，因为在这三个钩子函数中data已经创建，可以将服务端返回的数据进行赋值。
2022-08-24 11:31:37
64
原创 vue 扫码组件
<template> <van-icon name="scan" size="25px" color="#01aca6" @click="startRecognize"/></template><script> export default { name: "H5Code", data(){ return{ scan:null, closeBtn:null
2021-11-18 10:28:08
262
原创 时间日期格式化及时间日期加减
//时间日期格式化，补0 2021-09-09formatter(date) { if (date == "" || date == null) { return; } else { date = new Date(date); return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date.getDate().toString().pa
2021-11-18 10:05:56
116
原创 数组过滤某个值，递归函数
let Arr = this.arrRemoveJson(res.data[0].children,"orgNo","61412")/*arr: 需要过滤的数组attr：过滤的键value：过滤的值*/arrRemoveJson(arr,attr,value){ if (!arr||arr.length == 0) { return "" } let newArr = arr.filter(function(item,index){ return item[attr] !=val
2021-11-18 09:53:56
170
原创 前端页面展示汉字，后端返回数字
filterTgStatusCode(typeCode) { if (!(typeCode || "")) return; let statusCode = { "01": "待派工",//数字和文字根据需要更改 "02": "待反馈", "03": "待审核", "04": "待归档", "05": "已归档" } return statusCode[typeCode]; },...
2021-11-18 09:39:06
502
原创 计算N个点均匀排列成圆的各个点坐标
计算N个点均匀排列成圆的各个点坐标 jisuan(){ //方法调用 this.flag = true;//判断计算只调用一次 console.log(this.$refs) console.log("实时屏幕高度：", this.$refs.bqImg.scrollHeight); console.log("实时屏幕宽度：", this.$refs.bqImg.scrollWidth); let height = (this.$refs.bqImg.scrollHeight)/6;
2021-11-18 09:29:01
195
原创 js正则表达式
正则表达式判断不为纯数字，正整数，大于0的数字 /^(?!(\d+)$)/ //不能为纯数字 /^^[0-9]*[1-9][0-9]*$/ //正整数 /^[1-9]{1}[0-9]*$|^0{1}\.{1}[0-9]+$|^[1-9]{1}[0-9]*\.{1}[0-9]+$/ //大于0的数字
2020-08-31 09:21:22
57
原创 数组遍历再赋值最后整合一个新数组对象
数组遍历再赋值最后整合一个新数组对象<script type="text/javascript" charset="utf-8"> let a = [["张三","14"],["李四","15"],["王五","16"]]; let arr = []; a.forEach(function(value,key){ console.log(value); let c= {}; c.name = value[0]; c.id = value[1]; arr.push(c)
2020-08-21 15:59:00
650
原创 时间日期比较
时间日期比较将时间日期转化成时间戳进行比较，所选时间日期离当前时间日期越近，时间戳越大 formatter(date) { return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`; }, //过滤时间日期对象//第一个时间 2020/8/19let date1 = this.formatter(new Date(this.data.operationalDate));//以“/”截取时间日期
2020-08-21 10:40:21
1845
原创 vant-ui 点击弹窗时间日期选择
vant-ui 点击弹窗时间日期选择提交时为时间对象，后台返回为时间戳，使用filter过滤时间日期<van-field label="出厂日期：" readonly clickable input-align="left" name="picker" :value="item.manufactureDate | formatter" placeholder="年/月/日" @
2020-08-13 10:28:21
1473
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人