微信小程序技术交流

2017.01.14 深圳 Ruby 活动

By WinDy

后端

Ruby on Rails

Grape

Jbuilder + JSON Schema

Action Ser

前端

Web 前端

iOS / Android APP 前端

微信小程序 前端

React Native 前端

微信小程序技术原理

  • JS / WXML / WXSS
  • 运行在 Wechat 上下文中
  • 仍然是渲染 HTML5
  • 可以通过 微信API 提供一定的底层访问能力

微信小程序技术原理(2)

VS React Native

相似点:

1. JS 技术栈开发

2. 数据驱动模型相似( setData vs setState )

3. 开发效率较高

区别:

​1. 渲染结果不同( 浏览器 vs 原生 )

2. WXSS 与 JS CSS 差异

3. 组件化思路差异很大

技术相似对比

  • Google PWA
  • 支付宝小程序( 开发中 )

小程序入口分析

  • 搜索入口
  • 线下扫码
  • 发现页使用历史
  • 朋友群

注意1: 目前不能用图片长按扫码进入

注意2: 不能分享小程序到朋友圈

注意3: 没有关注入口

小程序应用场景

  • 轻 APP
    • 比如报名活动
    • 比如买电影票
  • 线下场景
    • 收银支付
    • 场景连接
  • 部分 APP 轻量化
    • 比如京东购物
    • 比如美团外卖
  • 更多一起讨论

实践看看一个案例

小程序员前景如何?

如何转型

  • 首先是一个前端职位
    • JS / CSS / HTML 要扎实
  • 学习小程序文档
  • 理解数据驱动 & 跨页面数据交互
  • 实战开发, 积累经验

Thx

80% 公司提供支持

Made with Slides.com