2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

从手势识别开始，到 canvaskit 实现地图引擎，再到 react/vue 组件封装，最后构建出可交互的地图应用。

有一定规模的 IT 公司，只要几年，必然存在大量的代码，比如腾讯，2019 年一年增加 12.9 亿行代码，现在只会更多。不管是对于公司，还是对于个人，怎么低成本的了解这些代码的对应业务，所提供的能力

作为数码爱好者+前端开发，每次苹果发布新品我总会第一时间打开苹果官网，除了了解新品信息之外，也很期待苹果又搞出了什么样的web特效，看多了也总结出了规律，就想着自己动手试试。

本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个`div`创建一个点击的水波效果。

js解决contenteditable="true"的光标位置放到最后 window.getSelection

通过对 Git 底层 API 的使用来了解其存储结构与工作原理，通过了解工作原理可以帮助我们更好地解决各类 Git 代码版本管理操作上的问题。