javascript
技术钱
这个作者很懒,什么都没留下…
展开
-
vue + scss实现管理系统换肤功能
因公司需求,需要实现管理系统主题换肤功能,主要是实现4种不同的系统肤色,极简白、幻境紫、景泰蓝、复古黑,这不仅仅是颜色的更改,还需要包括图片,字体、按钮等更改。1.theme.scss文件主要实现的是编写对系统主题改变的样式函数,通过传递样式参数来实现不同主题的样式更改。在styles样式文件夹下创建两个scss文件,一个theme.scss,一个color.scss。2.color.scss编写不同主题的样式函数并传递样式参数。原创 2023-03-27 09:55:14 · 615 阅读 · 0 评论 -
小程序切换前后台获取实时地理信息进行定位上报
在做小程序有个需求要采集司机定位并进行上报给后台,之前用了wx.getLocation() 和定时调用setinterval在一定的间隔内进行采集和上报司机位置,但是频繁调用时它给我返回报错信息 官网解释 高频率调用会导致耗电 ,而且2.17.0 增加调用频率限制,后面使用了wx.startLocationUpdateBackground 和 wx.onLocationChange 不管是切换前后后都能获取地理位置信息。原创 2022-11-05 00:10:17 · 2780 阅读 · 0 评论 -
vue文件上传组件,使用原生input file实现
vue 实现输入框右侧icon文件夹点击上传图片组件a. 调用图片上传父组件formData 就获取 图片上传组件传过来的地址。// html<upload-image v-model="formData" />b. 图片上传组件// html <template> <div> <el-input clearable v-model.trim="uploadImgUrl" size="mini"原创 2021-07-04 02:51:17 · 1032 阅读 · 0 评论 -
js mouseup丢失问题(不执行)与解决办法
当实现鼠标在可视区域上面进行拖动的时候,经常出现 mouseup 事件丢失的情况,导致正常的流程没法执行。元素执行mousedown 在可视化区域上面拖动一段时候鼠标松开 有些时候mouseup不会执行。解决方法:mounted() { this.init()},methods: { init() { document.body.addeventlistener('mouseup', () => { // mouseup 需要执行的代码块 ....原创 2021-07-04 02:09:02 · 3663 阅读 · 2 评论 -
移动端拖动元素导致页面返回上一层
解决方法一:html{ touch-action:none; touch-action:pan-y;}解决方法二: var startX,startY;document.addEventListener("touchstart",function(e){ startX = e.targetTouches[0].pageX; startY = e.targetTouches[0].pageY;});document.addEventListener("touchm原创 2021-01-07 14:59:22 · 4133 阅读 · 1 评论 -
js数组操作
两个字段一个是用户的id 一个是用户的名称,需要把这两个字符转成数组再转成对象数组var str1 = '小明,小兰,小钱'var str2 = '12,13,15'var str1Arr = str1.split(',')var str2Arr = str2.split(',')var result = str1Arr.map((val,i) => ({id: val, val: str2Arr[i]}));2.两个数组arr1 = [ {id: “#11”, val: “徐.原创 2020-12-07 09:53:37 · 455 阅读 · 0 评论