
工作积累
文章平均质量分 80
在开发过程中,把想到、遇到、实现的问题及时记录,有助于以后工作
哎,我说代码打完了吗
这世界上有一千种等待,最好的那一种,叫做来日可期
展开
-
前端面试-综合
一. 深拷贝,浅拷贝深浅拷贝都是针对引用类型而言的,浅拷贝只是复制对象的引用,如果拷贝后的对象发生变化,原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。1.浅拷贝浅拷贝只是复制了引用,并没有实现真正的复制。这里,我们无论改变原来的值还是克隆的值,它们都会相互影响,并没有实现隔离var arr = [1,2,3];var obj = {a:'a', b:[1,2], c:{cc:'cc'}}; var cloneArr = arr;var cloneObj = obj; clone转载 2022-05-13 15:15:19 · 4591 阅读 · 0 评论 -
vue、ECharts、flexible.js在移动端的自适应安卓、苹果等机型的分辨率
因我们在移动端中大多数是使用rem、 vw、vh,而 echarts 里面的尺寸只能写 16或16%,有的如:fontSize 之类的只有16 。导致写的时候按分辨率750×1334px ,在分辨率480×800px的机型上就差异跟大,字体大小、宽高、left、top、right、bottom等在设置的值是16或16%时,会有很大偏差,这就需要我们自己去计算处理了。解决思路:将实际窗口的大小与设计图窗口大小做比得到要给相对的比率,每个单位数值和这个比率相乘即可。即:按比例缩放字体。比如设计图是750x1原创 2022-03-23 11:10:43 · 2016 阅读 · 1 评论 -
前端开发过程中遇到问题记录
1、vue + iview + 高德地图,把map组键放在Modal中,搜索(Autocomplete)结果不显示问题2、静态引入的有一些图片过大,在一些机型上,会导致整个页面显示白屏3、同一个组件,table切换请求数据,再回到原来的table下时候,需停留原来的位置,滚动条位置不变4、在Vue项目中使用element的select组件,select选中的值不显示,watch监听也不触发5、五、在Vue单页面项目中,A页面跳转2、静态引入的有一些图片过大,在一些机型上,会导致整个页面显示白屏原创 2020-03-09 16:40:18 · 719 阅读 · 1 评论 -
vuex在实例化前与在页面中的使用
一、在项目中安装依赖包yarn add vuex -Dyarn add vuex-persistedstate -D二、新建一个store文件夹在之中建立6个js文件:1、index.jsimport Vue from 'vue'import Vuex from 'vuex'import actions from './actions'import mutations from ...原创 2020-01-16 15:43:50 · 489 阅读 · 1 评论 -
vue filter(过滤器)全局用法(时间、算法、保留小数)
一、新建一个filters.js文件import { JSMul } from './JSOperation.js'const filters = { // 时间转换 $timeConvers: function (timestamp, option) { if (!timestamp) return 0 var date = new Date(Number(times...原创 2020-01-14 14:23:18 · 710 阅读 · 0 评论 -
封装wx.request
configs.jsconst env = 'internal';const configs = { internal: { origin: 'https://internal.wang.com/customer', originActivity: 'https://internal.wang.com/activity', originPay: 'https://...原创 2020-01-10 10:56:34 · 346 阅读 · 0 评论 -
写小程序使用到的方法封装(限制字数、时间方法)
一、小程序中使用在.wxml文件第一行引入引入:使用:{{util.textLimit(item.unitName,9)}}二、方法封装// val 要限制的内容// strNum 要限制的字数const textLimit = function (val, strNum) { if (typeof val === 'string' && val.length...原创 2020-01-10 10:42:47 · 236 阅读 · 0 评论 -
遍历两组数组,其中一组数组的值赋值到另一组数组中
let allArr = [1,2,3,4,5,6,7,8] let params = [ { type: 1, isVerify: this.B_isVerify, amount: JSMul(this.B_amount, 100) }, { ...原创 2019-10-18 17:52:25 · 2833 阅读 · 0 评论 -
4、JS数组去重方法收录
更详细、更多方法可前往(1、https://www.cnblogs.com/guangyan/articles/6682686.html ;2、https://www.cnblogs.com/jiayuexuan/p/7527055.html)1、利用for循环;先声明一个 res 的空数组;再遍历原数组,每遍历一次原数组都赋值给 item ,再建一层for循环,对 res 这数组遍历,然后对...转载 2019-05-27 15:06:13 · 142 阅读 · 0 评论 -
3、身份证、数字、日期、手机号码等等的验证判断
一、使用方法1、在main.js中引入import { validatorUtil } from '../until/validatorUtil.js';2、挂载到vue的原型链上Vue.prototype.$validatorUtil = validatorUtil3、在需要使用的地方 if (this.$validatorUtil.IsEmpty(条件值)) { ...原创 2019-05-25 15:15:41 · 308 阅读 · 0 评论 -
2、JS可以有效避免精度问题的乘法与除法封装
一、使用方法1、在使用的页面引入import { JSDiv, JSMul } from '../../until/jsOperation'1、对需要计算的数值 JSDiv(除数, 被除数) 如:10000/100 JSDiv(10000, 100) JSDiv(bargainAmountMin, 100) JSMul()的用法亦如次二、方法1、乘法expor...原创 2019-05-25 14:41:25 · 452 阅读 · 0 评论 -
1、时间撮转换时间格式方法封装,拿来就可用
注:这里只写在vue中的用法,但是在react与其他框架,用法大体差不多用法一:1、在main.js中引入封装代码文件,然后挂载在原型链上,例如:1、引入import { handlerResDate, timeFormat, formatDate, formatDateTime} from './until/dateUtil'2、挂载原型Vue.prototype.$h...原创 2019-05-22 16:42:34 · 455 阅读 · 0 评论 -
js前端性能优化之函数节流和函数防抖
原创传送门:https://www.cnblogs.com/ljx20180807/p/10161051.html前言:针对一些会频繁触发的事件如scroll、resize,如果正常绑定事件处理函数的话,有可能在很短的时间内多次连续触发事件,十分影响性能节流:节流:使得一定时间内只触发一次函数。它和防抖动最大的区别就是,节流函数不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的...转载 2019-10-08 16:48:43 · 162 阅读 · 0 评论 -
工作篇-在PC端使用拖拽功能+(上移、下移+删除)数组操作记录
注一:本方案结合了vue+iview注二:ondragstart 事件(菜鸟教程:https://www.runoob.com/jsref/event-ondragstart.html)1、定义和用法ondragstart 事件在用户开始拖动元素或选择的文本时触发。注意: 为了让元素可拖动,需要使用 HTML5 draggable 属性。提示: 链接和图片默认是可拖动的,不需要 dra...原创 2019-09-20 16:36:14 · 632 阅读 · 0 评论