1、目前有的小程序
小程序类型
2、多端框架与原生小程序对比
适用于 有跨端需求的项目
多端与原生对比
// #ifdef %PLATFORM%(MP-WEIXIN)
平台特有的API实现
// #endif
3、多端框架对比
多端框架
从支持端的数量、流行度、上手难易程度来看,Taro 和 uni-app 以六端略微领先(移动端、H5、微信小程序、百度小程序、支付宝小程序、头条小程序)
-
DSL: 领域特定语言
一般通用语言GPPL: JavaScript TypeScript
内部DSL: JQuery React
外部DSL: SASS LESS -
Weex
Weex使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用,Weex 渲染引擎与 DSL 语法层是分开的,Weex 并不强依赖任何特定的前端框架 -
React-Native
React Native 使用 React 来创建 Android 和 iOS 的原生应用
4、文档
小程序 | 多端框架 |
---|---|
微信 | Taro |
支付宝 | uni-app |
5、uni-app开发注意事项
- dev运行时会生成较大的sourcemap,所以真机调试需要用build压缩,发行同样如此
- 小程序端上传文件可使用wx.chooseMessageFile 而不是uni.chooseMessageFile
5、58小程序开发分享
- 登录采用双令牌刷新
- 富文本对于图片样式的统一处理
- 用canvas根据内容生成不同的海报,图片裁剪,二维码的生成
- 不能只注重样式的复用,模版复用也很重要
<template name="nav">
<view class="nav_link" bindtap="{{fn}}">
<button class="defalut_btn {{current== 0 ? '' : 'on_cor'}}">
<block wx:if="{{style == 0}}">
<icon class="iconfont {{ico}} del_ico idx_ico"></icon>
<text class="txt">{{name}}</text>
</block>
<block wx:if="{{style == 1}}">
<view class="plus_wp">
<image src='../../images/plus_ico.png' class="plus_ico" />
</view>
<text class="txt txt_fb">{{name}}</text>
</block>
</button>
</view>
</template>
<template is="nav" data="{{...item}}"/>