不入小程序，则为大笨熊

关于微信小程序
微信小程序是由微信团队开发的搭建在微信平台的一种应用
其原理就是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()：验证失败回调函数

不入小程序，则为大笨熊相关推荐

4.微信登入小程序与后端实现
微信登入小程序与后端实现 **需求:**实现小程序端实现登入以后,后端实现登入状态小程序端 app.js App({onLaunch: function () {// 展示本地存储能力001bHJ2 ...
eclipse的tomcat如何运行自动弹网页_如何在 3 天内零成本完成 AI 小程序开发
基于对 AI 的爱好与兴趣,我走上了独自钻研机器学习的道路.和所有热爱 AI 的人们一样,在一段孤独的摸索旅程中,我勉强完成了几次深度学习模型的训练.作者:泰斯特想说故事的起源基于对 AI 的爱好 ...
微信小程序访问云数据库
1.Copy官网测试代码另保存Test.html ,修改APPID和ENVID 公众号使用云开发 / 极简示例 / HTML | 微信开放文档 (qq.com) <html>& ...
按钮小程序弹出菜单_公众号怎么关联小程序
小程序开发之后很多人不知道怎么推广,今天给大家聊一下常见的在公众号里面关联小程序,直接打开我们单位小程序页面. 小程序正式推出后不久,微信就推出"公众号关联小程序"的功能.公众号运 ...
使用canvas绘制小程序码
场景:使用小程序文档的API可以获取带参数的二维码和小程序码,但是小程序码中的图片默认都是小程序的头像(红框中的图片).现在我们需要替换里面的图片,然后将小程序码保存成一张图片存入相册. 1.获取带参 ...
万能门店小程序_超市门店微信小程序注册流程
现在超市门店商家利用小程序卖货已经非常普遍,小程序可以便捷地连接线上线下通道,让商家不再局限于门店周围的流量,能够从微信获取更多客户,从而提升销量和店铺知名度.超市要想有自己的线上电商小程序,就得先注 ...
用小程序·云开发打造功能全面的博客小程序丨实战
用小程序·云开发将博客小程序常用功能"一网打尽" 本文介绍mini博客小程序的详情页的功能按钮如何实现,具体包括评论.点赞.收藏和海报功能,这里记录下整个实现过程和实际编码中的一些 ...
【小程序】微信小程序开发实践
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/diandianxiyu/article/details/53068012 </div>& ...
微信小程序加载本地图片方法
目录结构如下,只要图片按正确的方式放入小程序的开发工具的项目中,即可在wxml文件中用内联样式或者image标签都可以引用本地的图片. 步骤一:微信开发工具打开项目步骤二:新建个文件夹(放项目的一 ...

不入小程序，则为大笨熊

不入小程序，则为大笨熊相关推荐

最新文章

热门文章