微信小程序开发

富文本内容介绍 富文本格式（Rich Text Format, 一般简称为RTF）是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。RTF是Rich TextFormat的缩写，意即多文本格式。 富文本作为一种类似DOC格式（Word文档）的文件，有很好的兼容性，使用Windows“附件”中的“写字板”就能打开并进行编辑。 这里我们提到的富文本并不是指RTF，而是指内容里富含各种图片、音视频等富含html标签的一段内容，而不仅仅是纯文本，这里有所区别。 wxParse的使用 wxParse是 微信小程序 中经常使用的富文本组件，可以很好地实现图片、加粗、标红等html文本的展现。 在微信小程序中，要想使用wxParse组件，首先要下载wxParse组件的相关文件。 1.在wxml文件中引用wxParse组件 <import src=". ./. ./wxParse/wxParse.wxml"/> 2.在app.wxss全局样式文件中，引入wxParse的样式表 @import ". ./. ./wxParse/wxParse.wxss"; 3.在需要加载html内容的页面对应的js文件里引入wxParse var WxParse = require('../../wxParse/wxParse.js'); 4.对获取到的富含html的内容项进行格式化

下面结合开发文档以及个人开发经验对微信小程序关键部分进行解读（不是入门教程，具体入门读者可以看官网），希望看完的读者对微信小程序有大概的认识或者有所启发。 本文同步于个人博客 http://www.imhjm.com/article/5971c1cc7dd03248a2e8d57e 官方开发文档 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 官方开发者社区 https://developers.weixin.qq.com/ 运行环境 微信小程序运行在三端：iOS、Android 和 用于调试的开发者工具。 三端的脚本执行环境聚以及用于渲染非原生组件的环境是各不相同的： 在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中，是由 WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10 在 Android 上，小程序的 javascript 代码是通过 X5 JSCore来解析，是由 X5 基于 Mobile Chrome 53 内核来渲染的 在 开发工具上， 小程序的 javascript 代码是运行在 nwjs 中，是由 Chrome Webview 来渲染的 引用： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools

小程序开发： 　　环境： 微信开发者工具 1. 官网下载微信开发者工具 　　 https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 2. 小程序账号，官方注册，获取APPID等必要信息 　　 https://mp.weixin.qq.com/wxopen/waregister?action=step1 3. 了解整体目录结构 　　a. app.js、app.json、app.wxss 　　b. page其它页面目录（js、wxml、json、wxss）　　c. 其它 　***app.js：创建小程序主体 　　APP（{ 。。。}） 　*** app.json：小程序的全局配置，决定页面文件的路径，窗口表现，设置网络超时时间，设置多tab等。 　　{ 　　　　“pages” ：[ ], 　　　　"window"：{ }, 　　　　"tabBar"：{ 　　　　　　“list”：[ 　　　　　　{ “pagePath”：“pages / index / index”，“text”：“首页” }， 　　　　　　{ “pagePath”：“pages / logs / logs”，“text”：“日志” }，... 　　　　　　] 　　　　}, 　　　　。。。 　　} 4. 基本流程 　　小程序---

跟朋友聊起微信小程序，才意识到这种看似简单的模式，竟然如此吸引用户，回到公司跟技术人员谈论了一下关于小程序的问题，整理了他们在微信答题小程序开发过程中遇到的一些问题，在这里跟大家分享一下。 那么常见的问题都有哪些呢 4058错误 微信小程序创建项目时选择无AppID，创建项目时会生成app.json，app.josn是程序启动最重要的文件，程序的页面注册，窗口设置，tab设置及网络请求时间设置都是在此文件下的。如果你创建的项目目录下没有app.json文件就会报 rpx（responsive pixel） Page注册错误 这个错误可能很容易理解，页面注册错误。页面是通过Page对象来渲染的，每个页面对应的js文件必须要创建page，最简单的方式就是在js文件下写入Page({})，在page中有管理页面渲染的生命周期，以及数据处理，事件都在这完成。这个错误引起的原因一般都是刚创建页面，js文件还有有处理或者忘了处理。所以要养成创建页面的同时在js文件先创建Page的习惯. 40013错误 在微信小程序刚出来的时候如果输入AppID提示这个信息就表示没有破解，但是现在官方软件更新可以选择无AppID开发，如下图，我们之间选择无AppID，即可解决此错误。建议安装官方开发工具。可去此处找下载链接。 微信小程序元源码的问题看似简单，如果不懂程序也是很复杂

开发过微信小程序的从业人员都知道，小程序开发的文件类型有js、json、wxml以及wxss。.js文件是页面逻辑处理层。我们可以按需在app.js和page.js中添加程序在生命周期的每个阶段相应的事件。如在页面的onLoad时进行数据的下载，onShow的时候进行数据的更新。 这是一篇 关于如何进行线程架构与开发的详细教程 。 app.js文件中有3个生命周期函数：onLaunch、onShow、onHide（还有一个onError，程序出现错误时触发） page.js文件中有5个生命周期函数：onLoad、onReady、onShow、onHide、onUnload。 一个page的生命周期从onLoad开始，整个生命周期内onLoad、onReady、onUnload这三个时间仅执行一次，而onHide和onShow在每次页面隐藏和显示时都会触发。当用户手动触发左上角的退出箭头时，小程序仅触发app.onHide，下次进入小程序时会触发app.onShow以及当前page.onShow.仅当小程序在后台运行超过一定时间未被唤起、或者用户手动在小程序的控制栏里点击退出程序、或者小程序内存占用过大被关闭时，小程序将被销毁，会触发page.onUnload事件。 每个小程序分为2个线程，view与appServer。其中view线程负责解析渲染页面（wxml和wxss）

