名词目录

# 名词目录

# Electron

Electron 是一个前端框架，可用于构建跨平台的桌面应用程序，桌面应用程序指的是可以在电脑上安装的软件（如QQ、浏览器、酷狗音乐等）。与 Java、C++ 等语言相同，前端技术也可用于桌面应用程序的开发。开发者可使用 JavaScript、HTML 和 CSS 等前端基础技术，结合 Node.js 进行开发。最重要的是，使用 Electron 开发的桌面应用程序，可以在 Windows、macOS 和 Linux 系统上无缝运行，实现跨平台开发。

我们可以使用 HTML 和 CSS 创建一个漂亮的用户界面，使用 JavaScript 处理用户输入和数据，使用 Node.js 处理系统调用和后台任务等等，使用 Electron 构建桌面应用程序就像在编写网页一样，相当容易上手。

什么是electron (opens new window)

文档 (opens new window)

# Taro

Taro 是一套遵循 React 语法规范的多端开发解决方案；使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等）运行的代码。

# uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

文档 (opens new window)

# Quasar

Quasar (opens new window)是基于Vue的跨端解决方案，无论您是仅构建桌面网站、桌面应用还是移动应用。编写代码一次并同时将其部署为网站、移动应用和/或Electron应用，所有这些应用都用一个代码库，通过使用最先进的CLI并辅以精心编写的、性能导向的Quasar Web组件，帮助您以最短时间开发应用。

# Docker

一个用于开发，交付和运行应用程序的开放平台什么是docker (opens new window)

文档 (opens new window)

# Serverless

# WebAssembly

WebAssembly（wasm）就是一个可移植、体积小、加载快并且兼容 Web 的全新格式。

什么是WebAssembly (opens new window)

文档 (opens new window)

# Koa

Koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架；基于node.js的下一代web（服务端）框架。

什么是Koa (opens new window)

文档 (opens new window)

# Gulp

前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少；gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。

文档 (opens new window)

# TypeScript

TypeScript是一个编译到纯JS的有类型定义的JS超集。

走进typescript (opens new window)

官方文档 (opens new window)

# PWA

一个新的前端技术，PWA（全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。

参考 (opens new window)

# SPA

单页面应用 (opens new window)

# SSR

服务端渲染 (opens new window)

# Next

Next.js 是一个 React 服务端渲染框架。Next.js (opens new window)

# Nuxt

基于vue.js的服务端渲染框架，官方文档 (opens new window)

# Vant Weapp

Vant 是有赞前端团队开源的移动端组件库, 轻量、可靠的小程序 UI 组件库。

参考 (opens new window)

# YIS

更快更轻量的 hybrid 框架, 参考 (opens new window)

# NestJS

Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。

NestJS 中文文档 (opens new window)

# Weex

阿里开源的跨平台移动端开发工具。

入门参考 (opens new window)

# UmiJS

可扩展的企业级前端应用框架。

UmiJS (opens new window)

umi3教程(看完没入门就来打我) (opens new window)

# 飞冰

飞冰是阿里出的一套中后台解决方案，基于 React 的应用研发框架 icejs，支持 Vite & Webpack 模式，同时提供了微前端、Hooks、一体化等解决开发，让前端开发更加简单规范。

官网 (opens new window)

# Lerna

Lerna 是一个多 package 的项目管理工具，针对使用 git 和 npm 管理多软件包代码仓库的工作流程进行优化。官网 (opens new window)

Lerna 运行流程剖析 (opens new window)

# pnpm

速度快、节省磁盘空间的软件包管理器, 官网 (opens new window)

都2022年了，pnpm快到碗里来！ (opens new window)、One For All：基于pnpm + lerna + typescript的最佳项目实践 - 理论篇 (opens new window)

# Apifox

API 文档、API 调试、API Mock、API 自动化测试, Apifox = Postman + Swagger + Mock + JMeter.

Apifox (opens new window)

# Tailwind CSS

Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。

https://www.tailwindcss.cn/ (opens new window)、TailwindCSS的使用，看这一篇就够了！ (opens new window)、TailwindCSS 高级使用技巧 (opens new window)

# SolidJS

一个用于构建用户界面，简单高效、性能卓越的JavaScript库，它既包含了 React 的语法和天生的 TS 支持，又拥有比 Vue 还彻底的响应式设计，让你不用为 Deps 烦恼。

https://www.solidjs.com/ (opens new window)、新开源项目（solidjs-use）随想录 (opens new window)

# Turbopack

Turbopack 是一个Vercel公司22年底推出的打包工具，由原 Webpack 和 Next.js 作者用 Rust 编写；声称“在大型应用中，展示出了 10 倍于 Vite 的速度，700 倍于 Webpack 的速度”~

Turbopack官网 (opens new window)、前端又开撕了：用Rust写的Turbopack，比Vite快10倍？ (opens new window)、Turbopack初印象 (opens new window)

# Rspack

Rspack 是字节跳动自研的基于 Rust 的高性能 Web 构建工具，号称启动速度快，HMR 速度极快，兼容Webpack~

Rspack官方文档 (opens new window)、字节跳动自研 Web 构建工具 Rspack 正式发布 (opens new window)

# Quark Design

Quark（夸克） Design 是由哈啰平台 UED 和增长&电商前端团队联合打造的一套面向移动端的跨框架 UI 组件库。与业界第三方组件库不一样，Quark Design 底层基于 Web Components 实现，它能做到一套代码，同时运行在各类前端框架中。

quark官方文档 (opens new window)、github地址 (opens new window)

# Astro

Astro 是一个新兴的前端渲染框架，它提出了一种创新的 Web 架构，有时也被称为孤岛架构。在 Astro 中，每个页面都被视为单独的孤立单元，具有自己的 HTML、CSS、JavaScript 和数据。这样的设计可以提高页面构建和部署的效率，同时可以降低对整个站点的影响。当一个页面发生变化时，只需要重新构建和部署该页面，而不需要重新构建整个站点，可以大大缩短构建和部署时间。

Astro 的孤岛架构还允许每个页面都使用不同的开发工具和技术栈，例如 React、Vue、Svelte 等，从而可以根据具体需求和开发人员的技能选择最适合的开发工具和技术栈，提高开发效率和质量。

Astro官方文档 (opens new window)、https://github.com/withastro/astro (opens new window)

# VTable

VisActor (opens new window)是字节的一个数据可视化解决方案, VTable (opens new window)字节跳动开源高性能表格组件库, 支持百万数据秒级渲染~

支持百万数据秒级渲染，字节跳动开源高性能表格组件库 VTable (opens new window)

# Mitosis

Angular之父新出的一个跨框架开发工具，写一份代码，就能编译成 React, Vue, Qwik, Solid, Angular, Svelte 等不同框架的代码

mitosis (opens new window)、想要开发组件库？那你一定要提前了解一下这个神器 (opens new window)

# Storybook

Storybook 是一个 ui 组件开发管理的工具，我们可以通过 story 独立创建组件，并且每个组件都有一个独立开发调试环境。

storybook (opens new window)、Storybook Vue 教程 (opens new window)、Storybook React 教程 (opens new window)

上次更新: 9/19/2024, 7:59:59 PM