- 博客(12)
- 收藏
- 关注
RSS订阅原创 微信小程序强制横屏
很简单pageOrientation三个参数：auto ：自动portrait : 默认（竖屏）landscape ： 横屏可在 app.json 的 window 段中设置 “pageOrientation”: “landscape” ，或在页面 json 文件中配置 “pageOrientation”: "landscape"详细可以参考猛点这里...
2021-07-12 17:04:29
1874
原创 微信小程序授权获取用户具体位置，经纬度转换位置信息
1、获取用户当前的设置（判断授权状态）使用wx.getSetting接口获取用户的当前设置。返回值中会出现小程序已经向用户请求过的权限。然后我们去判断用户地理位置的授权状态，根据状态做相应的操作具体实现方式如下getUserLocation: function () { var _this=this wx.getSetting({ success (res) { console.log(res.authSetting)//会返回用户授权的结果 //scope.userLoca
2021-05-28 14:05:03
2177
1
原创 微信小程序获取用户手机号后可修改，该appid没有权限问题
小程序手机号获取因为公司业务需要在获取用户手机号以后还可以修改用户的手机号一开始是想在input框上绑定事件，后来发现丫的根本就不生效才明白获取手机号的事件只能写在button上所以我用了一种比较笨的方法实现先是一段简单的input框通过wx:if控制文本框或者获取手机号按钮显示<van-field wx:if="{{phoneShow}}" label="手机号：" value="{{ floorPrice.phone }}" placeholder="请输入11位手机号码" bind:ch
2021-05-27 15:16:23
2279
原创 vue中使用vue amap组件调用高德地图
vue中使用vue amap组件调用高德地图：通过标签的方式附上文档：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install(1)、地图安装及显示1、npm install vue-amap --save2、在main.js中初始化高德地图import AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({ // 申请高
2021-05-27 11:57:22
520
原创 微信小程序wx.login()登录
小程序登录通过调用wx.login()方法获取一个 code调取后台接口将 code 和 appid 传给后台，后台就会去调取微信的登陆凭证校验接口前端通过调取后台接口拿到一个jwt字符串格式的token，里面包含 session_key（会话密钥）及openid（openid是用户的唯一标识）等，然后前端进行jwt解析拿到session_key，openidconst weappJwt = require('./miniprogram_npm/jwt-decode/index')//jwt解析
2021-05-27 11:49:20
5872
原创 ES6之promise
promise作用：通过链式调用解决回调地狱，可以获取异步操作的消息。特点：有三种状态：pending（进行中）、fulfilled（成功）和rejected（失败）。只有异步操作的结果可以决定当前是哪一种状态，任何操作都无法改变这个状态。缺点：1.首先无法取消Promise，一旦新建他就会立即执行，无法中途取消。2.如果不设置回调函数，Promise内部跑出的错误无法反应到外部。3.当pending的时候，无法知道进展到了哪一步。4.当函数调用多的时候，代码解构不清晰，代码可读性差基本用
2021-03-09 16:36:29
124
原创 H5序列图实现视频播放效果
H5序列图实现视频播放效果场景：公司业务需求在H5网页背景播放视频，但是手机上会出现各种奇葩问题，一个个解决过于麻烦于是博主直接简单粗暴的使用序列图拼接成类似视频的效果话不多说，先上代码：var urlRoot = './images/thumbs(';var indexRange = [ 1, 475 ];var maxLength = indexRange[ 1 ] - indexRange[ 0 ] + 1;var eleContainer = document.getElementById
2021-02-26 18:01:33
855
1
原创 css实现雪花背景图
css实现雪花背景图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
2020-10-21 13:49:11
777
原创 CSS实现列表各占一半文字溢出显示省略号
css实现列表各占一半文字溢出显示省略号文档仅供个人参考使用<div class="box"> <div> <p v-for="item in data" :key="item.id"> <label> <input type="radi...
2019-10-31 11:03:50
372
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人