huangpb的博客

转载自：https://www.jianshu.com/p/c5f6c98b2685微信小程序中用户登录和登录态维护提供用户登录以及维护用户的登录状态，是一个拥有用户系统的软件应用普遍需要做的事情。像微信这样的一个社交平台，如果做一个小程序应用，我们可能很少会去做一个完全脱离和舍弃连接用户信息的纯工具软件。让用户登录，标识用户和获取用户信息，以用户为核心提供服务，是大部分小程序都会做的事情。我们今...

前言原来小程序里的webView又这么多注意点。今日早读文章由腾讯imweb@结一投稿分享。正文从这开始～～对于开发者来说，如果 H5 页面能够直接嵌入到小程序那是再好不过了，而 web-view 组件正好就提供了这么个功能（个人类型与海外类型的小程序暂不支持使用）。简单来说它是一个可以用来承载网页的容器，会自动铺满整个小程序页面。 虽然这带来了很大的便利，但是也还是有很多需要注意的地...

要使用 ES7 的 async / await 的话，只靠微信开发者工具中的 Babel 转换工具是不够的，它还需要额外的 Babel 插件来编译 async / await 代码，这里我们可以做如下配置。配置步骤如下：1. 引入 regenerator 包在自己的测试项目下 npm install --save-dev regenerator，然后把 node_modules 下...

需求描述：商家用扫描枪扫用户条形码或二维码实现支付。效果图：说明：微信小程序、支付宝小程序的条形码和二维码都可以由一串数字通过 barcode.js 和 qrcode.js 插件绘制在页面的 Canvas 元素上。两个插件的内容我贴在文章末尾下面我总结一下基于微信小程序的整个实现流程：（支付宝小程序类似，只要在微信小程序的基础上稍微改一下就行了）1. 从后台获取要转...

获取access_tokenaccess_token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时，需定时刷新，重复获取将导致上次获取的access_token失效。在使用敏感文本接口和敏感图片接口都需要access_toke...

小程序开发工具原生支持 ES6 的 Promise（大部分情况不用另外安装 es6-promise 包）。特殊场景自己要加载的话也可以用 npm 的 es6-promise 包。下载 es6-promise-min.js 或 es6-promise.js 置于根目录下的 libs 文件夹下。一、处理普通的异步操作import Promise from '../libs/es6-p...

一、  安全区域(safe area)　　与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化：　　苹果对于 iPhone X 的设计布局意见如下：　　核心内容应该处于 Safe area 确保不会被设备圆角(corners)，传感器外壳(sensor...

意义1. 避开小程序官方规定的2M限制，代码包体积超过上限时将无法进行预览/上传/发布。2. 减小代码包体积，可以降低小程序下载时长、首次加载时长，降低新用户流失率。3. 能减少下载流量和本地空间占用，提升用户体验。策略1. 搬   能搬的尽量搬。图片、音频、数据、甚至页面（基础库1.6.4开始支持<web-view>组件支持内置H5页面），   很多非核心不紧急的资源文件都可以搬至服...

在微信小程序中使用 iconfont 主要有两种方式，第一种是使用 Font class 方式，第二种是使用 Unicode 方式。方式一：Font class 方式1. 在 http://iconfont.cn/ 选择你想要的图标，选择 Font class 类型并下载到本地。2. 解压下载到本地的压缩包，将里面的 iconfont.css 文件复制到你的项目中，并将后缀名改为 ...

使用 <web-view> 标签能在小程序中打开外部网页，但是要打开的网页的域名必须跟小程序的业务域名一致，否则在真机上是打不开的。如果开发工具上勾选了‘不校验域名’，在开发的时候还是能打开的，但也没用，线上是打不开的。实例：1. index.wxml<button bindtap='goBaidu'>点击跳转</button>2. index.js    go...

wx-charts微信小程序主流的图表工具基于 Canvas，体积小注意：wx-charts 插件无法在组件内使用。支持图表类型饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar如何使用1. 直接拷贝编译好的文件 dist/wxcharts-min.js 到项目中（js下载地址）import wxCh...

转载自：https://www.diycode.cc/projects/meili/min-cli?sync=1Min Cli令小程序组件的开发和使用变得愉悦○ 最佳实践MinUI，是基于 Min 平台产出的一套 UI 组件库，同时也是蘑菇街小程序在应用的 UI 组件库。通过下面的小程序二维码，可以在手机中体验 MinUI（微信基础库版本 1.6.3 以上支持）：○ 环境安装$ npm insta...

转载自：https://www.jianshu.com/p/e81239f0ad99个人喜欢用偏暗主题的ide，对于我来说微信小程序开发的ide主题看起来都不是很舒服，虽然它今天更新了，增加了深色和黑色的主题。但是只有编辑区是改变了主题的，一半黑一半白的ide，我还是选择白色。哦，不，我选择webstorm但是webstorm本身是不支持.wxml和.wxss文件高亮文本的，那我们就动手把它改成喜...

公司业务需要，要把本来的微信小程序移植到支付宝小程序，网上搜了一下，也没有很成熟的方案，用的最多的就是用wx2ali这个工具。这个工具也只能把微信小程序文件的后缀名替换成支付宝小程序文件的后缀名，还有把绝大部分原生API的名称替换了一下，有很多细节还是要自己去改的。下面我就来讲一下项目从0到上线亲自踩过的坑。ps：我用的是wx2ali@1.1.7这个版本踩坑1...