前端工作手册
推荐工具与索引
开发工具
科学上网
建议使用 Google 搜索作为常用搜索引擎
markdown 文档
推荐使用 vscode 用于 markdown 文档编写, 配合 prettier 插件 用于文档格式化
git
Git使用规范Terminal 命令行
推荐使用 git bash 替换 windows 自带命令行, 并集成至编辑器中
Chrome 开发者工具
CI/CD
公司根据代码仓库类型设置需要集成的 CI/CD 服务.
现在使用的是 Gitea 代码仓库服务配合 Drone CI 完成产品的自动构建与发放.
GitLab CI/CD
GitLab CI/CD 配置管理
Drone CI 文档
前端知识
JavaScript 基础
ES6 语法
Promise 与异步函数
flex 布局
Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。
yarn 包管理器
快速、可靠、安全的依赖管理。
IndexedDB
IndexedDB 是一种低级 API，用于客户端存储大量结构化数据(包括, 文件/ blobs)。该 API 使用索引来实现对该数据的高性能搜索
在数据量不大的情况, 一般使用 localForage 简化 indexedDB 操作. 对于需要大量数据储存(>100MB)的网页, 最好使用原生 indexedDB, localForage 存在单个键值对最大容量限制(128M)
eslint 规范
ESLint - 可组装的 JavaScript 检查工具
项目一般使用 airbnb + eslint-plugin-vue 作为格式要求
vue 全家桶
react 全家桶(了解)
The React Handbook (推荐阅读)
service worker (了解)
Service Worker 是浏览器在后台独立于网页运行的脚本，它可以用于增强页面的离线功能
Workbox 是谷歌开发的 Service Worker 工具, 通常使用 workbox-webpack-plugin 与现有配置整合打包
性能优化(强烈建议完整阅读)
谷歌推荐的 web 开发性能优化方法 Web Fundamentals performance
地理信息系统与地图理论
GIS 与 webGIS
GeoJSON 格式
GeoJson 格式是常用的 web 端地理信息数据格式, 通常用于地理信息数据的绘制
Mapbox-gl
Mapbox-gl 是一个使用 webGL 用于地图绘制的库, 主要包括地图控制与地图样式绘制两个部分
具体的样式操作与地图编辑可以使用 mapbox-style-editor 仓库进行练习
Turf.js (了解)
地理信息数据分析处理库, 可以借鉴相应的地理信息算法