关于微信小程序

2018-03-14 14:16:52 csdn　点击量：评论 (0)

微信小程序是由微信团队开发的搭建在微信平台的一种应用其原理就是app不放在本地，放在微信平台上他可以随扫随用，不用取消微信小程序不仅

微信小程序是由微信团队开发的搭建在微信平台的一种应用

其原理就是app不放在本地，放在微信平台上

他可以随扫随用，不用取消

微信小程序不仅仅是一个‘小程序’，他完全可以构建成一个完整的项目（原本是想起名应用号，后来ios不同意，改名小程序）。

更早的应用：轻应用（百度）、流应用（dcloud）

没有成功的原因：1、网速的原因 2、html5的性能

小程序火的原因：1、网速快了 2、微信自定义了自己的文件格式，引入了类似于react或者react-native的理念，使用wxml和wxss来替代传统的html和css

微信小程序有自己的市场，它和传统的原生app和混合式app冲突不是很大，他适合低频的项目

微信小程序的架构体系

微信小程序项目必须包含两个文件app.js app.json

app.js 主要是小程序的实例化，你可以把它看成一个公共的js

app.json 主要是用来设置路径以及配置导航栏的样式

微信小程序中自定义了两种格式代替html和css:wxml、wxss

wxml weixin marked language

wxcss wexin style sheet

来解决html性能的问题

类似页面中的js都包含page（）方法，用来实例对象

两种机制：

小程序中引入同名机制，一个页面下的文件只要同名，就自动关联

先私有后共有的机制优先匹配当前页面下的文件，若不存在，在匹配公共下的文件

基础标签

view：视图标签，相当于一个视图标签，相当于一个div标签

text：文本标签，准备用来输入文本内容的

icon：图标标签（type | size | color）

导航标签：navigator (url | options | redirect)

nagative默认有一个url属性类似a标签中的href 若要传参可以使用onload中options的参数接收

小程序中事件绑定：1.bind 1.catch（前者允许事件冒泡，后者不允许时间冒泡）

touchstart touchcancel touchend tap longtap

数据绑定：

基础类型的数据绑定:<text>{{info}}</text>

属性组合数据绑定<text id="item-{{id}}">信息<text/>

布尔类型的数据绑定：<checkbox vaue="value" checked="{{true}}"></checkbox>

三元类型表达式数据绑定：<text {{flag?true:false}}></text>

数据类型的数据绑定：<text>{{num1+num2}}={{num1+num2}}</text>

字符串数据绑定：<text>{{“abc”+name}</text>

路径的绑定计算：<text>{obj.abs}+{{Path[0]}}</text>

wx:for遍历：在微信小程序中提供了类似于指令的方式来代替传统的循环遍历，wx:for 提供了两个自带参数

wx:if：在微信中使用vx：if来替代js中的条件语句else、elseif

模板：微信小程序中也有类似于vue模板的标签template生成独立的作用域 （name,is ,data）

引用：include import

import 往往和模板配合使用 ，有一个data的属性，传递参数 @import

include 一般移入公共文件

小程序中底层mina框架来实现的

小程序的生命周期函数：

onload(opions)：加载时候触发

onReady：渲染完毕触发

onShow：页面显示时候触发

onHide：页面隐藏式后触发

onUnload：页面卸载时候触发

onPullDownRefresh：页面下来时候触发

onReachBottom：用户上拉时候触发

onShareAppMessge：点击右上角分享时候触发(往往return{title | 分享的标题，desc:分享的描述})

微信小程序的模块化

推荐使用模块化开发和其他模块化基本一致 export exports

微信小程序的路由：navigateTo/navitateBack 去和返回

微信小程序api：

大体分为两种：方法功能类 以及 硬件调用类

凡是在微信当中调用api都是wx开头

http请求 wx.request默认是https协议

调用手机照相功能(chooseImage)、录音(startRecord)

wx当中的储存机制wx.setStorage()/wx.setStorageSync(KEY,DATA)

swiper： swiper-item

iscroll/scrolly:方向 会使swiper没有回弹

audio

微信插件：

wxchart：只需要引入js import

weui简介

weui小程序是专门为小程序提供的一套ui组件

使用方式引入weui.wxss 移入到app.css

微信二次开发

云服务：阿里云、七牛、新浪云

微信二次开发：以微信平台为入口的webapp我们称它为微信二次开发，也可以说公众号开发

jssdk：是由微信团队开发的工具类，和h5+很相似，他们都是进行硬件调用的

其原理：将html5语言转化为原生的语言，然后实现html5和原生语言的对换

jssdk使用必需服务器（处于安全的角度）

微信jssdk使用前需要进行验证

wx.config() wx.reader()

wx.config() 验证方法

appId：公众号

timetamp：时间戳

nonceStr：自己定义的一个规范字符串

signature：签名

jsApiList：用于添加jsapi列表

debug：设为true给你一个提示，告诉你验证成功还是失败

验证需要四步：

1、利用appID和app密钥来生成一个access_token （7200秒时效）

2、利用access_token来获取一个jsapiTicket临时票据，生成一个时间戳

3、利用时间戳nonceStr jsapi_ticket最终给我生成一个签名

cookie

存储用户首选项

wx.ready()：验证成功回调函数

wx.error()：验证失败回调函数

责任编辑：售电衡衡

免责声明：本文仅代表作者个人观点，与本站无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

我要收藏

个赞

微信小程序

条

登录后才能发表评论~

发表

点击加载更多