
javascript
郝艳峰Vip
记录与分享,在前端的道路上越走越远,入坑良久,却迟迟不能悟道深处。
展开
-
javascript es6 多维数组对象相同属性值{key:value}的求和
js 使用reduce()方法对多维对象数组中相同属性值进行求和以及计算出现次数js 使用flat()方法 将多维数组转换为一维数组原创 2022-08-25 11:59:07 · 3443 阅读 · 0 评论 -
javascript 数组对象根据相同属性值{key:value}合并两个对象
javascript 对象数组根据相同属性值合并两个对象判断两个对象数组内的值是否相等原创 2022-06-06 16:25:12 · 3450 阅读 · 0 评论 -
vue v-model 的实现原理
v-model 实现原理详解原创 2021-12-08 16:33:05 · 1043 阅读 · 0 评论 -
解决js (1.1)*100等于110.00000000000001的问题
前言最近项目提测,测试告诉我一个问题,他输入金额为1.1传给后台的为110.00000000000001,然后就开始找原因,发现是元转分的时候乘以100将值转为110.00000000000001,所以导致的报错,现在将解决办法写到下边,以方便记忆,也方便以后学习。 var number_pirce = Number(1.1 * 100); console.log(number_pirce ); // 110.00000000000001解决办法var number原创 2020-11-20 13:06:45 · 2221 阅读 · 0 评论 -
vue 发送验证码倒计时公共组件
前言基本上做的每个项目都会有发送验证码的需求,之前一直是遇到一次写一次方法,这次做这个需求的时候正好把这个功能封装为组件,以方便后期使用。这里需要注意的是:\color{red}{这里需要注意的是:}这里需要注意的是:1,了解vue–props属性的都知道,我在props传参数的时候默认值是在你什么参数都没有传入的时候生效2,所以这个时候需要全部都从父组件传入,也是比较灵活的做法3,如果真的需要使用灵活的使用默认值,那就在公共得组件内使用computed计算属性,这样就可以使用默认值了,也就是下面原创 2020-11-16 10:09:57 · 373 阅读 · 3 评论 -
vue h5 浏览器内唤醒app
vue h5 浏览器内唤醒app原创 2020-11-13 10:34:26 · 2496 阅读 · 2 评论 -
vue 验证输入框只能输入整数以及只能输入整数和小数
前言不管什么时候做项目都会遇到验证输入框只能输入整数和小数的需求STEP 一,输入的必须为正整数,不能输入小数点,这个参考的是element-ui的校验v-model加.number修饰符,在检验规则里设置type为number <el-form :model="form" :rules="rules" ref="form"> <el-form-item prop="positive_integer"> <el-inp原创 2020-11-12 11:05:52 · 17569 阅读 · 5 评论 -
高德地图移除marker失效问题
前言******最近开发的项目刚上线,关于物流调度的项目,我使用的是高德地图的调度,所以现在抽空总结一下其中遇到的问题。问题在开发地图调度时需要用到marker,来标注配送员的位置,以及上线,下线等各种情况在这个过程中,需要移除某些特定的路线和下线的marker,刚开始用的是高德地图api的this.ali_map.remove(roteMarker[r]);但是发现并未生效,然后就开始找解决办法,后来发现需要先全部清除地图中的所有标记物,然后在重绘才能生效,所以没得办法,就只能先全部清除,在重绘制解原创 2020-11-11 11:28:19 · 4052 阅读 · 0 评论 -
vue 项目监听localStorage或sessionStorage中值得变化
前言在最近开发项目中,做国际化的时候需要监听localStroage中值得变化来切换语言,其实完全可以监听vuex的值,在开发过程中突发奇想,能不能监听localStroage中的值呢,于是就开始折腾,最终出来了,记录一下,方便后续使用和学习。Step 一首先在main.js中注册一个全局方法Vue.prototype.monitorSetItem = function (key, newVal) { //这个key就是我们要监听的那个key if (key === 'lang') {原创 2020-11-11 10:56:28 · 2797 阅读 · 4 评论 -
vue-cli-移动端web-app可滑动标题栏(类似腾讯视频精选滑动)
前沿:这是好久之前的项目的需求了,需要做一个可滑动的标题栏,类似腾讯视频的导航栏,可以滑动。现在记录下来,方便以后使用。这里我并没有封装公共组件,需要的伙伴自行封装。由于需要灵活控制(我不想写那么多的v-show,那位小伙伴有更好的解决方案,评论区留言),所以里边有引入jq,适配用的是rem.接下来上代码。<template> <div id="app">...原创 2019-12-11 14:38:42 · 459 阅读 · 0 评论 -
给json中动态添加多个键值对,以及如何获取json对象中的key
前沿这是笔者用来自己笔记用的。一 ,给json中动态添加多个键值对给数组中的每一个json对象动态添加n个键值对 let jsonArray = [ { name: "张三" }, { name: "李四" }, { ...原创 2019-12-11 13:53:27 · 3812 阅读 · 0 评论