自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 微信小程序自定义slider组件实现双向滑块

微信小程序自定义slider组件实现双向滑块

2022-08-12 17:35:14 1408 4

原创 vue中使用vuedraggable实现拖拽分组功能

vue中使用vuedraggable实现拖拽分组功能

2022-08-12 16:57:12 4128

原创 微信小程序强制横屏

很简单pageOrientation三个参数:auto :自动portrait : 默认(竖屏)landscape : 横屏可在 app.json 的 window 段中设置 “pageOrientation”: “landscape” ,或在页面 json 文件中配置 “pageOrientation”: "landscape"详细可以参考猛点这里...

2021-07-12 17:04:29 1873

原创 微信小程序父子组件创建、传参(监听传参、父组件滚动加载子组件数据)

标题

2021-06-02 18:58:44 1027

原创 微信小程序授权获取用户具体位置,经纬度转换位置信息

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 5862

原创 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 853 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 776

原创 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

手动封装silder双向滑块组件

由于小程序现有组件库silder无法双向选择稍加改动封装的组件

2022-08-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除