《狂人日记NO.7》— 技术分享

Imchendiana
153 阅读4分钟

前言

今天跟大家分享一下我当前使用的技术体系、VSCode插件、辅助网站、以及GIS学习。

image.png

正文来了

1. 技术体系分享

1.0 首选语言

  • TypeScript - TypeScript 是 JavaScript 的超集，它可以编译成纯 JavaScript。它是开发大型应用的首选语言，TypeScript 为 JavaScript 添加了强类型校验，并帮助开发者避免在运行时发生的潜在错误。

1.1 Vite 生态

1.2 Vue 生态

  • Vue - 渐进式 JavaScript 框架，易学易用，性能出色，适用场景丰富的 Web 前端框架。
  • Element Plus - 基于 Vue 3，面向设计师和开发者的组件库。
  • vue-router - Vue 官方路由管理器，用于构建单页面应用。
  • pinia - Vue 官方状态管理库，用于构建可预测的状态管理系统。
  • @vueuse/core - Vue 官方 Composition API 的实用工具库，提供了许多有用的函数和组合式API。
  • ...

1.3 CSS

  • less - CSS 预处理器，扩展了 CSS 的功能。
  • sass - CSS 预处理器，提供了许多有用的功能，如变量、嵌套规则和混合。
  • unocss - 即时、按需的原子级 CSS 引擎，专注于提供轻量化、高性能的 CSS 解决方案。
  • tailwindcss - 只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站。
  • ...

1.4 第三方库

  • lodash-es - JavaScript 实用工具库，提供了许多有用的函数。
  • nprogress - 页面顶部进度条插件，用于显示页面加载的进度。
  • animate.css - 一个跨浏览器的 CSS3 动画库，用于创建复杂的动画效果。
  • axios - 基于 Promise 的 HTTP 客户端，用于发送异步请求。
  • dayjs - 轻量级的 JavaScript 时间库，提供了许多有用的时间处理函数。
  • echarts - 一个基于 JavaScript 的开源可视化图表库，用于创建各种类型的图表。
  • fetm-components - 用于构建前端组件的库，提供了许多有用的函数和组合式API。
  • fetm-hooks - 用于构建前端钩子的库，提供了许多有用的函数和组合式API。
  • fetm-utils - 用于构建前端工具的库，提供了许多有用的函数和组合式API。
  • mitt - 一个极简的事件发射/监听库，用于在组件之间进行通信。
  • qs - 一个轻量级的 JavaScript 库，用于解析和序列化 URL。
  • ws - 一个简单的 WebSocket 客户端库，用于在浏览器和服务器之间进行实时通信。
  • ...

1.5 三维可视化

  • Cesium - 用于构建三维地球的库，提供了许多有用的函数和组件。
  • KBE3D - 轻量级地图渲染类库。
  • SatEarth - 三维地球组件库。
  • ...

1.6 编码风格

  • eslint - 静态代码检查工具，用于识别和报告 JavaScript 代码中的问题。
  • eslint-plugin-format - 用于格式化代码的 ESLint 插件。
  • @antfu/eslint-config - 强大且灵活的ESLint配置预设，它提供了一站式代码风格管理解决方案，并支持广泛的文件类型和高度可定制的配置选项。通过使用@antfu/eslint-config，开发者可以大大提高代码质量、团队协作效率和开发体验。
  • ...

2. VSCode 插件分享

  • Aya Vue3 extension Pack - Vue3 系列插件包，包括了许多有用的工具和扩展。
  • Baidu Comate (Gitee版) - 百度推出的代码助手，支持多种编程语言和框架。
  • UnoCSS - 即时、按需的原子级 CSS 引擎，专注于提供轻量化、高性能的 CSS 解决方案。
  • Highlight - 代码高亮插件，用于突出显示代码中的特定部分。
  • ...

3. 辅助网站分享

4. GIS学习分享

【有道云笔记】GIS应用开发

欢迎评论

如果大家有什么看法或问题，也可以关注我的公众号哦—【诗传千古地负海涵】 🌟

avatar
文章
阅读
粉丝