微信小程序开发实战宝典(含个人注册指南)

3,459 阅读22分钟

1. 本页内容较多,你可以使用页内搜索直接对本页进行搜索;

2. 专题内容正在增加中, 如果你有推荐的内容或是专题内有描述错误或存在误导的内容,欢迎在这里给我推荐或帮助我修正问题;

3. 专题内容多来自外部,由我进行整理;凡是来自外部的内容均标注了原作者或原文出处;
如果你不希望自己的内容出现在这里,请联系我删除;如需转载专题内的文章,非本站原创请在明显位置标注原出处链接,本站原创内容请标注本站原文链接。

  • 开发前必读简要

    基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要;| 链接

  • 微信小程序个人注册简单步骤

    打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接

  • 微信开发者工具【项目】详解

    为什么我的小程序通过审核,但是搜索不到呢?原因是必须在后台内点击发布,才会发布;| 链接

  • 小程序开发上线(发布)步骤

    这篇帖子将简单的介绍基本的步骤,以便新手们建立一个基本的印象;| 链接

  • 从零开始:微信小程序新手入门宝典

    为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里; | 链接

  • 安卓或ios开发者学习小程序指南

    我发现很多安卓或是ios开发者,学习了小程序的开发,并且很顺利。 | 链接

  • WXSS/CSS相关知识说明

    为了更适合开发微信小程序,WXSS对 CSS 进行了扩充以及修改。| 链接

  • 使用官方WEUI-WXSS相关知识

    使用官方 UI 简化设计开发流程,如果你的项目对 UI 定制要求不是很高的话。| 链接

  • 常用api域名配置列表及免费API集合

    免费API大全以及后台配置域名的方法| 链接

  • 一键添加小程序所有文件jswxmlwxssjson

    升级到新版后可以“一键”新建小程序4个常用文件,不用一个一个的去建,方便多了!| 链接

  • 常用快捷键总结 (mac系统/win系统)

    1: opt + shift + f : 代码格式化2: cmd + [, cmd+ ]代码行缩进。。。| 链接

  • 让他人体验自己的小程序

    怎么让别人体验自己的小程序啊,我认为这个将是很多朋友即将遇到的问题| 链接

  • 官方社区使用指南

    为了让大家解决问题更有效率,官方社区是必不可缺的。| 链接

  • 如何让微信小程序更容易审核通过

    微信小程序审核不通过,有很多原因,其中最明显的一点就是:服务类目问题;| 链接

  • 审核提供测试账号

    自有账号体系 提交审核怎么提供测试账号| 链接

  • 关于如何将大神demo应用于自己项目

    把大神们造轮子的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅 | 链接

  • 使用本地服务器进行调试

    怎么请求本地网络啊 IP形式的网络?怎么访问本地架设的服务器?| 链接

  • 开发者工具无法登录账号

    最近开始频发无法登录账号的问题,诸如request https 404报错 登录态失效等 | 链接

  • 小程序敏感词汇过滤问题

    用户需要发表内容的小程序,需要设定关键词过滤,屏蔽掉政策不允许的内容:| 链接

  • 公众号关联微信小程序简单方法

    很多人可能会问,公众号如何添加微信小程序呢?步骤很简单: 1:https://mp.weixin.q | 链接

  • 无法长按识别及无法分享到朋友圈的替代方法

    看到@327674413 同学发了一个花样二维码,我看了之后,顿时来了一个灵感。。。 | 链接

  • 使用PHP/thinkphp后端问题

    后端部分跟小程序的前端部分是分离的 | 链接

  • 使用java后端问题说明

    请求数据方面没有区别,只需要提供json格式的数据接口即可;但是因为小程序方面对其他| 链接

  • 使用nodeJS作为小程序后端

    node用的人很多啊。。稍微聚集一下相关的知识| 链接

  • 使用C#解密用户信息

    由于官方没有提供C#的解密demo,所以大家只能八仙过海各显神通了。。。 | 链接

  • 使用第三方SDK及服务及扩展库及框架

    目前已经为小程序开发了SDK及可以辅助开发的库或框架或SDK| 链接

  • 使用第三方库(第三方js)

    小程序怎样引用第三方js呢?第三方js是封装好的类库 想引用进来实例化使用| 链接

  • 使用第三方编辑器(IDE

    开发小程序,并非一定要使用官方的编辑器,你也可以任意选择自己喜欢的编辑器;| 链接

  • 模块化、组件化及封装

    开发过程中要学会不断的重构代码,尽量提高代码的可重用性,尽量不要复制相同的代码。| 链接

  • 参数传递,跨页面传值或通讯相关知识

    这个东西,是开发小程序必备神器,越深入了解,越可以有效的帮助自己| 链接

  • 图表类:折线图,柱状图,K线,分时图

    各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现。| 链接

  • 模版template使用,import及include

    template是小程序中的一个重要应用;WXML 提供两种文件引用方式import和include。 | 链接

  • 富文本解析:将html转为为wxml

    富文本解析是一个困扰无数人的问题,目前网上的解决方案已经比较多了 | 链接

  • 自定义字体/自定义图标相关

    自定义图标及自定义字体,一直是很多小程序开发者的心病| 链接

  • 微信小程序真机预览跟本地不同的问题

    本地可以看到数据,打开调试也可以看到数据,关闭调试则看不到数据;或是开发版可以看| 链接

  • 常见错误及基本排除方法

    也接触了不少人解决问题的过程里,有一些比较难以排查的可能性列举在这 | 链接

  • ios苹果真机相关问题

    此问题只在ios上出现,而安卓没有问题;或是这个问题同时在安卓和ios上出现;| 链接

  • Android安卓真机相关问题

    本帖特别针对以下两个情况:情况一:此问题只在安卓上出现,而ios没有问题;| 链接

  • Javascript 标准库兼容性及ES6支持度说明

    iOS、Android 和 开发者工具。三端的脚本执行及用于渲染非原生组件的环境是各不相同的| 链接

  • ssl证书相关问题

    errMsg: "request: fail ssl hand shake error"等错误及免费证书申请地址| 链接

  • 小程序1024K限制及代码压缩相关

    为了提升小程序体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传| 链接

  • 微信小程序支付(微信支付签名错误

    发起支付时的签名需要有appId(不是appid,大小写)| 链接

  • 微信支付(微信小程序支付)

    小程序仅支持微信支付;而微信支付需要认证后才可以使用,需要花费300元认证费用;| 链接

  • 微信登录问题

    有个登录功能,为什么小程序在别的手机上无法登录?| 链接

  • Session、session_key及checkSession

    checkSession 就是用来检测 session_key 是否过期| 链接

  • 用户未授权获取登录信息的替代方法

    用户如果拒绝授权,需要10分钟等待后才可以再次申请授权;| 链接

  • 授权获取用户信息的弹窗

    授权获取用户信息窗口在开发工具可以多次提示,在手机上测试的时候只弹出一次,这是正| 链接

  • openid与unionid

    微信登录必备| 链接

  • 解密获取unionid问题

    unionid,需要 先在微信开放平台内绑定小程序;open.weixin.qq.com,方可解密出unioni| 链接

  • 带参数二维码,返回数据保存为图片

    php,java,node,C#等保存为图片的方法| 链接

  • 带参数二维码相关知识

    生成的数量有限制,总共只有10万个;另外,扫码访问次数没有限制。| 链接

  • MD5加密使用说明

    聚集一下md5加密在小程序中的使用相关的内容: | 链接

  • 页面路径五层限制

    官方规定页面路径只能是五层,请尽量避免多层级的交互方式。| 链接

  • 并发数及连接数限制及promise/async/await

    request 的最大并发数是 5;upload/download最大并发限制是 5 个| 链接

  • wx.downloadFile问题

    downloadFile,需要在小程序公众后台配置相应的downloadFile域名,否则会无法正常使用| 链接

  • wx.uploadFile(上传文件)相关问题

    特别提示一:upload必须在小程序公众后台配置上传域名,才可以在真机使用。| 链接

  • 图片上传问题

    域名检测全部是正确的,并且后台也配置了域名,但是安卓就是无法上传图片:| 链接

  • wx.openDocument打开文件

    新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx| 链接

  • wx.saveFile文件保存API

    文件保存API是很多人懵逼的。。。| 链接

  • 模板消息相关问题说明

    当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息| 链接

  • 客服消息相关(客服按钮修改

    客服按钮能自己定义吗?可以的| 链接

  • swiper轮播图组件

    1:如何上下滚动;2:如何点击;3:如何自定义指示点| 链接

  • button按钮组件使用

    button用来配合form或者单独点击| 链接

  • 分享相关 知识onShareAppMessage

    只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮| 链接

  • image图片组件使用

    background-image:可以使用网络图片,或者 base64,或者使用标签| 链接

  • 模态弹窗wx.showModal及遮罩层

    带有输入框的弹窗| 链接

  • 微信小程序缓存API相关知识

    关于数据缓存,怎么能获取到本地缓存使用了多少,还剩多少| 链接

  • map组件,地图使用相关问题

    包括百度地图,腾讯地图,高德地图api及各种地图相关demo| 链接

  • WebSocket相关问题说明

    请保证wss域名符合https的要求;比如备案,不得带有端口等;| 链接

  • canvas相关问题说明

    canvas、textarea、video层级最高的变通方法| 链接

  • 音频相关问题:播放,录音等相关

    包括语音识别类demo及教程| 链接

  • 录音文件格式为silk(silk转mp3)

    暂不支持模拟录音,手机上录音目前是silk格式。如何转为mp3困住了不少人| 链接

  • 语音搜索及语音识别相关

    这属于小程序框架体系之外的功能,可以将语言传给第三方服务器进行识别| 链接

  • progress进度条及slider

    凑合看吧,比如自定义圆形进度条。。。| 链接

  • radio单选(单项选择器

    文章及demo可能并非是radio的使用说明,而是实现了自定义了单选等;| 链接

  • switch开关选择器使用

    自定义switch方法说明| 链接

  • 组件系列:scroll-view

    实现滑动及锚点功能| 链接

  • 组件系列:textarea

    textarea可能出现的问题五花八门,请做好心理准备| 链接

  • input组件

    坑点较多。。。| 链接

  • 重力感应及罗盘API

    开始搞摇一摇了。。。| 链接

  • 计时器/倒计时相关

    倒计时,计时器等组件使用说明| 链接

  • 视频播放相关(video组件)

    video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。| 链接

  • text组件,文本换行及空格

    总结一下text组件,以及文本换行,文本溢出及空格,复制问题;| 链接

  • animation动画相关问题

    本帖主要是针对animation的使用相关的教程及问题说明| 链接

  • toast吐司组件问题说明(自定义toast)

    包括自定义toast等问题说明| 链接

  • picker及picker-view组

    用途广泛的联动选择器,目前已经比较实用了;| 链接

  • tabbar相关问题说明

    包括tabbar不显示,自定义tabbar等问题的说明| 链接

  • 判断显示与不显示 wx:if="false"

    在微信小程序中,判断显示与不显示,或者其他用boolean 类型的值。。。 | 链接

  • onLaunch异步回调数据无法加载

    开发经常遇到这样的场景,在小程序生成时直接获取微信用户信息并且注册到自己服务器上| 链接

  • 微信小程序与PHP交互时传递参数的坑

    当小程序的网络请求需要传递参数时,php接收该参数的方法与原生的不同,不再用$_POST[| 链接

  • XML格式转换为json格式

    微信小程序不支持DOM,所以XML需要转化为JSON后再传给前端;| 链接

  • post请求无法获取数据

    直接写成这样 header: { "content-type": "application/x-www-form-urlencoded" },| 链接

  • swiper无法保持宽高比

    swiper 里的图片大小 为什么 给了高度以后就不按比例来显示| 链接

  • js里面的data数据展现不出来

    我这个为嘛有些页面能调出数据,有些不能?| 链接

  • jq$带来的问题

    问题描述:带有$的js,微信不识别 解决方法,请不要在微信小程序内使用| 链接

  • item加短横线-问题

    写了一句for循环 其他页面突然全变空白了| 链接

  • 小程序地图和百度地图的坐标转换

    老程序收集的程序是百度的bd0911坐标,而小程序坐标是腾讯按另一个标准来的坐标系统。| 链接

  • wx.uploadFile 的编码坑跳坑记录

    主要是由于真机预览时 formData 中的非字母、数字的 ASCII 编码的字符如中文、泰文传| 链接

  • IIS服务器无法上传大于50K的图片

    40K一下的图片上传到服务器OK , 超过40K接口直接返回413的错误,请求实数据过大| 链接

  • 图片显示不全

    对于一张网络图片高度太高,而显示不全如何解决?| 链接

  • 微信小程序 +nodejs+socket.io bug

    微信小程序 websocket 协议版本为13, 而 socket.io 支持的协议版本为4| 链接

  • es6不支持Object.assign

    Object.assign 和 for of 不能用, 需要转化后才能用| 链接

  • 更新后hover-class在真机下无效

    在开发工具中点击没问题,但在真机测试时点击后无效果| 链接

  • 小程序的登录号注册腾讯云

    我扫一扫登陆腾讯云,没有我小程序的号| 链接

  • 路径path坑;相对路径与绝对路径

    小程序里面的好多path路径都是相对路径,这个问题在很多api中都可能会遇到| 链接

  • 打开调试模式与非调试模式的区别

    开启调试模式不会检查合法域名,关闭了就会检查| 链接

  • 当前系统代理不是安全代理

    可能的原因: 1:使用了代理; 2:使用了翻墙软件或VPN| 链接

  • 下拉刷新在真机上无法实现

    一直有同学反映模拟器中可以正确的实现下拉刷新,但在真机上无法实现下拉刷新的问题| 链接

  • input cursor真机无法使用

    搜索输入框做个限制输入字符长度和最少字符 在dev 调试中发现e.detail.cursor | 链接

  • 设置颜色真机无效

    假如使用英文颜色在真机无效,请使用十六进制颜色码; 比如red无效,请修改为#FF0000 | 链接

  • canvas、textarea、video层级最高的变通方法

    小程序中 canvas、textarea、video 等组件使用原生渲染,如果需要弹层交互的话它们会| 链接

  • button无法修改样式

    使用button标签默认是无法更改样式,加上类名也会因为优先级问题不能覆盖原样式 | 链接

  • 长按触发longtap事件时同时触发tap

    触发longtap时加锁,手指移开屏幕时解除锁 通过触发事件来控制事件分发 | 链接

  • 页面跳转传带有“%”等特殊参数

    url里的特殊参数一般需要用encodeURIComponent编码掉| 链接

  • 【IOS坑】hidden在个别组件无效

    今日项目中发现IOS下hidden无效,Android下正常;| 链接

  • wx.scanCode()扫描二维码API及无法扫描问题

    为什么用小程序扫码一律都扫不出来| 链接

  • referer及服务器反盗链导致的403报错等问题

    HTTP 请求 Header , header 中不能设置 Referer| 链接

  • 时间 ID 贡献内容/建议内容
    2017-03-15 howard/287637915 提出分类建议
    2017-03-27 天下雪是笨蛋 制作/UI
    2017-03-27 天下雪 初版整理

本文对你有帮助?欢迎扫码加入前端学习小组微信群: