小程序学习(一)

小程序对应的 要记录 appid appsecret
微信web开发者工具
--------------------------------------------------
app.js是小程序的脚本代码,用来监听并处理小程序的生命周期函数、声明全局变量。
app.json是对整个小程序的全局配置,配置小程序是由哪些页面组成,配置小程序的窗口背景色等。
app.wxss是整个小程序的公共样式表。
其中 app.js 和 app.json是必需的。

小程序页面是由同路径下同名但不同后缀的2~4个文件组成:

  • .js后缀的文件是脚本文件。
  • .json后缀的文件是配置文件。
  • .wxss后缀的是样式表文件。
  • .wxml后缀的文件是页面结构文件。
  • 其中.js 与.wxml文件是必需的。

app.json 不可添加任何注释
小程序中没有cookie
mina框架
--------------------------------------------------
文件存储(本地存储)
使用数据API接口,如下所示:
wx.getStorage:获取本地数据缓存。
wx.setStorage:设置本地数据缓存。
wx.clearStorage:清理本地数据缓存。
网络存储或调用
上传或下载文件API接口,如下:
wx.request:发起网络请求。
wx.uploadFile:上传文件。
wx.downloadFile:下载文件。
调用URL的API接口,如下:
wx.navigateTo:新窗口打开页面。
wx.redirectTo:原窗口打开页面。
--------------------------------------------------
上传代码:只有管理员有权限可以上传,开发者没有权限上传。

  • onLaunch 函数全局只触发一次
  • onLoad: function ( options) {//页面加载时的初始化操作},
  • onReady : function ( ) {//页面初次渲染完成时执行的操作} ,
  • onShow : function ( ) {//页面显示时执行的操作} ,
  • onHide: function ( ) {//页面隐藏时执行的操作},
  • onUnload: function ( ) {//页面卸载/关闭时执行的操作},
  • onPullDownRefresh : function ( ) {//用户在页面下拉时执行的操作},
  • onReachBottom: function ( ) {//到达页面底部时执行的操作},

--------------------------------------------------
block
  <block/>并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
import
template
include
  include可将目标文件除模板代码(<template/>)块的所有代码引入,相当于拷贝到include位置
微信小程序里的事件分为冒泡事件和非冒泡事件:

  • 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
  • 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。

wxss 本地图片无法获取,样式都是用的网络图片或base64
wxss 新增了针对移动端屏幕的两种尺寸单位:rpx与rem。
选择器 样例 样例描述

  • .class .intro 选择所有拥有class="intro”的组件。
  • #id #firstname 选择拥有id="firstname”的组件。
  • element view 选择所有view组件。
  • clement, element viewcheckbox 选择所有文档的view组件和所有的checkbox 组件。
  • :.aftcr view::after 在view组件后边插人内容。
  • ::before view::before 在view组件前边插人内容。

--------------------------------------------------
组件是视图层的基本组成单元,是构建页面结构(即 .wxm1文件编码实现)的重要元素
五个常用组件(视图容器、基础内容、表单、互动操作、页面导航)与三个高级组件(媒体、地图、画布)
--------------------------------------------------
wx.navigateTo ( OBJECT):保留当前页面,跳转到应用内的某个页面,
使用wx.navigateBack可以返回到原页面。
wx.redirectTo (OBJECT):关闭当前页面,跳转到应用内的某个页面。
wx.navigateBack():关闭当前页面,回退至前一页面。
--------------------------------------------------
网络API 提供网络请求、上传下载、webSocket能力
媒体API 提供图片、录音、音视频、文件处理能力
数据存储API 提供数据缓存能力
位置API 提供LBS位置获取、查看能力
设备信息API 提供网络状态、系统信息、重力感应、罗盘等设备相关能力
界面API 提供设置导航条、导航、动画、绘图等能力
微信开放接口 提供实现用户登录、用户信息、模板消息及微信支付相关能力
--------------------------------------------------
一个微信小程序,同时只能有5个网络请求连接。
一个微信小程序同时只能有一个WebSocket连接,

  • 如果当前已存在一个WebSocket连接,会自动关闭该连接,
  • 并重新创建一个WebSocket连接。

wx.saveFile 持久保存
--------------------------------------------------
数据缓存的接口提供了同步和异步两套方法,方法名上就能分得很清楚,
带Sync后缀的为同步接口,不带的为异步接口。

  --学无止境,爱拼才会赢

posted @ 2022-09-20 17:08  struggle-way  阅读(54)  评论(0编辑  收藏  举报