h5实现地图定位签到 本文示例基于腾讯地图所实现的一个在日常业务开发中偶尔会用到的功能:地图中上实现定位签到使用地图的签到功能,能实现在业务中的一些功能比如有:考勤签到,活动办理打卡点定位,判断某个目标是否在当前设置的范围内从而实现一些业务要求。现在有很多方式可以实现该功能,不管是app,小程序或者是h5端,前提都是首先基于第三方的地图提供的定位做实现,先上一张大概的效果图如下:从图中可以看到,位置点标记的为当前用户所处的位置,也就是用户当前所在的真实定位位置,在图中还标记着签到点,签到点为用户所标记需要签到的地点,该标
web端使用腾讯地图 前端中使用第三方地图是比较常见的,现在国内提供接入的地图主要有腾讯,高德,百度等第三方。而腾讯地图则是用的比较多的,在移动端,web端,公众号或者小程序的支持度也比较高,提供的功能比较丰富也是大多数业务中需要用到的。本文实现的主要有以下几个功能根据当前ip定位自定义搜索查找位置,根据地图返回的位置数据选择定位可在地图上点击标记进行定位输入框搜索选择获取位置信息点击地图实现标记并获取位置信息根据现有ip定位腾讯地图申请使用需要申请应用的key后才能调用相关的api由于篇幅有限
HttpServer使用 const fs = require('fs')const http = require('http')const zlib = require('zlib') // 压缩const createReadStream = fs.createReadStream('./test.html') // 读取文件流// 充当客户端向远程地址发起请求http.get('http://nodejs.cn/api/http.html', (res)=>{ console.log(res.statu
stream读取大文件 // 使用流的方式读取数据const fs = require('fs')const createStream = fs.createReadStream('./Abba Teens - Firefly.mp3')const writeStream = fs.createWriteStream('./t.mp3')createStream.on('data', (data)=>{ console.log(data); // 分段获取流数据 })createStream.on('en
Angular 中添加 <router-outlet> 标签后报错 If ‘router-outlet’ is an Angular component, then verify that it is part of this module.If ‘router-outlet’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.app-routing.module@NgM.
umi报文件名、目录名或卷标语法不正确 window下运行umi或create-umi命令报文件名、目录名或卷标语法不正确umi或create-umi在使用yarn或npm安装时被定义为全局安装,而安装完成后由于其它原因例如包管理器缓存或全局模块被重新设置为其它路径而导致命令运行失效。解决:查找到umi.cmd命令使用编辑器打开,删除除开头%"后直到盘符保存即可...
移动端实现1px像素边框 <div class="box"></div> .box{ width: 100px; height: 100px; position: relative; } .box::after{ position: absolute; left: -50%; top: -50%; wi..
浏览器滚动条自定义 /*整个滚动条*/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #ffffff; } /*滑动轨迹*/ ::-webkit-scrollbar-track { background-color: transparent; } /...
js随机数获取 function randomStr(length) { var text = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' + 'abcdefghijklmnopqrstuvwxyz' + '0123456789-_'; var str = ''; for (var i=0; i <length; i++) { var rand = Math.floor(Math.random() * text.length); str += text.substring(r
小程序中获取手机号与用户信息 <button open-type="getPhoneNumber" bindgetphonenumber="getphonenumber"></button> <button open-type="getUserInfo" getUserInfo="getUserInfo"></button> /*js*/ getPhoneNumber(event){ /*目前只有企业帐号可以获取用户手机号码,获取后需要解密*/ } getUs.
小程序中navigator使用 小程序中navigator使用<navigator open-type="navigate" url="/page/navigate/navigate?title=navigate">跳转新页面并可以返回上一级,不能跳tab页</navigator><navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect">关闭当前页打开新页面不可返回,不能跳tab页&
js保留小数位不四舍五入 @param@val:{type:Number}@decimal:所保留的小数位个数const formatDecimal = (val, decimal) => { val = val.toString(); let index = val.indexOf("."); if (index !== -1) { val = val.substring(0, decimal + index + 1); } else { val = val.substring(0);
h5创建相同标签内容数字递增快捷键 $符代表数字,*6表示创建6次,默认从1开始,间隔1{$}*6123456{$ }*4 /*$后边加space*/1 2 3 4 {$,}*4 /*$后边加逗号*/1,2,3,4,# 从固定编号开始,@6表示从6开始编号{$@6,}*46,7,8,9
css设置文本两行后显示省略 p{display: -webkit-box;//设置盒子属性text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;//...显示-webkit-line-clamp: 2;line-clamp: 2;//显示两行-webkit-box-orient: vertical;文本方向}