- 博客(10)
- 收藏
- 关注
原创 高德地图--精准定位失败原因
由于Chrome在国内没有提供服务,因此使用Chrome定位服务的浏览器,比如:Chrome、火狐、安卓原生WebView等环境的原生定位通常都会定位失败;这个都是依赖于浏览器的,JS这边目前干预不了的。可以使用edge试下,目前Edge,safari浏览器对定位兼容较好!Geolocation.getCurrentPosition获取当前位置失败原因,浏览器不支持定位。巨坑~~~尝试使用geolocation.getCityInfo替换获取位置。
2023-05-17 13:46:55 2188 4
原创 vue-cli搭建+element UI+echarts+时间格式化+高德地图+swiper
1、打开cmd命令窗口,node -v确认,有版本号则node已安装,没有就安装简单理解就是以下操作,环境搭建完成就直接进行第四部**1.node.js下载安装2.cmd中输入 npm install -g cnpm –registry=https://registry.npm.taobao.org3.cmd中输入 cnpm install -g vue-cli 安装之后输入vue验证4.cmd中输入 vue init webpack gm_project(最后这个是我创建的项目文件夹的
2022-03-09 14:01:00 911
原创 js常用方法
1/数组的去重//字符串的去重var arrData=[1,2,3,2,3,4]var list=newArr(arrData)//数组去重--gmgmfunction newArr(arr) { return Array.from(new Set(arr))}console.log(list)//[1,2,3,4]//常用循环方法function unique(arr){ for(var i=0; i<arr.length; i++){
2021-09-16 09:30:35 198
原创 展示大屏的常用效果[无线滚动]
1/向上面不间断滚动效果css:<div class="marquee>我是需要滚动的内容</div>/* 动画 */@keyframes scroll-top { 0%{} 100%{ transform: translateY(-50%); }}.marquee { animation: scroll-top 15s linear infinite;} .marquee:hover{ animation-pl
2020-12-16 16:35:42 780 1
原创 简单的签到--点击按钮和圆点都签到
html<div class="signHead"> <div class="signAllBox">本月签到<span class="allNum">0</span>天</div> <div class="signNowBox">本周连续签到<span class="lastNum">0</span>天</div> </div> <di..
2020-07-17 17:38:53 1279
原创 echart--效果花式折线图
1/复杂的折线html<!-- gm花样折线图gm --> <div class="stepBox" id="stepEchart" style="height:500px;"></div>js//工艺流程对比--0708function echartsData(idName, xData, lendName, allLineData, minStep, maxStep) { var chartrun2 = echarts.init(document.
2020-07-13 14:04:20 898
原创 小程序滑动放大图片(只能上下左右的进行查看放大的图)
wxml中的内容<view style="overflow:auto;width:100%;height:100%;"><image mode='scaleToFill' src='homepage.png' bindtouchstart='touchStartHandle' bindtouchmove='touchMoveHandle' bindload='load' st...
2020-04-16 11:07:06 491
原创 GM小程序填坑之路:
1/编辑保存之后,返回列表页面,如何让类别页面保存原本状态进行刷新wx.navigateBack,其实你从那个页面跳走再用wx.navigateBack返回的方式走到该页面,走的时候是啥状态现在就是啥状态,如果涉及状态改变的部分必须写在onshow生命周期函数中,onload只会初次执行,等wx.navigateBack不会再次执行,但onshow会执行。2/为了显示不同状态,不同样式...
2019-09-19 17:29:51 247
原创 201809整理css内容
1、 不同浏览器的标签默认的内外补丁不同解决方案:* {margin:0;padding:0}2、设置较小的高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度解决方案:给超出高度的标签设置overflow:hidden;或设行高line-height 小于你设置的高度。3、图片默认有间距解决方案:使用float属性为img布局4、IE6双...
2019-09-19 17:29:02 121
原创 H5_js方法记录
H5页面常用方法js/*gm字体函数gm*/setHtml();window.addEventListener('resize', function() { setHtml();});function setHtml() { var width = document.documentElement.clientWidth; if(width&amp;amp;lt;750){ docum...
2019-03-14 11:23:20 286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人