微信小程序
有趣的前端
这个作者很懒,什么都没留下…
展开
-
小程序照片高度如何自适应
微信小程序 Image 图片实现宽度100%,高度自适应样式设置宽度100%.img{ width: 100%;}添加属性 mode=“widthFix” ;<image class="img" src="../../images/hello.png" mode="widthFix">完美实现!!!原创 2021-01-29 10:25:51 · 152 阅读 · 0 评论 -
原生小程序如何动态title
wx.setNavigationBarTitle({ title: this.dynTitle })原创 2021-01-28 14:35:58 · 141 阅读 · 0 评论 -
前端在H5页面调起微信支付
在微信服务号开发的时候经常会遇到微信支付的功能实现,通过实际经验自己总结了一下,前端在H5页面调起微信支付有两种办法,一是利用内置对象,二是通过引用微信的js sdk,亲测都能支付成功,从写法上来看用内置对象方法比较简单。这里讲的只是前端要做的事情,整个微信支付还有多一半的工作量需要后台去实现,这里就不讲了。方法一(利用内置对象):function onBridgeReady(){WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId":原创 2020-09-20 20:39:17 · 3215 阅读 · 0 评论 -
微信小程序页面跳转方法总结
微信小程序页面跳转方法总结跳到tabBar页面用SwithTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面)不能传参跳到非tabBar页面(以下两种方式都可以传参)navigateTo (保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面)redirectTo(关闭当前页面,跳转到应用内的某个页面)reLauch (既可以跳到tabBar页面,又可以跳到非tabBar页面)关闭所有页面,打开到应用内的某个页原创 2020-08-11 22:37:48 · 1080 阅读 · 0 评论 -
为小程序自定义全局方法和全局变量( wx.aa )
如何使用wx自定义小程序全局方法和全局变量小程序无法像web一样使用window变量,也无法将自定义的方法挂载上去我们发现小程序API的方法都是挂载到wx这个变量上,全局可以访问到,我们是不是可以将自己自定义的方法或者变量也挂载wx这个变量上呢?1. 比如我们在app.js上挂载一个变量,然后在index.js上访问app.jsApp({ onLaunch() { wx.$data = 'test data' }})index.jsPage({ onLo原创 2020-08-09 16:57:01 · 1443 阅读 · 0 评论 -
微信小程序自定义组件或模板(为了项目方便复用)
1.自定义组件或模板(为了项目方便复用)自定义模板:只复用wxml,css部分,不具有交互功能wxml引入代码:<import src="classify.skeleton.wxml"/>//使用 is 是为模块文件名<template is="skeleton" />wxss代码://直接引入其他wxss样式@import "./classify.skeleton.wxss";自定义组件子组件如何创建一个完整独立的视图单元(wxml,cs原创 2020-08-06 14:28:53 · 582 阅读 · 0 评论 -
微信小程序生命周期
小程序核心重要Page({ /** * 生命周期函数--监听页面加载 */ //页面创建完,只触发一次,通常获取后台数据或接收另一个页面的传参时使用 onLoad: function (options) { //进入页面就会触发 }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () {//监听页面卸载,类似于vue中destroyed }, /** * 生命周期函数--监听原创 2020-08-05 20:01:55 · 221 阅读 · 0 评论 -
开发微信小程序流程
一、了解微信小程序微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用张小龙发布时间2017年1月9日二、微信小程序和普通H5的区别1. 微信小程序用开发者工具来查看预览页面,H5用浏览器来查看渲染页面2. 微信小程序扩展了底层能力,H5调用底层能力比较弱3. 微信小程序没有完整的JS API,但H5拥有完整的JS API(EcmaScript,DOM,BOM)开发能力4. 渲染机制不同:微信小程序渲染线线程和逻辑线程是独立并行运行的,而原创 2020-08-05 19:17:12 · 232 阅读 · 0 评论