微信小程序
关注
分享
扫一扫
微信小程序知识点
百里宝宝
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序蓝牙设备连接与写入
微信小程序中连接蓝牙设备，蓝牙设备写入流程1、检测当前使用设备（如自己的手机）是否支持蓝牙/蓝牙开启状态wx:openBluetoothAdapter({})2、如蓝牙已开启状态，检查蓝牙适配器的状态wx.getBluetoothAdapterState({})3、添加监听蓝牙适配器状态变化wx.onBluetoothAdapterStateChange({})4、搜索附近蓝牙设备wx.startBluetoothDevicesDiscovery({})5、监听搜索的到设备wx.onBl原创 2020-08-17 15:16:22 · 2514 阅读 · 0 评论 -
小程序的分包加载
1、整个小程序所有分包大小不超过8M2、单个分包/主包大小不能超过2M3、声明subpackges后，会按照subpackages配置路径进行打包，subpackages配置历经外的目录会被打包到app（主包）中4、subpackage 的根目录不能是另外一个 subpackage 内的子目录5、tabBar 页面必须在 app（主包）内引用规则：1、packageA 无法 requi...原创 2019-10-14 19:07:58 · 320 阅读 · 0 评论 -
小程序storage
1、同一个微信账户，同一个小程序stirage上限为10MB2、storage以用户维度隔离，同一台设备上，a用户无法获取到b用户的饿数据3、如果用户存储空间不够，会清空最近最久未使用的小程序的本地缓存。空间不足或者用户换设备的情况都可能导致获取不到storage...原创 2019-10-14 18:30:10 · 589 阅读 · 0 评论 -
小程序1rpx的边框在部分真机上不显示
1、修改元素宽度：保证（宽度/2）为奇数或者奇数.5即可解决2、元素前面加个空标签：空标签样式width:1rpx; float: left; height:100%;3、给元素添加样式：transform: rotateZ(360deg)...原创 2019-10-12 18:52:35 · 741 阅读 · 0 评论 -
小程序组件间的通信
1、wxml数据绑定：引用子组件的时候通过属性设置数据2、通过事件，子组件想父组件传递数据3、父组件通过this.selectComponent方法获取子组件实例对象来访问子组件的任意数据和方法...原创 2019-10-12 10:58:13 · 300 阅读 · 0 评论 -
小程序生命周期
小程序生命周期：onLaunch、onShow、onHide、onError页面生命周期：onLoad、onShow、onReady、onHide、onUnload(可参考https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html)组件生命周期： created、atta...原创 2019-10-09 19:50:10 · 308 阅读 · 0 评论 -
小程序中会触发页面onUnload的事件
1、页面重定向： wx.redirectTo2、左上角返回按钮：wx.navigateBack3、wx.reLaunch原创 2019-10-10 18:25:25 · 3503 阅读 · 0 评论 -
微信小程序中的样式
1、定义在app.wxss中的样式为全局样式，作用于每个页面。2、在page的wxss文件中定义的样式为局部样式，只作用在对应的页面。3、自定义组件不受引用组件的页面的样式、app.wxss中的样式的影响。...原创 2019-10-10 19:03:38 · 263 阅读 · 0 评论 -
小程序的运行时
微信小程序运行在三端：iOS（iPhone/iPad）、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的：在 iOS 上，小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中，视图层是由 WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10；在 Android 上，旧版本，小程序逻辑层的 ja...原创 2019-10-10 20:03:19 · 1255 阅读 · 0 评论 -
小程序与普通网页开发的区别
1、网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面无响应，而在小程序中，二者是运行在不同的线程中的2、小程序的逻辑层和渲染层是粉来的，逻辑层运行在jsCore中，并没有一个完整的浏览器对象，因而缺少相关的dom api和bom api。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同...原创 2019-10-09 16:13:17 · 844 阅读 · 0 评论 -
使用微信小程序组件需要注意的点
1、页面滚动元素可使用scroll-view，但是此组件本身的滚动事件会阻止页面回弹，导致无法触发onPullDownRefesh。若要使用下拉刷新，请使用页面的滚动view，而不是scroll-view，这样也能通过点击顶部状态栏回到页面顶部2、text组件内只能内嵌text组件...原创 2019-09-27 17:19:31 · 415 阅读 · 0 评论 -
小程序支付系统交互流程
转载 2019-07-22 11:19:04 · 500 阅读 · 0 评论 -
微信小程序填坑---scroll-view横向滚动
问题描述scroll-view写横向tab滚动<scroll-view scroll-x="true" class="container"> <view class="item">全部</view> <view class="item">风景</view>原创 2018-05-24 16:22:08 · 2037 阅读 · 2 评论 -
css中的will-change
关于CSS的will-change属性的介绍CSS3will-change在这篇文章中，我们将研究CSS中的will-change这个属性，研究它是什么，何时、如何使用它以及如何不使用它。这儿有许多关于wil-change的技术文章，所以在这篇文章中，我将参考大量的这些资源，并且在文章的末尾编辑一份列表。通过一些简单例子，这篇文章将作为重要部分的概述。一些背景 现在许多的前端工程师正...原创 2018-06-28 11:31:58 · 1287 阅读 · 0 评论 -
微信小程序登录会话
微信小程序登录会话：转载 2018-11-16 15:16:48 · 411 阅读 · 0 评论 -
微信小程序，直接给data中的对象添加属性
data:{testData:{}},onLoad(){const testData = this.data.testData; this.setData({ ['testData.li']:'123', }) setTimeout( () => { console.log(this.data);...原创 2018-11-19 16:01:15 · 13170 阅读 · 4 评论 -
微信小程序-分享内容中的tittle折行问题
在微信小程序中的分享中，分享弹层中的tittle,在安卓手机上会自动折行，而在苹果手机上则是自动省略（…）分享后在聊天中的tittle显示：安卓和苹果手机如果超过两行都会自动省略（两行内容+…）...原创 2018-12-21 17:38:22 · 2697 阅读 · 2 评论 -
flex元素上下左右居中对齐
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ **d...原创 2019-07-01 17:15:55 · 3389 阅读 · 0 评论 -
flex子元素溢出
<view style="display:flex; flex-wrap:nowrap;width: 200px;"> <view style="width: 100px; height: 100px; background: #f00;"></view> <view style="flex:1; height: 100px...原创 2019-07-01 17:44:12 · 4898 阅读 · 0 评论 -
微信小程序在不同移动设备上的差异导致原因
在不同的运行环境，ios、安卓、开发工具三个不同的运行环境同样在iPhone手机上存在二倍像素、三倍像素问题，也会有差异。尽量适应偶数rpx单位使用...原创 2019-07-19 13:49:23 · 2397 阅读 · 0 评论 -
微信小程序填坑----scroll-view与flex布局bug
问题描述：当父级使用flex布局(垂直方向)，子元素由两个scroll-view组成，结构如下：<view class="container"> <scroll-view scroll-x="true" class="item-1"></scroll-view> <scroll-view scroll-y="true&原创 2018-05-24 16:03:45 · 8871 阅读 · 1 评论