滴滴在小程序方向上的探索和实践

【实例简介】
滴滴在小程序方向上的探索和实践
基础知识 项目实战 那些年遇到的坑 目录结构 app page 小程序入口 页面入口 app. s 小程序逻辑 页面逻辑 app. son wxml 公共设置 页面结构 WXSS app. WXSS 公共样式 页面样式 Ison 页面配置 注意:page下四个文件名称一致 页面 存放: pages文件夹,一个页面一个目录 配置:app.json里面的 pages数组,通过删减项来增减页 目录结构 page ages auth auth home auth. S driveInfo auth. json auth, wxml rule auth. wxss location iew- WXML 新语言?:WXML- WeiXin Markup Language 使用:和写HTML差不多 优势: 数据单向绑定 逻辑算数计算、 模版、引用 iew- WXSS 新语言?:WXSS- WeiXin Style Sheets 新名词:rpx 优势: 自适应 无级联 指令-W:for 循环:wx:for 默认:序号 index,当前变量item,可以自定义 应用标签:一般veW和 block 代码片段: data <vIew array: R WX:key=“ unique" message:整 WX:for= farrall> Litem message] message:活地图 </view> 指令-Wx: API wx if vs wx-else wx: elif 应用场景:一个模板里面通过变量区分展示块 代码片段: <view wx if=litem==1>item1 </view> <view wx: elif=if item>0>item2 </view> <view wx: else> item 3 事件 事件绑定以bnd或 catch开头,然后跟上事件的类型 bind事件绑定不会阻止冒泡事件向上冒泡 v currentTarget: object catch事件绑定可以阻止冒泡事件向上冒泡。 dataset: Object id IiiI offsetLeft: 123 事件类型: offsetTop: 57 touchstart p proto object touchmove v detail: Object cursor 6 touchcance value:"136411 touched proto: Object tap target: object ongtap dataset: Object id offsetleft: 123 数据传递:以data-开头,多个单词由连字符 offsetTop: 57 链接,如 data-element-type,最终呈现在 p⊥ proto_:0 oject times tamp:1479378628557 event. target dataset >touches: Array ial type:input 【实例截图】
【核心代码】