前端学习链接

前端生态圈技术趋势

地址:https://stateofjs.com/en-US

前端框架

  • Vue
  • React

Vue

简介:Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。

官网:https://cn.vuejs.org/

React

简介:用于构建 Web 和原生交互界面的库。

官网:https://react.docschina.org/

Vue 全家桶

Vue-router

简介:Vue.js 的官方路由,为 Vue.js 提供富有表现力、可配置的、方便的路由。
官网:https://router.vuejs.org/zh/

Pinia

简介:vue.js状态管理库

官网:https://pinia.vuejs.org/zh/

Vite

简介:项目脚手架工具,Vite 是一个轻量级的、速度极快的构建工具,对 Vue 单文件组件提供第一优先级支持。作者是尤雨溪,同时也是 Vue 的作者!

官网:https://cn.vitejs.dev/

Vue CLI

简介:Vue CLI 是官方提供的基于 Webpack 的 Vue 工具链,它现在处于维护模式。我们建议使用 Vite 开始新的项目,除非你依赖特定的 Webpack 的特性。在大多数情况下,Vite 将提供更优秀的开发体验。

官网:https://cli.vuejs.org/zh/

uni-app

简介:uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

官网:https://uniapp.dcloud.net.cn/

React 全家桶

React

简介:用于构建 Web 和原生交互界面的库

官网:https://react.docschina.org/learn

React Router

简介:React-routerReact 官方所推出的前端路由库

官网:https://reactrouter.com/en/main

Redux

简介:JS 应用的状态容器,提供可预测的状态管理

官网:https://cn.redux.js.org/

React-redux

简介:React ReduxRedux 的官方 React UI 绑定库。它使得你的 React 组件能够从 Redux store 中读取到数据,并且你可以通过dispatch actions去更新 store 中的 state。

官网:https://cn.react-redux.js.org/

React Native

说明:使用React创建Android和IOS的原生应用

官网:https://reactnative.cn/docs/getting-started

WebGL

介绍:WebGL的全称为Web Graphic Library(网页图形库),主要用于交互式渲染2D图形和3D图形。

标准地址:https://registry.khronos.org/webgl/specs/latest/1.0/

three.js

介绍:three.js是一个基于webgl的3D图形编程框架
three.js以简单直观的方式封装了3D图形编程中常用的对象。

官网:https://threejs.org/

中文介绍:http://www.webgl3d.cn/

参考:https://www.jianshu.com/p/e81a1ee6dca3

mpvue

介绍:mpvue是一款使用Vue.js开发微信小程序的前端框架。

官网:http://mpvue.com/

Taro

简介:Taro是一个开放式跨端跨框架解决方案,支持使用React、Vue.js、Nerv等框架来开发小程序、H5、react Native等应用。

官网:https://taro-docs.jd.com/docs/

Node.js

简介:Node.js 是一个免费、开源、跨平台的 JavaScript 运行时环境,它让开发人员能够创建服务器、Web 应用、命令行工具和脚本。

官网:https://nodejs.org/zh-cn

express

简介:Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。

民间中文官网:https://www.expressjs.com.cn/

koa

简介:Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。

官网:https://koajs.com/

民间中文网:https://koa.bootcss.com/

express、koa作用

nodejs 使用 http模块,对处理http比较麻烦,同时请求体和写入响应都是通过流的方式,处理起来比较麻烦。
基于这些,nodejs开发一般使用第三方库处理http模块。

第三方库:

  1. express
  2. koa

Egg

简介:Eggjs是一个基于Koajs的框架,所以它应当属于框架之上的框架,它继承了Koajs的高性能优点,同时又加入了一些约束与开发规范,来规避Koajs框架本身的开发自由度太高的问题。

官网:https://www.eggjs.org/zh-CN/