- 博客(15)
- 收藏
- 关注
RSS订阅原创 h5使用navigator.geolocation获取定位经纬度。vue中引入百度地图api转换为具体地址
navigator.geolocation对象提供了可以公开访问地理位置的方法，其中navigator为浏览器内置对象。检测浏览器是否支持定位API，只需要检测geolocation是否存在于navigator中即可。对于移动Web开发者，大多数情况只需要获取用户的当前位置，此时可以使用getCurrentPosition()方法来获取当前位置的坐标值。
2022-11-03 16:06:27
1883
原创 css实现竖向步骤条
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> <base target="_blank" /> <style> .hovertree-tr
2022-02-22 21:06:19
2087
原创 uniapp 实现微信小程序授权，获取用户信息，获取手机号，解密手机号。
授权html代码（授权只能点击触发，不能直接触发）<view class="button-sq" hover-class="button-hover" @tap="authoLogin()"> <text>授权</text></view>js代码 （appid，secret在小程序开发>开发管理>开发设置>开发者id 查看）methods: { //用户授权，获取用户信息 authoLogin() { u
2022-01-12 11:03:22
3806
1
原创 前端文本输入框实现带“#”的关键词变色（类型微博的话题 #wink状态#）
本意是研究小程序中实现这个功能的，没有找到好的方法，只能先实现pc端的看看- .-html代码contenteditable 可以实现盒子内的元素可以编辑，模仿textarea文本框<div id="box" contenteditable="true"> </div>style样式 #box{ border: 1px solid #CBCBCB; height: 200px; width: 400px; }#box span{ colo
2021-12-10 11:41:06
1536
2
原创 js数组删除相同的项（不是去重）
js数组删除相同的项（不是去重）function qvchong(data) { var newData = [] for (let i = 0; i < data.length; i++) { let count = 1; //计数器 for (let j = 0; j < data.length; j++) { if (i != j) { if (JSON.stringify(data[i]) == JSON.stringify
2021-11-10 10:53:42
847
原创 获取url地址栏信息，含中文
function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return decodeURI(r[2]); return null; }
2020-09-25 15:33:58
227
原创 获取地址栏的参数
function GetUrlByParamName(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var URL = decodeURI(window.location.search); var r = URL.substr(1).match(reg); if(r!=null){ return decodeURI(r
2020-06-29 14:24:18
107
原创 JS获取当前时间
!(function () { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var h = date.getHours(); var m = date.getMinutes(); if (month < 10) { month = "0" + month; } if (day &l
2020-05-12 16:46:17
122
原创 vue移动端分页
vue 一次请求全部数据分页<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { width: 500px; background: skyblue; margin: 0 auto; } span{ font-wei
2020-05-11 11:20:46
1484
原创 input tyepe：file 修改样式
input tyepe：file 修改样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .inputBox { width: 100px; height: 50px; background: green;
2020-05-08 18:37:45
139
原创 自定义栅格系统
注意：使用前设置 *{ box-sizing: border-box; }css源码.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { con...
2019-11-07 22:10:03
281
1
原创 表单属性总结
表单属性总结 <!-- 清除默认样式 --> input{ border: none; <!-- 去边框 --> outline: none; <!-- 去除选中边框 --> background-color: rgba(0,0,0,0); <!-- 去除背景样式 --> } <form action...
2019-10-30 15:45:05
293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人