前端性能优化的方向 分批渲染DOM：避免一次性渲染大量DOM，可以减少浏览器的性能压力。 集中进行DOM操作：将多次DOM操作集中在一起进行，减少不必要的渲染。 移除可视区域以外的DOM：对于不在可视

作为前端开发人员，单纯的Web 端开发已经慢慢无法满足我们的业务需求了，微信小程序、安卓 APP、IOS APP，甚至是 Windows 桌面端开发都成了我们需要掌握的技能。

一，认识MySQL数据库 1，什么是数据库 数据库(Database)就是按照数据结构来组织，存储和管理数据的仓库 专业的数据库是专门对数据进行创建，访问，管理，搜索等操作的软件，比起我们自己用文件读

在熟悉新业务时，最上者点来点去熟悉系统，其次与他人交流，其次点页面查 SQL，最下看代码。 业务逻辑层: 根据 router 点进来后的具体业务逻辑，由于层层嵌套，可能需要点上几十次。 了解代码的具体组织结构，当有需要时再去深入了解 constant: 了解业务中各种资源的类型…

现在前端的工作远不只切图那么简单，工作内容丰富了许多：有的前端工程师会做前端框架、做 SDK，有的会做搭建平台，有的会做工程化工具链，有的会做业务开发，还有的会参与引擎层，定制 js 引擎和实现渲染引

1. 长列表虚拟滚动 页面渲染太多dom节点会影响性能，对于长列表只渲染可视区域的节点（visibleData），滚动时替换visibleData 数据，实现虚拟滚动。 2. 滚动加载 滚动分页，快到内容底部时异步加载下一页，将异步响应内容append到之前的数据中。注意页面初…

实现一个虚拟滚动，配合懒加载，滚动到相应位置再加载数据。从外部进入，自动跳转到对应的位置，支持上下个数据切换。

UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Tweeter的话题列表…

react-virtualized使用, 长列表优化 完成地址列表页面，且有侧边字母导航，使用List