[其它] 浅析Vue 和微信小程序的区别、比较

说明：写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad：页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow：页面显示 每次打开页面都会调用一次。 onReady：页面初次渲染完成
<weixin_38746387> 上传 | 大小：188kb

[其它] 微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)

说明：本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考，具体如下： 实现的目标—-YDUI的Popup组件 点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层—-左侧菜单栏关闭 实现方案1：左侧菜单和右侧展示页面分为上下两层 wxml <view bindtap=open_list wx:for-items={{nav_list}} class=
<weixin_38610573> 上传 | 大小：66kb

[其它] 微信小程序自定义导航教程（兼容各种手机）

说明：前言 本文主要给大家介绍了关于微信小程序自定义导航的相关内容，详细代码请见github，请点击地址 （本地下载），其中有原生小程序的实现，也有wepy版本的实现 了解小程序默认导航 如上图所示，微信导航分为两部分，第一个部分为statusBarHeight，刘海屏手机（iPhone X，小米8等）会比其他的手机高很多，第二部分为titleBarHeight，安卓和IOS的高度不同，但是IOS高度是一样的，IOS高度是一样的, 所以我们要实现一个兼容不同手机的导航必须要根据不同的手机实现st
<weixin_38643401> 上传 | 大小：231kb

[其它] 微信小程序实现点击图片旋转180度并且弹出下拉列表

说明：本文为大家分享了微信小程序实现图片旋转、下拉列表的具体代码，供大家参考，具体内容如下 正文： 先上效果图： index.wxml {{firstPerson}} //三目法判断图片要不要旋转180。 <vie
<weixin_38553837> 上传 | 大小：61kb

[其它] 详解如何在微信小程序开发中正确的使用vant ui组件

说明：微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq….），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。 第一步： 在小程序工程的根目录下执行： npm i vant-weapp -S --production 第二步： 保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“ 构建成功后会提示： 同时项目根目录中会多出一个目录“miniprogram_n
<weixin_38747211> 上传 | 大小：154kb

[其它] 微信小程序自定义select下拉选项框组件的实现代码

说明：知识点：组件，animation，获取当前点击元素的索引与内容 微信小程序中没有select下拉选项框，所以只有自定义。自定义的话，可以选择模板的方式，也可以选择组件的方式来创建。 这次我选择了组件，这样只需引入组件和添加数据，其它的不用管，就能实现多个地方重复使用了。 第一步：创建组件所需的文件 我喜欢把共用的内容都放在和pages文件同级的地方，所以有了下面的目录结构 （1） 先创建一个自定义名字的文件夹，例如我上面的Componet （2） 再创建一个select文件夹，然后：右键这个文
<weixin_38524851> 上传 | 大小：81kb

[其它] 微信小程序实现团购或秒杀批量倒计时

说明：本文实例为大家分享了微信小程序实现批量倒计时的具体代码，供大家参考，具体内容如下 效果图 实现思路 微信小程序实现倒计时，可以将倒计时的时间进行每一秒的计算和渲染！ JS 模拟商品列表数据 goodsList； 在 onLoad 周期函数中对活动结束时间进行提取； 建立时间格式化函数 timeFormat； 建立倒计时函数 countDown； 在 onLoad 周期函数的提取结尾执行倒计时函数 countDown。 倒计时函数详解 获取当前时间，同时得到活动结束时间数
<weixin_38714910> 上传 | 大小：197kb

[其它] 微信小程序自定义prompt组件步骤详解

说明：步骤一：新建一个component的文件夹，用来放所有的自定义组件；  步骤二：在该目录下新建一个prompt的文件夹，用来放prompt组件；  步骤三：右击–>新建–>component 直接上代码 wxml {{title}} <input class=prompt-input type=digit
<weixin_38516863> 上传 | 大小：67kb

[其它] 微信小程序出现wx.getLocation再次授权问题的解决方法分析

说明：本文实例讲述了微信小程序出现wx.getLocation再次授权问题的解决方法。分享给大家供大家参考，具体如下： 首先，在page外定义一个公共函数用于发送获取位置的请求 var getLocation = function (that) { wx.getLocation({ type: 'wgs84', success: function (res) { // 经纬度 var latitude = res.latitude var longitude = res.
<weixin_38701312> 上传 | 大小：59kb

[其它] 微信小程序网络请求封装示例

说明：网络请求 网络请求小程序提供了wx.request， 仔细看一下 api，这不就是n年前的 $.ajax 吗，好古老啊。 // 官方例子 wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function(res) { console.lo
<weixin_38735101> 上传 | 大小：92kb

[其它] 微信小程序 组件的外部样式externalClasses使用详解

说明：启用外部样式： 自定义组件： v-tag 在html 引入 在组件写外部样式的css : .ex-tag { background-color: #fffbdd ; } 在组件使用该外部的样式 这个时候我们发现没有效果 我们应该使用！important 强制覆盖样式 .ex-tag { background-color: #fffbdd !important; } 效果：
<weixin_38638688> 上传 | 大小：47kb

[其它] 微信小程序image图片加载完成监听

说明：需求 在应用中显示的图片很多情况不满足业务需求，我们需要动态根据图片的宽高进行缩放或加载中显示的缺省图片，这是我没就需要监听图片加载完成回调，来看看微信小程序怎么实现图片加载完成回调。 实现 1. 绑定回调 通过image标签的bindload属性绑定图片加载完成回调函数，src根据图片加载是否完成绑定是否显示缺省图： 2. 回调监听 在js文件中定一个imageLoad函数，我们就可以通过参数拿到图片加载完成宽高信息： im
<weixin_38674627> 上传 | 大小：33kb