
微信小程序入门
微信小程序从入门到精通~
MIKE-zi
单片机 MCU ECU C语言,汇编软件工程师,IOS objective-c swift 研发工程师 前端开发H5,javaScript,typescript 前端三大框架 vue , react , angular ,微信原生小程序开发,taro跨平台小程序开发
展开
-
微信小程序分享功能
微信小程序分享功能。1.打开分享功能按钮。可以显示出分享按钮wx.showShareMenu(Object object)官方文档如下https://developers.weixin.qq.com/miniprogram/dev/api/share/wx.showShareMenu.html实现代码wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline']})原创 2021-08-30 14:45:49 · 8739 阅读 · 0 评论 -
微信小程序opensetting对比getsetting
对于微信小程序的这两个api的介绍官方文档写的比较简单,好像都是来获取当前用户的授权状态。官方文档https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.openSetting.htmlgetsetting:获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。opensetting:调起客户端小程序设置界面,返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限。原创 2021-08-05 14:11:22 · 1412 阅读 · 0 评论 -
微信小程序 px和rpx px和pt 深度解析
通过这篇博客我们深入的研究一下rxp。想要理解rpx首先看一张图,理解一下pt和px如图所以 pt和px是有对应关系的 不同的机型 会有1倍2倍3倍的对应关系:pt 称为逻辑分辨率 和 和屏幕的尺寸有关系 屏幕大 逻辑分辨率就多 ,屏幕小 逻辑分辨率就小px 称为物理分辨率 和屏幕没有关系 和pt有对应关系 例如iphone6 对应2倍渲染关系。375逻辑分辨率的屏幕就可以渲染出750物理分辨率特别注意:小程序中的px指的是逻辑分辨率(pt) 例如 ihone6机型下给图片750px 实际上原创 2020-09-17 20:55:34 · 10379 阅读 · 7 评论 -
小程序 图片显示模式详解
其实小程序的图片显示模式和其他语言差不多,这里详细介绍一下小程序支持的13种图片显示模式缩放 scaleToFill 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素缩放 aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。缩放 aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。缩放 widthFix 宽度不变,高度自动变化,保持原图宽原创 2020-07-02 16:36:02 · 4841 阅读 · 0 评论 -
小程序compnent组件的使用
1.首先建立compment文件2.在.json中写好配置{ "component": true, "usingComponents": {}}然后就像写页面一样把.wxml .wxss .js写好 组件的封装就算完事了3.使用的地方也需要写.json配置文件.json中引入组件 并且给去一个名字 作为key值{ "usingComponents": { "uploadimage": "./component/uploadimage" }, .原创 2020-05-20 13:28:35 · 309 阅读 · 0 评论 -
小程序工具类的使用
小程序中经常需要用到工具类,主要是两方面,定义工具类的.js文件,再有就是如何引入1.首先我们定义一个Js文件 里面放一个我们需要常用的urlconst baseUrl = "https://test.com";let uploadImgUrl = baseUrl + "/file/upload";module.exports = { uploadImgUrl}module.exports如同英文的意思 暴露出一个uploadImgUrl2.使用的地方引入在tes.原创 2020-05-19 15:22:27 · 920 阅读 · 0 评论 -
小程序操作上一页的数据
var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法,把数据存到上一个页面中去 prevPage.setData({ selectPatient: items[index] }) wx.navigateBack({//返回 delta: 1 ...原创 2020-05-18 17:28:54 · 337 阅读 · 0 评论 -
小程序单页面json配置
单页面json配置导航背景色,字体颜色,title等{ "usingComponents": {}, "navigationBarTextStyle": "black", "navigationBarTitleText": "练习页面", "navigationBarBackgroundColor": "#962927"}效果如下原创 2020-05-18 17:07:46 · 515 阅读 · 0 评论 -
小程序app.json结构
"pages": [ "pages/authorize", "pages/index/home", "pages/onlineSeek/index", "pages/mine/mine", "pages/index/index", ]pages里面存放着 所有页面的地址 "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#ff...原创 2020-05-18 17:02:11 · 243 阅读 · 0 评论 -
小程序 数组array总结
/** * 页面的初始数据 */ data: { testArr:[0,1,2,3,4,5] }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.data.testArr.forEach(item =>{ console.log(item) }) //0 ,1,2,3,4,5 //从0位 取到2位 返回新数组 不包括第二位 原数..原创 2020-05-18 16:57:16 · 2183 阅读 · 0 评论 -
小程序 wx:for循环
小程序中基本的循环输出,根据数据多次循环输出控件:.xml <block wx:for="{{testArr}}" wx:for-index="index" wx:for-item="cell" wx:key="index"> <view>我是view{{index}}</view> <view catchtap="click" data-name="{{cell.name}}">名字是{{cell.name}}</view>原创 2020-05-18 16:16:21 · 7595 阅读 · 0 评论 -
小程序 wx:if 动态显示布局
微信小程序最基本的分支结构控制,wx:if,通过js中的变量控制同一位置的不同显示.wxml<view wx:if="{{value == 1}}"> <view>显示内容1</view></view><view wx:elif="{{value == 2}}"> <view>显示内容2</view></view><view wx:else> <view>显示其原创 2020-05-18 15:51:17 · 1262 阅读 · 0 评论