微信小程序嘛，2017风口元年，随着企鹅开放的能力越来越多，开发者和用户的认知度越来越高，现在生态已经越来越成熟。老生常谈，微信小程序官方文档非常详尽了，基本常用的组件、原生API功能都很齐全，照着来就行了。照样来干货。 一、像本屌这样的前后端都不算精通的半吊子，前端能力当然很low，自己完全设计一款小程序静态界面加js，也不是完不成，估计得3个月吧，才能拿得出手。即便在已经有官方weui.css框架的基础上，让我自己从零设计打磨，也得这个时间，加上头发成片掉落。OK，那有没有捷径呢？当然有，仿、扒、改。 1、界面：weui，官方的框架，直接可以套用元素； 微赞UI，这是微赞官方开放的一套开源小程序UI框架，适合做电商方向小程序设计。 什么？还是不会拼装组合？那好吧，直接进入更AI（智能）模式。。。 2、直接下载修改，行不行？http://www.wxapp-union.com/forum.php （微信小程序联盟社区），他的“微信小程序Demo/资源下载 ”区有很多免费资源哦，基本都是完整界面，完整api能力的现成小程序哦，导入本地试着去运行就行了，然后根据自己的需要去改界面，改能力，变成自己的东西。是不是很简单？那有的看官就说了，既然有社区demo资源了，为啥还需要看你这破文档啊，还要9.9？嗯，貌似很有道理的样子，但是像本屌这水平，给我一套源码，看着都费劲啊，给你100套源码，看都懒得看了。。。得嘞，本文档要做的就是从零开始，从头捋头绪，把一套录音小程序源码前后怎么运作，怎么贯穿的捯饬明白。。。要不要得？ 3、几个技术难点（仅对于本屌来说，高手请忽略）：一是富文本过滤html标签转码，因为朗读文章是通过后台富文本编辑器提交到数据库的，所以小程序读取数据库文章正文时，会连带html标签一起拿过来了，这里使用wxParse插件，可以一键（对，又来了，一键）自动过滤html标签，安逸。二是小程序录音后上传到服务的语音格式是.silk，这种在服务端是没法播放的，必须转为mp3等常规格式，微信才能打开，这里用到了ks007大神的silk_v3_decoder.exe转码MP3（怎么转，怎么用，后面一步一步附带代码的教）。