本项目是我工作和学习中整理出来的前端可视化demo，部分代码会有详细注释。
部分demo还配备图文讲解，可在 我的掘金主页中查找到相应文章（点击即可跳转，方便的话帮我的文章点个赞吧）
项目使用 vite^2.5.4 搭建。
项目中用到 vue^3.2 、vue-router、vuex 做基础建设，使用了 element plus 做基础ui布局。
本项目是可视化方面的笔记，包含了：
原生三件套特效svgcanvasECharts百度地图OpenLayersThreeJSFabricJS
# 初始化项目，下载依赖包
npm install
# 启动开发环境（默认端口3000，可以调试）
npm run dev
# 启动生产环境（运行dist，默认端口5000，难以调试）
npm run serve
因为笔记中记录了 “如何自定义 ECharts 主题”，所以在 npm install 后，需要把 src/assets/echarts/theme 目录下的 vintage2.js 文件拷贝到 node_modules/echarts/theme 目录下。
已修复，但不保证某些电脑运行时还会出现该错误 [2021-09-07]
错误代码：-4058
手动执行 node node_modules/esbuild/install.js
然后再使用启动命令 npm run dev
🚀 原生环境使用fabrif.js，仓库地址 🚀 🚀 🚀 🚀
- 《Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）》
- 《前端规范落地，团队级的解决方案》
- 《『前端必备』本地数据接口 —— json-server 从入门到膨胀》
- 《前端需要的免费在线api接口》
- 《这18个网站能让你的页面背景炫酷起来》
- 《纯CSS：动态渐变背景【一分钟学会】》
- 《视差特效的原理和实现方法》
- 《纯CSS实现『斑马纹理投影文字』》
- 《纯css实现117个Loading效果（下）》
- 《纯css实现117个Loading效果（中）》
- 《纯css实现117个Loading效果（上）》
- 《console.log也能插图！！！》
- 《给console来的样式》
- 《原生 node 搭建最基础的 npm 工具包》
- 《阅读Skeleton.css源码，改善睡眠质量（尽管它只有419行代码）》
- 《『 JS算法-力扣557题』反转字符串中的单词 III》
- 《【JS】作用域（入门篇）》
- 《如何用 CSS 选择符杀死队友》