摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14381741.html 1 上线前 H5 质量及时检测 页面错误： JS 报错 接口报错 线上环境检测 页面白屏 页面性能 页面完全加载时间 前端 JS、CSS、HTML，压缩检测 前端大 JS、CSS、HTML、大图 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14381728.html 1 前端研发流程 技术选型（页面渲染技术和混合式开发技术） 项目初始化（三大框架、埋点、公共组件等） 依赖模块引入（私有 npm） 本地开发（自研前端工具） 项目联调（需求实现） 效果确认（产 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14381715.html 1 CDN 的 缓存和优化 CDN（Content Delivery Network 内容分发网络），利用最靠近每一位用户的服务器，更快、更可靠地将文件发送给用户分发网络 优点： 提速：会给用 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14381064.html 一直做的 Web 开发，这一块没怎么接触过，不太懂.. 1 内核介绍 1.1 IOS UIWebView IOS 2 就出现了，排版布局能力强，但有以下问题 内存泄露，2. 极高内存峰值，3. 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14380941.html 1 接口服务调用优化 接口合并 一个页面依赖的众多业务接口和第三方接口统一使用一个部署在集群中的接口调用，减少页面接口请求数 接口上 CDN 把不需要实时更新的接口同步至 CDN，接口内容变更 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14380929.html 1 懒加载 懒加载也叫延迟加载，在长页面中延迟加载特定元素（图片、CSS/JS 文件、JS 特性函数或方法 等等） 优点：可以减少当前屏无效资源的加载 如：把图片 src 设置为空，真实 url 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14380919.html 单页面应用 （SPA）是指：通过动态重写当前页面与用户交互，而非传统的从服务器重新加载整个新页面。在使用中不需要重新加载页面，避免页面切换打断用户体验，使应用程序更像一个桌面应用程序 重交互的页 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14380916.html 前后端分离是指：研发人员分离、业务代码分离，后端实现业务接口，前端渲染页面 这是大型互联网公司正在采用的开发模式，如果需要考虑用户体验，前端人力充足，可以积极采用 技术实现 后端只负责功能接口 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14380914.html 静态化是指：将动态的网页生成静态 HTML 页面，使用户更好访问，所采用的技术，分为纯静态化和伪静态化 当后端研发人员充分，需要考虑用户体验、服务器负载的业务，可以考虑使用静态化 技术优点 提高 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14380909.html 一些常见的页面渲染技术，可根据需要选型 1 服务端渲染 协作方式：前端开发页面，后端拿到页面模版后加入业务逻辑 优点：快速实现业务开发并上线 不足： 取数据库数据和输出 HTML 内容，用户等待 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14380901.html 在优化之前，要了解浏览器渲染过程，才能对点优化 浏览器渲染过程如上图所示 浏览器解析 HTML，生成 DOM 树（parse HTML） 浏览器解析 CSS，生成 CSSOM 树 JS 通过 D 阅读全文