taro开发微信小程序-页面开发规范(五)

taro开发微信小程序,taro框架目前是移动端的混合全能框架,对于微信小程序平台编译优秀,taro结合webpack可以编译微信小程序,anroid,ios,H5等平台代码,taro ui是基于taro的一套ui界面库。本栏博客介绍如何使用使Trao和Taro UI框架来开发移动端微信小程序.

本次代码编译的目标平台是微信小程序,所以针对性也是微信小程序,所以就以其为例暂不考虑其他兼容性。

1.公共导入 必先导入 import Taro, { Component } from '@tarojs/taro'
2.组件内的标签 在Taro之后导入
3.资源路径 避免使用 @ ,可以使用相对路径
4.requir规范 js可以不加后缀,可以是直接路径
5.静态图片 在使用前import保存
6.组件公共语法

class Totale extends Component{  }

7.页面的标题

公共语法内添加 config = {navigationBarTitleText: '标题'}

8.如果有state 定义在constructor () {super(...arguments)this.state = {}}中
9.生命周期 钩子函数非必须,自定义函数名最好特殊点,必须加render函数
10.定义类名 使用className

..................其他规范暂略

taro开发微信小程序-初始化项目(一)

taro开发微信小程序-了解项目结构(二)

taro开发微信小程序-使用Taro ui(三)

taro开发微信小程序-路由传参(四)

taro开发微信小程序-页面开发规范(五)

taro开发微信小程序-配置tab页面(六)

taro开发微信小程序-使用websocket(七)

taro开发微信小程序-网络请求(八)

taro开发微信小程序-解决编译报错Error: EISDIR: illegal operation on a directory(九)

taro开发微信小程序-加载腾讯地图(十)

taro开发微信小程序-播放轨迹(十一)

taro开发微信小程序-在地图页面添加搜索框(十二)

taro开发微信小程序-列表下拉刷新,上拉加载(十三)

taro开发微信小程序-添加开发者预览,上传测试版本(十四)

taro开发微信小程序-数据共享于缓存使用Redux(十五)

errMsg:getLocation:fail:require permission desc-小程序无法定位[解决](十六)

 

你可能感兴趣的:(taro开发微信小程序)