按需加载一开始整个项目只有一个bundle.js，压缩之后达到了4M。导致首屏加载速度很慢，需要优化。 方案优化包大小，从业务角度出发，抽离重复的业务组件，避免大规模的90%相似度代码。需要对业务熟悉，一时间优化没有那么明显。 从技术角度，项目里面使用了react route，那能不能按照路由按需加载呢？ import()之前123import { add } from './math';console.log(add(16, 26)); 之后123import("./mat ...

qap最佳实战_动态代码背景一般性质的广告，都会走一些配置信息，客户端根据配置信息进行渲染。 一些定制化的广告，需要对服务端的配置信息进行更改，而客户端也需要根据新的配置信息进行渲染，这个周期时间有点长。而且有些个性化的广告，走配置化很难实现。 这类的需求，都是周期性，过了这个时间段就失效了。而且qap发包灰度，也会有个时间周期，为了避免发包，快速解决问题，能不能通过执行代码解决呢？ 这里的配置信息，简单理解为一个接口请求，返回配置json数据。 原理利用eval执行字符串代码1eval("al ...

qap最佳实战_跨页面需求背景有些需求涉及到多个页面，比如续费页面涉及到商品详情页、商品列表页、首页等等。 最简单粗暴的做法是把续费页面抽离成一个单独的组件，然后在每个页面都引入。这里会重复打包，会使得包大小变大。为什么会重复打包之前一系列已经说过原因了。 利用统一入口利用之前的统一入口， 将重复的需求写到统一入口页面， 在其它页面通过事件触发。 问题这样会有个严重的问题，qap的页面是相互叠加的，新打开的页面会覆盖在之前的页面里面，这就导致在公共入口的需求无法看到。同时由于在统一入口里面加了需 ...

qap最佳实战_图表官方图表 实际设计图 问题官方提供的图表插件是原生的，性能肯定比较好，但是配置项，样式之类很难做个性化。 如何解决？我们知道h5里面有各种各样的图表库，帮助我们做到各种各样的样式，那能不能在qap平台使用呢？ web组件从weex的web文档上看，web组件很早之前就已经支持了，同时qap平台又支持了事件机制,利用这种特性我们就能轻松实现图表了。 具体实现123456789101112131415161718192021222324import {render, ...

qap最佳实战_统一入口背景我们的包大小是随着页面增加越来越大，这里面就会导致有些代码不断的重复打包，那能不能减少这部分代码呢？ 原先跳转逻辑用户从工作台->点击出售中->跳到商品列表 用户从消息列表->点击商品信息->跳到商品详情 用户点击商品管理->跳到商品首页 由于存在多个路径没法统一处理，因为不知道用户会从哪里进入旺店商品。 更改跳转逻辑用户从工作台->点击出售中->跳到商品首页->再跳到商品列表 用户从消息列表->点击商品信息-& ...