小程序开发分享

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}}"/>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容