小程序开发浅了解

191 阅读2分钟

JSON

app.json

  • 当前小程序的全局配置,包括小程序的所有页面路径、窗口外观、界面表现、底部tab等等

pages:用来记录当前小程序所有页面的路径

window:全局定义小程序所有页面的布局颜色、文字颜色等等

style:全局定义小程序组件所使用的样式本版

sitemapLocation:用来指明sitemap.json的位置

project.config.json

  • 项目的配置文件,用来记录我们对小程序开发工具所做的个性化配置,如:

setting:保存了编译相关的配置

projectname:保存的是项目名称

appid:保存的是小程序的账号ID

sitemap.json

  • 微信开发小程序内搜索,效果类似于PC网页的SEO,sitemap.json文件用来配置小程序页面是否允许被微信索引。
  • 当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。

页面私有.json

  • 小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中系统的配置

WXML和HTML的区别

标签名称不同

HTML (div,span,img,a)
WXML (view,text,image,navigator)

属性节点不同

<a href='#'>超链接</a>
<navigator url=''></navigator>

提供类似Vue中的模板语法

数据绑定、列表渲染、条件渲染

wxss和css的区别

1. 新增rpx尺寸单位,在不同大小的屏幕上小程序会自动进行换算
2. 通过了全局的样式和局部的样式
3. wxss仅支持部分css选择器

.js

1. app.js
整个小程序项目的入口文件,通过App()函数来启动整个小程序
2. 页面的.js
页面的入口文件,通过调用Page()函数来创建并运行页面
3. 普通的.js
普通的功能模块文件,用来封装公共的函数或属性供页面使用

组件

[ 参考文档 ]

API

  1. 事件监听api
  • 特点:以on开头,用来监听某些事件的触发
  • 举例:wx.onWindowResize((result) => {}) 监听窗口尺寸变化的事件
  1. 同步api
  • 特点1:以Sync结尾的api都是同步api
  • 特点2:同步api的执行结果,可以通过函数返回值直接获取,如果执行错误会抛出异常
  • 举例: wx.setStorageSync('key', data) 向本地存储中写入内容
  1. 异步api
  • 特点:类似于jQuery中的$.ajax(options)函数,需要通过success、fail、complete接收调用结果
  • 举例:wx.request()发起网络数据请求,通过success回调函数接收数据

协同工作和发布

  • ....