JS
关注
分享
扫一扫
遇到的js问题
弑天落羽
为人生更自由
展开
-
(2023进阶版）vue+h5 通过高德地图（原生） 获取当前位置定位
前言：因为也是用的上一个版本的代码，为了描述清楚所以就直接复制文章来更改了，这一版更加完善简洁，高德地图精确度也更高(2021年写过的一版上线了挺长时间，2023年突然被应用市场下架，说流程走不通，就卡在获取定位失败。改了之后已上线运行原创 2023-06-20 16:36:17 · 6147 阅读 · 2 评论 -
防抖函数，多数用于表单填写校验
防抖函数，多数用于表单填写校验。原创 2023-02-04 16:36:42 · 218 阅读 · 1 评论 -
vue 两个不同layout包裹的页面之间 数据通信
a页面打开了一个b页面，两者路由路径不同，且layout也不同。但b页面有个删除操作，删除后，要在a页面进行刷新。原创 2023-01-30 15:46:42 · 563 阅读 · 0 评论 -
element-Ui 表格，自定义计算 合并单元格
ui画的表格需要根据不同的数据项，进行合并不确定的单元格。1.对于条件要明确，比如我需要第三行开始到第四行合并，先合并两个试试水，更改后，标题没合并。- 标题3会有不确定的项且进行合并。原创 2022-10-20 18:37:39 · 568 阅读 · 0 评论 -
vue-amap实现实现初始化并定位当前位置，搜索，定位，增加点标记
实现如图展示，初始化并定位当前位置，搜索，定位，增加点标记下载vue。原创 2022-09-08 18:17:08 · 3918 阅读 · 0 评论 -
（2021-2022）(vue)h5 通过高德地图（原生） 获取当前位置定位
百度地图原生[点这里]vue-amap是基于高德原生封装好的供vue使用，对图层的操作会更便捷一些。当前的需求，只需拿到当前定位。所以可以使用原生js原创 2022-09-08 14:44:47 · 6552 阅读 · 2 评论 -
(vue)h5 通过百度地图（原生） 获取当前位置
使用原生百度地图js,动态增加script标签，进行异步加载回调定位。然后显示该城市的服务项百度的当前定位一开始加载 会弹出框问你能不能给定位，当时还是选择了百度地图，在定位精度上，高德差了点。（当时我哥在其他城市帮我反反复复测了很多次，直到能准确定位城市）在public/index.html的head里引入。原创 2022-09-08 10:12:56 · 2704 阅读 · 0 评论 -
vue 使用eval()函数，将字符串变成引用方法 ReferenceError: get1 is not defined“
多个选择项，调用不同参数就想将方法名放到select的数据项中，用了eval函数eval(val[1]+“()”)，添加（）结果报错想了会，是因为没有this指引到vue实例中去，自行拼接 this.get1()就可以引用方法了...原创 2022-05-24 11:30:57 · 1015 阅读 · 0 评论 -
谷歌地图 点击地图 返回了plus_code和formatted_address
geocode(request) { this.clear(); this.geocoder .geocode(request) .then((result) => { const {results} = result; this.map.setCenter(re.原创 2022-05-19 14:13:33 · 710 阅读 · 0 评论 -
vue2.0/原生js使用谷歌地图并显示标记点（附两点间路径方法）
图1，谷歌地图初始化并实现显示点信息图2 ,谷歌地图实现两点间路径 图3，高德地图实现搜索显示点，可点击地图取点并获取地址，也可以搜索出来前提使用地图，都是需要获取开发者的key的，去各个地图开发平台申请key实现图1,图2简单的实现谷歌引入-搜索样式<div style="display: none"> <input id="origin-input" class="controls" type="text" placeh原创 2022-05-17 15:37:19 · 1913 阅读 · 0 评论 -
逗号、换行输入多个ID，正则替换
遇到了个需求，-请输入ID，可以用逗号、换行输入多个ID-同时也要注意防呆，注意多个换行，多个英文中文逗号混合-同时输入时，要输出ID数量用的vue,那就用computedcomputed:{ inputShow(){ let data=JSON.stringify(this.formRight.deviceList) let data1=data.replace(/\\n|[，]/g,',') let show=JSON.parse(原创 2022-05-06 18:09:39 · 666 阅读 · 0 评论 -
使用compression-webpack-plugin进行vue项目 压缩js打包
app内嵌的h5访问过慢，大约6秒，是js文件也慢可以进行1）路由懒加载2）忽略插件语言包最后来压缩1.安装，比较稳定且打包不会报错npm i compression-webpack-plugin@5.0.12.vue.config.js使用deleteOriginalAssets: true这个属性是删除已经压缩的源文件，使用了的确会使体积变小，但我部署后访问页面空白出现了SyntaxError: Unexpected token <如果执意要用，可以参照以下解决方法htt原创 2022-04-28 17:12:41 · 1143 阅读 · 0 评论 -
h5获取富文本中图片适配展示
1.在编辑器传入的图片尺寸大都比h5宽，如果直接用v-html渲染传回的标签代码，则图片显示则很大2，获取到后台数据时，程序已经渲染了页面，然后开始处理图片样式，id为box-show<div id="box-show" class="mgt-10" v-html="mes.content">this.$nextTick(()=>{ this.checkImg() })获取已经被v-html渲染的节点，并获取其中img标签原创 2022-04-15 15:13:39 · 1110 阅读 · 1 评论 -
给nuxt项目添加SEO，GTM代码，GA代码
用nuxt写官网添加seo 添加GA代码 head(){ return{ show2:false, title:this.title, meta:[{ hid:'title',name:'title',content:this.title },{ hid:'description',name:'description',content:this.description },原创 2022-04-15 11:58:49 · 1699 阅读 · 0 评论 -
h5嵌ios，播放视频全屏无法关闭处理方法
1.让ios自己做app浏览器的处理（一个安卓的老员工告诉我的）这些都是要做优化的，比如uc那种人家都是自己做处理的。并不需要我这个h5操心.(但我不知道，所以做了2）2.不使用控件的全屏播放，自己做弹出框（缺点：交互复杂，且不能实现真的全屏）思路：当视频在页面时，可以使用video标签截出第一帧当封面，且不设置control。当点击到video时，弹出一个预览框，可以直接播放视频。踩坑：试用了video.js,vue-mini-player.还是全屏播放后不能进行任何操作。但发现vid原创 2022-04-15 11:39:17 · 1470 阅读 · 0 评论 -
h5 使用原生JS获取富文本标签内容，并进行展示
初衷嵌入app的h5免责声明（动态更改）1.cdn vue做了h5，后发生点击失效，及加载vuejs慢，页面不出来2.只能用原生js写一个小html了document.getElementById(‘message’).insertAdjacentHTML(“afterEnd”,msg)，获取某个元素，并在元素里添加富文本标签```html<!DOCTYPE html><html lang="en"><head> <meta name="vi原创 2022-02-11 13:48:57 · 3564 阅读 · 0 评论 -
把时间戳转换成倒计时
nowDate(val){ var starttime = val; let that=this var show=setInterval(function () { let nowtime=Date.parse(new Date())//把当前时间转换成时间戳 // console.log(starttime) console.log(nowtime); var time = starttime - no原创 2021-12-31 11:54:40 · 780 阅读 · 0 评论 -
nuxt 引入vue-baidu-map/vue-amap 地图底图空白，看不到线路
前提：百度和高德地图都试过了，都是一片空白，但是点击元素可以显示地点详细信息样式。唯独底图瓦片不显示。如果只是为了做展示用，不使用其他功能，可以直接引入原生百度地图<template> <div id="map"> <div @click="init">查询</div><!-- <el-input class="input" v-model="place" @change="init"></el-input&g原创 2021-11-05 15:12:37 · 1141 阅读 · 0 评论 -
双层v-for + v-model +input 循环出tab或表单
1.如图，4个tab页，相似的属性填写。2.解决踩坑1：直接拿接口的数组数据循环，然后利用Object.assign添加接口数据没有的属性进去，用v-for循环出来后，v-model=item.type.实际效果：不能填写input框，连输入都不行踩坑2：在坑1的基础上，更改v-model=item[type]（看了某个文章说，点对象不能做变量，要用【】。）实际效果：可以输入，但第一个框输入的内容 出现在了第二第三等剩余的框中踩坑3：在坑3的基础上，添加input的动态唯一id实际效果：原创 2021-07-28 15:33:46 · 388 阅读 · 0 评论 -
浏览器表单自动填充 解决
用了autocomplete=new-password,密码不会自动填充了，但还是会弹出来让选择自动填充。尤其还会自动填充密码栏以及接近的type=text的input框。还有一些电话号码 也会填充隔壁type=text的input框。在方法2的基础上，套一层el-form。使用elementUI-input也会偶然出现这个。原创 2021-07-20 11:10:43 · 874 阅读 · 0 评论 -
过滤数组返回数组、返回对象
以前过滤数组用filter，它会创建一个新的数组，数组里包含符合返回条件的数据无论数据是什么格式，总是会返回一个数组，如进阶：如果想获得的是数组中符合条件的数据，并返回数据本身的格式，而不需要用数组装着，用Array.find。这个方法返回满足条件的第一个元素的值...原创 2020-06-15 16:42:59 · 1919 阅读 · 0 评论 -
对动态生成的ul-li进行点击事件并更改其样式
1、点击动态的ul-li，给被点击的添加颜色$(this).addClass(“active”).siblings().removeClass(“active”) ，siblings（）是监听除该元素的同级元素原创 2020-05-12 18:07:34 · 1363 阅读 · 0 评论 -
用div+function做弹出框（主要是display的显隐）
定义两个div并定义id，第一个div设置遮罩层样式，top：0；上下左右都设置为0，设置z-index=10，加上透明度opacity。display：none第二个div设置弹出框样式，z-index=11；display：none当被点击实现function open（），用var id1=document.getElmentById(’’),id1.style.display=block完整代码附上<!DOCTYPE html><html><head>原创 2020-05-12 17:58:34 · 666 阅读 · 0 评论