/dist/large-number.js"); } ⻚页⾯面打开过程 开始加载 HTML加载成功 开始加载数据 数据加载成功 渲染成功开始 加载图⽚片资源 图⽚片加载成功 ⻚页⾯面可交互 服务端渲染 (SSR) 是什什么？ 渲染: HTML + CSS + JS + Data -> 渲染后的 HTML 服务端： 所有模板等资源都存储在服务端 内⽹网机器器拉取数据更更快 ⼀一个 HTML 返回所有数据 �� 总结：服务端渲染 (SSR) 的核⼼心是减少请求 SSR 的优势 减少⽩白屏时间 对于 SEO 友好 SSR 代码实现思路路 服务端 客户端 ·使⽤用 react-dom/server 的 renderToString ⽅方法将 React 组件渲染成字符串串 ·服务端路路由返回对应的模板 ·打包出针对服务端的组件 webpack ssr 打包存在的问题 浏览器器的全局变量量

·生产环境：webpack.prod.js ·规范：Git commit日志、README、ESLint 规范、Semver 规范 ·质量：冒烟测试、单元测试、测试覆盖率和 CI ·SSR环境：webpack.ssr.js …… ·基础配置：webpack.base.js 通过 webpack-merge 组合配置 > merge = require("webpack-merge") . 功能模块设计 目录结构设计 + |- /test + |- /lib + |- webpack.dev.js + |- webpack.prod.js + |- webpack.ssr.js + |- webpack.base.js + |- README.md + |- CHANGELOG.md + |- .eslinrc.js + |- package.json

http://127.0.0.1:8001/api/v1/order/new 谈谈 Web 商城的性能优化策略略 · 渲染优化 ·个⼈人中⼼心⻚页预渲染 · ⾸首⻚页、列列表⻚页、详情⻚页采⽤用 SSR 或者 Native 渲染 · 弱⽹网优化 · 使⽤用离线包、PWA 等离线缓存技术 · Webview 优化 · 打开 Webview 的同时并⾏行行的加载⻚页⾯面数据 功能开发要点 ·