2024-03-08 | 前端入门 | UNLOCK | 更新时间:2024-3-8 11:25

关于前端在各方面所用的相关技术

前端

基础系

  • html :超文本标记语言,是一种用于创建网页的标准标记语言
  • CSS :Cascading Style Sheets,层叠样式表,为结构化文档添加样式
  • js(javascript) :JavaScript 是 Web 的编程语言
  • jq(JQuery) :一个JavaScript库,封装了很多方便的js函数和属性
  • Electron :Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架, 内嵌 Chromium 和 Node.js
  • Bootstrap :一个功能强大、功能丰富的前端UI库。在几分钟内构建从原型到生产的任何内容
  • TypeScript :一个 JavaScript 的超集,支持 ECMAScript 6 标准
  • Sass : 基于Ruby语言开发而成的专业级CSS扩展语言
  • less : 是一门向后兼容的 CSS 扩展语言

React系

  • React :一个用于构建 Web 和原生交互界面的(框架)
  • Redux :一个 JavaScript 状态容器,提供可预测化的状态管理
  • React Native :React语法的开发安卓和ios应用的框架
  • Ant Design :用 React 封装了一套 Ant Design 的UI组件库
  • Flutter :Flutter 是 Google 开源的应用开发框架,可以用一套代码库构建适用于移动、Web、桌面和嵌入式平台的精美应用

Vue系

  • Vue :一个渐进式的 JavaScript 框架,用于构建数据驱动的Web页面
  • vueuse 基于Vue组合式API的实用工具集
  • Vuex :一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态
  • Pinia :一个拥有组合式 API 的 Vue 状态管理库。同时支持 Vue 2 和 Vue 3
  • Uniapp :用 Vue.js 编写的一套代码库,可发布到移动、Web及各种小程序、快应用等多个平台
  • Element :一套基于 Vue 2.0 的 Web UI 组件库
  • Element-Plus :一套基于 Vue 3 的 Web UI 组件库

Angular系

  • Angular :一个可以用于构建Web应用的开发平台(框架)

测试

测试大体分四类:

  • 端对端测试:利用一个很像用户行为的机器人来和 App 交互,并验证功能是否正常。有时也会说 “功能测试” 或 E2E。
  • 集成测试:验证多个单元是否能协调共同工作。
  • 单元测试:验证单独隔离的部分是否正常工作。
  • 静态测试:捕获写代码时的错别字和类型错误,用 TypeScript 以及 ESLint 等静态检查工具来找出代码问题

测试库

  • ESLint 静态代码分析工具,用于标记代码中某些编码错误、风格问题和不具结构
  • cypress 一个用于 Web 应用的端到端测试框架,提供了丰富的界面和文档
  • Jest Facebook 出品,支持浏览器和 Node.js 环境,内置断言、测试覆盖率工具、Mock 工具
  • Vitest 由 Vue / Vite 团队成员开发和维护的单元测试框架,与 Vite 项目集成简单且速度快
  • Mocha 功能丰富的 JavaScript 测试框架,支持浏览器和 Node.js,但需要与其他库如 Chai 结合使用 中文网站

后端

  • MySQL :一个关系型数据库管理系统
  • Node :一个基于 Chrome V8 引擎,开源、跨平台的 JavaScript 运行环境
  • Nginx :一个 HTTP 和反向代理服务器