微信小程序框架解析PPT演示幻灯片

微消息小程序框架分析，洪维曲线(水路宏)，内容，01小程序介绍和演示，02小程序框架，03小程序视图层，04小程序逻辑层，05小程序开发经验，小程序介绍，小程序特征，小程序企鹅电竞小程序的体验与本机操作体验相匹敌，具有即时可获得的脱机能力，微消息交叉平台，小程序演示基础上的体验，为什么这么快，当Native预先加载WebView，打开指定的页面时直接渲染applet而不加载其他资源，返回查看历史记录View退出applet，不销毁View状态，PageFrame、commonibibutsercommonjs和applet入口扫描代码查找applet-applet applet体系结构、applet体系结构、applet体系结构、View (页面视图)、View-WXML、支持数据绑定的逻辑运算、运算支持模板、引用支持附加事件(bindtap )和wxml (Weil ) View-WXSS支持大多数CSS特性，添加大小单位rpx，并且可以根据屏幕宽度自适应地使用import语句导入外部样式表。 不支持多级选择器。 避免零部件中的结构破坏。 WXSS(WeiXinStyleSheets，wxss )、View-WXSSSelectors、View-Component View-Component和applet组件基于web组件标准使用Polymer框架View-NativeComponent和nativecomponent层位于WebView层上，AppService (逻辑层)、AppService和逻辑层处理数据并将其发送到视图层，并且视图层事件反馈1、App () 接收小程序入口的Page ()页面的入口3，提供丰富的API，例如微信的用户数据、扫描、支付等微信特有的能力。 4 .每页都有独立的角色域，提供模块化能力。 5、数据绑定、事件分发、生命周期管理、路由管理执行环境IOS-JSCoreAndroid-X5JS解析器DevTool-nwjsChrome内核、app服务绑定、app服务生命周期AppService-API API通过JSBridge与Native进行通信，AppService-Router、navigateTo(OBJECT )保留当前页面，跳转到应用程序中的某个页面，使用navigateBack进行原始页面路径只有5层redirectTo(OBJECT )，可以关闭当前页面并跳转到应用程序中的页面。 navigateBack(OBJECT )关闭当前页面，并返回到上一页或多级页面。 在getCurrentPages () )中检索当前页面堆栈，并确定返回多少层。 applet的开发经验，applet可以参考的优点，1，事先创建新的WebView，准备新页面的渲染。 2、View层和逻辑层分离，不通过数据驱动直接操作DOM。 使用VirtualDOM进行本地更新。 4 .全部使用https，确保传输中的安全。 5 .前端模块化开发。 6、加入rpx单位，隔离设备尺寸，易于开发。 小程序问题，1，小程序仍在使用WebView渲染，需要独立开发，而不是本地渲染2，不能在非微通信环境中运行。 3 .开发人员不能扩展新组件。 4 .服务端接口返回的标头不能执行。 示例： Set-Cookie。 5、依赖于浏览器环境的js库不可用。 没有窗口或文档对象，因为JSCore正在运行。 6、本地(图像、字体等)在WXSS中不可用。 7、WXSS转换为js而不是css，为了与rpx兼容。 8、WXSS不支持级联选择器。 小程序无法打开页面，无法提取APP。 脱离微信的小程序： PWA渐进式应用程序、PWA-ProgressiveWebApp、PWA特性、脱机访问-服务员可以在脱机或网络速度较低的环境中工作。 使用本机类应用程序appshellmodel提供本机应用程序般的体验。 可安装-用户可以在主屏幕上保留有用的应用程序，而无需通过应用程序存储区。 使用易于共享的URL轻松共享应用程序。 持续更新从serviceworker更新过程中获益，应用程序可以始终保持更新。 通过安全性HTTPS提供服务，确保内容没有被篡改。 可搜索W3Cmanifests元数据和serviceworker注册使搜索引擎能够搜索web应用程序。 重新访问-消息推送等功能使用户更容易重新访问。PWA-WebAppManifest将Web设为Native，WebAppManifest以JSON形式定义Web应用程序的相关结构(应用程序名称、图标或图像连接、启动URL、自定义属性、启动默认设置、全画面显示设置等) PWA-ServiceWorkers增强了Web功能，通过ServiceWorks实现了资源的脱机缓存和更新，pwa-app