(完整版)微信小程序框架解析.ppt

微信小程序框架解析 hongweiqu(渠宏伟) CONTENTS 01 小程序介绍和演示 02 小程序架构 03 小程序视图层 04 小程序逻辑层 05 小程序开发经验 小程序介绍 小程序的特点 类WEB 不是HTML5 媲美原生操作体验 即用即走，随手可得 拥有离线能力 基于微信跨平台 小程序演示 企鹅电竞小程序体验 为什么那么快 Native预先加载一个WebView 当打开指定页面时，无需加载额外资源直接渲染 返回显示历史View 退出小程序，View状态不销毁 Page Frame common lib user common js 小程序入口 扫码进入小程序 搜索小程序 发现-小程序 小程序发送到桌面（android） 小程序架构 小程序架构 小程序架构 View (页面视图) View - WXML 支持数据绑定 支持逻辑算术、运算 支持模板、引用 支持添加事件（bindtap） WXML（WeiXin Markup Language） View - WXSS 支持大部分CSS特性 添加尺寸单位rpx，可根据屏幕宽度自适应 使用@import语句可以导入外联样式表 不支持多层选择器-避免被组件内结构破坏 WXSS(WeiXin Style Sheets) View – WXSS Selectors 选择器 样例 样例描述 .class .i