poppyLuo / Interview-notes

前端总结、手写代码、数据结构与算法 Leetcode、源码解析

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

文档目录:

业务思考随记

业务和项目总结

移动端 web 板块

20190406

移动端页面在初始解析和数据加载之前,往往有一个短暂的空白期,是给用户一个展示页面大概样式的方案(Skeletron Page),还是直接一个 loading ? 这两个方案已经应用多年,已经有不少用户表示厌烦,让我们尝试下别的:

  • 比如一个色彩并不复杂、但有趣的等待动画。
  • SSR 也是不错的方案,但要考虑开发维护成本和具体场景。
  • 简单的进度条 / 百分比,用户希望精确地知道什么时候能看到内容。
  • 直接在性能上下狠手,缩小或消除 LCP、FID、CLS 等指标。

项目思考板块

20200318

调研结束,别急着动手。

  • 在项目之初,需要先理清概念和边界,将产品中的每个角色边界、可能发生的意外风险、角色间交互关系等理清。
  • 设计每个角色的基础功能,并拥有可变可迭代的特性,应对后期的变化。
  • 在此之上梳理出模块,最后组装。
  • 当然,要想全面地梳理并不容易,也不大可能,可以尝试思考一部分,后面完善;或者尝试将线再切分,由小到大扩展。
  • 《thinking in uml》

业务板块

201806

地图的线路绘制,大批量数据的推送,以及性能相关的问题:重要的区域优先显示,同时定量、定优先级逐步批量显示

  • 重复利用已有资源,比如渲染的实例 dom,维护渲染池,将不可见的回收利用。
  • 同时在用户操作时,停止渲染,在空闲时绘制。
  • 尽量少的合成层,避免使用 z-index,避免进行回流操作
  • 渲染简单图片及样式
  • queue + eventloop 任务切片 + raf + requestIdleCallback

引申:实际对于列表来说,最佳方案是虚拟列表,而时间分片,更适合热力图,地图点位比较多的情况

2020

旅游

地理定位、周边服务、景点、线路、翻译、消息系统、评分

未来优化:国际货币计算、离线缓存、评分评论

教育

秒杀

前端优化、消息系统

文档同步

文档编辑及多端同步

About

前端总结、手写代码、数据结构与算法 Leetcode、源码解析


Languages

Language:JavaScript 79.1%Language:TypeScript 19.8%Language:HTML 1.1%