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-小程序无法定位[解决](十六)

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值