背景颜色要设置为灰色，于是我给最外层的view设置了样式，如下： . order - home { background : #F3F3F3 ; } 结果发现只有最外层view内的元素背景颜色才为灰色，下面空余的地方都是白色的。 于是我修改了页面的.json文件 ,”backgroundColor”: “#F3F3F3”, 然而并没有效果！ 其实只要给page设置背景颜色即可！ page { background : #F3F3F3 ; } 转载请标明出处: 微信小程序开发――修改页面的背景颜色 文章来源: 微信小程序开发――修改页面的背景颜色

开发小程序 ，首先利用开发者工具创建一个demo，下载编辑器对 项目结构进行配置 。找到创建的 demo 文件夹，把项目导入到你的编辑器，使用的是Sublime Text编辑器。 这个时候需要根据自己的项目需求结构进行更改了，项目根目录下面是首页渲染的几个 tabBar 页面，以及 app 的一些配置文件，如名片盒项目的 tabBar 是 3 个切换菜单 我们先找到 app.json 文件打开配置好这几个菜单，配置好 tabBar，这个直接把配置文件改成你自己设计的即可。 App.json 里面有几个配置项： Pages：这个是编写的js文件，后缀.js这里不需要使用，配置好正确路径即可正常调用（若调用不到，在重启微信开发者工具会直接报 page 错误）。 networkTimeout：暂时没发现用处，建议看文档。根据实际项目需求进行添加与更改。 tabBar：底部的几项配置。 Window：配置顶部的一些样式，文档介绍比较详细。 iconPath和selectedIconPath：底部菜单按钮图片与得到切换点击高亮。 Json 文件配置好后，根据项目进行文件创建。 Demo：存放的是假数据，这一期的开发工具支持 require，假数据使用的是 .js 文件形式， 里面的数据结构 json 一致，把 data 暴露出去即可 然后取数据 require 进来即可，这一点使用很方便；

// succ.wxml <view> WIFI ssid ：{{ wifissid }}</ view > <view> WIFI bssid ：{{ wifiBssid }}</ view > // succ.js var app = getApp () Page ({ data : { wifissid : '' , // WIFI ssid wifiBssid : '' // WIFI bssid }, onLoad : function ( e ) { // 获取参数 var that = this ; wx . getConnectedWifi ({ success : function ( e ){ that . setData ({ wifissid : e . wifi . SSID , wifiBssid : e . wifi . BSSID }) } }) } }) 来源：博客园 作者： aaronthon 链接：https://www.cnblogs.com/aaronthon/p/11673471.html

// succ.wxml <view> 手机 IP ：{{ motto . query }}</ view > // succ.js var app = getApp () Page ({ data : { motto : '' // IP地址 }, onLoad : function ( e ) { // 获取参数 var that = this ; wx . request ({ // 获取ip url : 'http://ip-api.com/json' , success : function ( e ) { that . setData ({ motto : e . data }) } }) } }) 来源：博客园 作者： aaronthon 链接：https://www.cnblogs.com/aaronthon/p/11673457.html

抖音小程序是继微信之后，社交视频公司推广的另一个平台。目前，抖音已经可以支持电商抖音小程序，不用跳入第三方链接！根据调查数据，抖音用户总数约为9亿。在中国每月有超过5亿的活跃用户，每天在抖音小程序开发平台上的活跃用户超过1亿！ 在如此大的流量单元中，小程序，其目的是创建一个专门用于抖音的电商生态字节跳动小程序，开发一个闭环，并利用流量和精确推荐的优点，实现用户价值的多重实现。 抖音抓住了重要的一手资源，一个可怕的短视频流量池，一个逐渐成熟的企业服务系统，即我们通常呼叫的"蓝V"。 2018年，抖音开始为“蓝V”，并开辟了许多主要的营销能力。特别是2018年10月，在“蓝V生态大会”中，推出了四种企业转换工具，随着内部计量的结束，一股千亿级的流量蓝海流逐渐出现，如何利用这股浪潮迅速实现流程转换和商业实现成为千千万万企业家在风口下思考的问题之一。目前的抖音增加了“小程序”进入个人网页的android版本，并增加了顶上小程序。 现在是小程序的“黄金时代”，小程序解决了很多过去解决不了的问题。例如，取得的客人，即搜索、下载等，小程序在这方面可以做很多事情。但是企业的信息化，数字化在传统的官方站上明显不能达到一定的高度。 抖音涵盖用户群体广，集中人群为24-30岁，都是主力消费年龄段群体，抖音用户集中在一二线城市占比居多，用户经济能力强。 而且抖音用户群体年龄集中为24-30岁