丢丢哥

随着前端技术发展的强大，越来越复杂的交互和业务都可以由前端来实现，那么前端就需要面对越来越庞大的数据体。对于这些不变的庞大数据体，就需要通过 IndexDB 来进行存储，从而提升页面渲染速度，减轻服务

组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它包括 响应式 API 生命周期钩子 依赖注入 响应式 API

使用标准的 MVT 瓦片服务作为数据源，通过高德的 AMap.MapboxVectorTileLayer 插件创建矢量瓦片图层，实现千百万数据秒级上图，这样浏览器不会卡死，地图拖动也不会卡顿 矢量切片

客户反馈无法同时下载 30 个短视频文件的 Zip 压缩包到本地，经排查发现下载文件的总大小超过了 2G，不仅在文件的下载过程中造成了浏览器的卡顿，还在压缩文件时出现缓存区错误 对下载文件的异步任务限

由于业务需要，用户要通过移动端上传图片，并且前端要对上传图片进行压缩，然后再上传到服务器，这样可以 减少移动端上行流量，减少用户上传等待时长，优化用户体验

包管理工具 npm 和 yarn 都是很优秀的，但也存在一些潜在的问题。当相互依赖包的数量达到一定的量级时，不仅会占用大量的磁盘空间，还会大大影响包的拉取速度。 所以需要更优秀的 pnpm 包管理工具

在开发公共包的时候，每次修改包内容后都需要发包，然后运行项目安装最新公共包来进行调试和测试。 鉴于这种方式过于繁琐且不方便，可以使用 npm link 创建 软链接 来提升开发效率 软链接概览 软链接

在实际的开发中，经常需要基于不同的技术栈去写重复的功能，不仅影响开发效率还增加后期的维护成本 理想方案：只需编写且维护一套代码，就可以同时运行在各类前端技术栈中

继承性 是 CSS 非常重要的一个特性，如果一个属性具备继承性，那么在该元素上设置后，它的后代元素都可以继承这个属性 如果后代元素自己有设置该属性，那么优先使用后代元素自己的属性，不管继承过来的属性权