- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序 检测小程序版本更新提示
微信小程序新版本发布之后，用户使用依然是旧版本，这是因为在微信中有旧版本的缓存，不会及时更新到新版本。要想让用户更新到新版本，可以通过提示用户在微信中的“发现 - 小程序”入口中将旧版小程序删除，然后再重新搜索并打开该小程序但这种方式的用户体验极差，不推荐。那么，就有了以下的方法，这段代码推荐写在小程序主页面的的onLoad（）事件中，用户一打开小程序就能够判断有没有最新的版本，如果有就会给予...
2018-11-26 10:47:05
12396
6
原创 微信小程序 index.js获取app.js异步请求的动态数据
对于 “index.js不能获取app.js异步请求的动态数据” 这个问题，本人也是郁闷了好几分钟。解决方法是：getApp().wxFunction().then(res => { })先展示一下开始错误的代码吧app.js：globalData: { test: 1,},onLaunch(options) { console.log("onLaunch...
2018-11-24 11:38:42
8270
原创 微信小程序 animation动画-心跳
Animation动画 wx.createAnimation 。创建一个动画实例。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。 wxml：<view style="width: 50rpx; text-algin: center; color: #d70101;"> <view animat...
2018-11-21 15:47:53
1196
原创 微信小程序 倒计时
倒计时适用于很多场景，先mark下来，以备之后的一时之用吧 以下案例是24小时的倒计时wxml：<view>倒计时 {{countHour}}:{{countMinute}}:{{countSecond}}</view>js：data: { countDay: null, countHour: null, countMinute: n...
2018-11-21 14:59:42
992
原创 解决微信小程序、mpvue、vue 关于 wx:for、v-for 循环次数的问题
微信小程序：wx:if="{{index<5}}"<view wx:for="{{dataArray}}" wx:key="index" wx:for-item="item" wx:if="{{index<5}}"></view> mpvue、vue：v-if="index<5"
2018-11-21 11:03:04
5213
原创 解决无空格太长的字母或数字不会自动换行的问题
关于无空格太长的字母或数字不会自动换行的问题，bug效果如下图： 解决方法：（允许在单词内换行。）word-break: break-all;.item { word-break: break-all;} ...
2018-11-19 18:34:17
884
原创 微信小程序 - 扫描小程序码进入小程序并获取参数
在进入的页面加上的onLoad方法，获取参数onLoad(options) { if(options.scene) { let scene = decodeURIComponent(options.scene); console.log(scene) // 后续处理scene }}或者，在app.js的onLaunch方法中获取onLaunc...
2018-11-16 18:04:27
17715
3
原创 微信小程序 获取元素高度（获取元素节点信息）
微信小程序 获取元素高度（获取元素节点信息） 如果高度要px单位的话：let query = wx.createSelectorQuery();query.select('.content').boundingClientRect(rect=>{ let height = rect.height; console.log(height);}).exec(); ...
2018-11-15 17:24:17
15678
1
原创 vue axios的使用以及解决跨域问题
安装axios（前提是已经安装了vue）npm install axios --save使用axios1. 先在main.js中调用import axios from 'axios'axios.defaults.baseURL = "http://www.xxx.com";Vue.prototype.$http = axios;2. 在Vue实例中使用this....
2018-11-14 17:58:29
452
原创 微信小程序 返回上一页不触发onHide()
关于微信小程序返回上一页不触发 onHide() 的问题。 onHide是页面隐藏，onUnload是页面销毁。 使用 onUnload() 就行！ 【推荐文章】一图一表一段文字读懂微信小程序的生命周期...
2018-11-10 17:37:38
9810
原创 解决input的blur事件后button的click不执行的问题
我当时场景是微信小程序，在input中输入内容后，再点提交按钮，评论窗口隐藏了，但是提交的事件没有触发。这里的要求是： 1. input失去焦点时，需要评论窗口隐藏 2. 点击提交按钮后，既要提交，也要隐藏评论窗口当时的代码是：<div class="actionArea" v-if="isComment"> <input type="tex...
2018-11-09 17:00:32
3322
1
原创 mpvue微信小程序富文本解析 - mpvue-wxParse
mpvue-wxParse 是适用于Mpvue的微信小程序富文本解析组件，支持 HTML 及 markdown 解析。 安装npm install mpvue-wxparse使用 1. HTML<template> <div> <wxParse :content="article" @preview="preview" @...
2018-11-09 11:59:00
2514
2
原创 CSS制作各种形状(矩形、圆形、三角形、多边形、五角星星、太极阴阳图......)
CSS能够制作各种形状。正方形和矩形很容易，因为它们是自然形状。添加宽度和高度，就可以获得所需的确切尺寸矩形。添加border-radius，就可以将这些矩形变成圆形和椭圆形。我们还可以利用CSS中的::before和::after元素，添加到原始元素的形状，再通过巧妙地定位或者其它操作，就可以在CSS中使用单个HTML元素制作许多形状。 正方形#square {...
2018-11-08 18:18:26
3705
原创 javascript面试题 - 关于setTimeout异步的案例
var t = true;window.setTimeout(function (){ t = false;},1000);while (t){}alert('end');结果：死循环解释：js是单线程的，while和alert都是同步代码，所以会先执行while再alert，而while循环是一个死循环，所以alert也不会执行。再说setTimeout，它是异步...
2018-11-08 11:23:28
442
原创 mpvue开发微信小程序的全局变量问题-Vuex
如果你以前使用过原生的小程序开发，现在要使用mpvue框架的话，你应该也会遇到以下的问题：1. 怎么存放可全局访问的变量？2. 页面跳转的时候，怎么传递参数到下一个页面比较好？3. 页面返回上一页的时候，怎么传递当前页的数据到上一页？4. 多个页面间需要同步数据，怎么做比较好？ 在原生的小程序开发中，全局变量用的基本都是通过设置获取app中的globalData、通过存储获...
2018-11-07 11:21:04
5131
微信小程序购物车功能 含样式
2021-06-29
移动端自适应布局-rem.js
2018-09-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人