前端

The Net Ninja(, )

六角學院(, )

Ben Awad(, )

Florin Pop

布魯斯前端

野生IT散修

Pepcoding

彭彭的課程

Leonard Chan

Online Tutorials

程序员小山与Bug 抖音号：

Progress Bar 進度條線上課程

Coding Tech

优途课堂

Slaying The Dragon

Alex 宅幹嘛

Nader Dabit

黑马程序员

前端

前端开发规范手册(, )

前端羊村长抖音号：

前端开发者手册(, )

: Online Code Editor and IDE for Rapid Web Development

小闪电 - 可以用手机写代码的JS在线编辑器网站

: Online Code Editor and Front End Web Developer Community

- Always ready to code

- Code Playground

Coding Addict

代码真香

SimonDev

❤️程序媛郭襄抖音号：

网站，值得前端工程师收藏

截图复刻网站，Github霸榜第一，单日2500+ Star，免费，快速AI生成网页 | Screenshot to Code

前端、後端、資料庫是什麼？它們如何溝通？實際範例解說

App/小程序开发怎么选择跨端技术开发框架

Micro-Frontends Course - Beginner to Expert

codepen 构建、测试和发现前端代码的最佳场所。

FrontEndGitHub/ GitHub最全的前端资源汇总仓库

strikingly 几分钟制作一个网站

: Create a custom website | No-code website builder

前端样式命名规范BEM

Web 开发, Web Development

LearnWebCode

web3Mantra

Mohammad Taheri

web 开发

Web开发是指创建和维护用于互联网或局域网的网站和应用程序的过程。它涉及多个方面，包括网站设计、前端开发、后端开发、数据库设计等。

网站设计是关于网站的外观和感觉，包括页面布局、色彩、图形和文本等。前端开发则是指实现网站设计的过程，通过使用HTML、CSS和JavaScript等技术来创建网站的用户界面。后端开发则是指实现网站功能的过程，包括数据处理、业务逻辑和服务器端编程。数据库设计则是关于如何存储和访问数据的过程，包括数据模型、查询和索引等。

Web开发需要使用多种编程语言和框架，如HTML、CSS、JavaScript、Python、PHP、Java和Ruby等。此外，Web开发也需要使用各种工具和技术，如版本控制工具、Web服务器、API、云计算和安全性等。

总的来说，Web开发是一个广泛的领域，需要掌握多种技能和知识才能创建出高质量、安全、稳定的网站和应用程序。

以下是一个完整的Web开发路线图，包括了需要学习的技术和工具，以及学习的顺序和重点：

基础知识：HTML、CSS、JavaScript
版本控制工具：Git
服务器端编程语言：Python、Ruby、Java、PHP、Node.js
数据库：MySQL、PostgreSQL、MongoDB
Web框架：Django、Ruby on Rails、Spring、Laravel、Express.js
前端框架：React、Vue.js、AngularJS
前端构建工具：Webpack、Gulp、Grunt
CSS预处理器：Sass、Less、Stylus
前端组件库：Bootstrap、Materialize、Foundation
测试工具：Jasmine、Mocha、Karma、Selenium
部署工具：Docker、Heroku、AWS、DigitalOcean
移动端开发：React Native、Ionic、Cordova
数据可视化：D3.js、Highcharts、Chart.js
实时Web：Socket.IO、Firebase
API设计和开发：REST、GraphQL
Web性能优化：HTTP、CDN、缓存、压缩
搜索引擎优化：SEO、Meta标签、网站地图、Robots协议
安全性：HTTPS、XSS、CSRF、OWASP Top 10
计算机科学基础：数据结构、算法、计算机网络
人机交互设计：用户研究、原型设计、可用性测试
数据科学：统计学、数据分析、机器学习
人工智能：自然语言处理、计算机视觉、深度学习

需要注意的是，学习的顺序和重点应该根据您的具体情况和需求进行调整。例如，如果您的重点是前端开发，那么前端框架、组件库、构建工具和CSS预处理器等就应该放在前面。如果您的重点是移动端开发，那么移动端框架、API设计和开发、实时Web等就应该放在前面。总之，路线图只是一个参考，您需要根据自己的实际情况进行调整和完善。

How To Make A Website ~ 2022 ~ A Website Tutorial For Beginners

baidu/ 前端低代码框架，通过 JSON 配置就能生成各种页面。

Web 开发必备常识

Backend web development - a complete overview (2021)

Build and Deploy a Modern Full Stack ECommerce Application with Stripe

用 Eleventy 做一个静态博客只要 10 分钟

World Wide Web Consortium (W3C)(, )

Thinkphp5商城项目实战第一季

UIKit练习仿网易新闻首页

麦子商城项目制作

麦子学院-使用Angularjs开发Web App

Bottle Web开发

WEB系统基础

python自动化运维+web监控系统

node js开发web应用基础

Java Web扩展 Jsf

Web Performance Optimization

Responsive Web Design Fundamentals

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

Full Stack Web Development Course

This Website Has No Code or Does It?

Web Hacking 101

Web Development In 2023 - A Practical Guide 2:54:24

Web Development In 2021 - A Practical Guide 1:05:15

小白用户如何创建一个属于自己的网站？（阿里云/WordPress/Astra/Elementor/Https）

零基础教你如何快速搭建一个属于自己的视频网站！苹果cms网站搭建视频网站赚钱

在线电影网站搭建零基础搭建在线影视网站()()() Duke

Gatsby Static Site Generator Tutorial

Make A Python Website As Fast As Possible!

JavaScript Tutorial - PuzzleCam Game　

Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod

Full Stack Projects

How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS

Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more!

Ultimate Freelancing Guide for Web Developers (Make money through freelance programming!)

How to Find Freelance Jobs

Create a Video Membership Web App from Scratch with Python, NoSQL, & FastAPI

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Build a Responsive Website | HTML, CSS Grid, Flexbox & More

How to use AI Art and ChatGPT to Create a Insane Web Designs

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React) 10:02:09

Web Development Tutorials For Beginners In Hindi: HTML, CSS, JavaScript & More

Web Development

Mobile Web Development

黑马前端

黑马程序员Pink老师前端HTML+CSS教程

黑马程序员Pink老师前端Javascript基础教程（语法篇）

黑马程序员Pink老师前端Javascript进阶教程（ DOM / BOM篇）

黑马程序员Pink前端Javascript高阶教程(面向对象+ES6)

黑马程序员Pink老师前端Jquery教程

Ajax

Intro to Ajax

优途课堂

AJAX / JSON 教學

AJAX（Asynchronous JavaScript and XML）是一种通过JavaScript和XML在Web页面中创建异步请求和响应的技术。通过AJAX，Web应用程序可以在不刷新整个页面的情况下与服务器进行通信，并且可以更新页面的一部分内容，从而提高用户的交互性和体验。

在AJAX中，JavaScript负责在Web浏览器中创建异步请求，并在后台向服务器发送请求，服务器响应后，JavaScript再处理返回的数据，将结果更新到页面上。XML经常被用来作为数据交换的格式，但是现在也有很多使用JSON等其他格式的AJAX应用。

AJAX的优点包括：

提高用户体验，因为用户不需要等待整个页面刷新；
减少服务器的负载，因为只有需要更新的数据才会被传输；
可以实现动态网页，允许用户与服务器进行交互。

AJAX技术已经被广泛应用于现代Web应用程序中，例如谷歌地图、Facebook和Twitter等。

Vuejs

Vuejs(, )

Reactjs(, )

优途课堂

Vue.js是一种流行的JavaScript框架，用于构建用户界面。它是一种响应式的框架，可以使开发者轻松地构建交互性强、易于维护的单页应用程序（SPA）和动态Web界面。

Vue.js由尤雨溪在2014年创建，并于同年在GitHub上发布。它的主要特点包括：

轻量级：Vue.js的文件大小很小，压缩后只有几十KB，可以很快地下载和使用。
组件化：Vue.js的核心是组件系统，可以将UI拆分为独立、可重用的组件，从而实现代码的模块化和可复用性。
双向数据绑定：Vue.js支持双向数据绑定，可以使视图层和数据层之间的同步更加简单。
指令系统：Vue.js提供了一些内置指令，例如v-bind、v-if、v-for、v-on等，可以轻松地操作DOM元素。
虚拟DOM：Vue.js使用虚拟DOM来提高应用程序的性能，通过对虚拟DOM进行操作，最终更新真实的DOM，从而避免了直接操作DOM所带来的性能损失。

Vue.js还具有其他一些功能，例如过渡效果、过滤器、计算属性等，这些功能可以帮助开发者构建更加丰富、交互性更强的Web应用程序。Vue.js也与其他前端框架（例如React和Angular）有很好的兼容性，可以与它们一起使用。

Vue js详解

Learn Vue.js - Full Course for Beginners - 2019

Vue.js：纪录片

Vue.js: The Documentary

Vue.js Course for Beginners [2021 Tutorial]

Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows　

PanJiaChen/

[ 想入門，我陪你 ] Vue 3 宅家輕鬆玩｜Day 0：15 步認識 Vue

React

evening kid(, )

Code With Antonio

React是由Facebook开发的一个JavaScript库，用于构建用户界面。它是一个开源的库，使开发人员能够使用组件化方法快速构建可重用的UI元素。React具有高度的灵活性和性能优势，可以用于构建各种Web应用程序和移动应用程序。

React的核心思想是组件化。开发人员可以将应用程序拆分为小组件，每个组件可以独立开发、测试和维护。React中的组件由JavaScript编写，并使用类或函数声明。React还提供了一些内置组件，例如文本输入框、按钮和列表。

React使用虚拟DOM（Virtual DOM）来更新页面。虚拟DOM是一个轻量级的JavaScript对象，表示真实DOM的状态。当数据发生变化时，React会计算虚拟DOM的差异，并仅更新需要更新的部分，这使得React具有更高的性能和更快的渲染速度。

React还可以与其他库和框架一起使用，例如Redux、React Router和Axios等。它还有大量的社区支持和资源，包括文档、教程、示例和开发工具。

React JS 和 React 实际上指的是同一个东西，都是 Facebook 开发的 JavaScript 库，用于构建用户界面。React 提供了一种声明式的编程模型，允许开发人员以组件化的方式构建应用程序，这些组件可以通过将它们组合在一起来形成复杂的用户界面。

通常情况下，人们称呼 React 时，指的是 React JS，因为它是最常用的 React 实现方式之一。但是，React 还有其他实现方式，如 React Native，用于构建原生移动应用程序，以及 React VR，用于构建虚拟现实应用程序。无论使用哪种实现方式，React 的核心概念和使用方式都是相同的。

Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021

All The JavaScript You Need To Know For React

Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5 | RapidAPI

Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

React、React.js、React Native的区别

React JS Tutorials

Create 3D Site with Spline and React - Full Course

Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More

React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial

Fullstack Flask React Tutorial - Master Flask Basics And Build A Python Flask React App | 2020 HD

React Project Tutorial – Build a Portfolio Website w/ Advanced Animations

Instagram Clone Full Tutorial - Using React, Express & Sanity

React with Redux Toolkit Crash Course

Livestream with Kent: React Patterns

React Crash Course - Build A Full Recipe App Tutorial

React Course - Beginner's Tutorial for React JavaScript Library [2022]

React

ReactJS从入门到实战

React实战开发特训班

React Native documentaries

Learn React Native

React Optimisation

How To Animated

You Can Animated

Full MERN Website React Nodejs w/ GraphQL Tailwind and Docker From Zero To Deployment + GIVEAWAY

React / GraphQL Course - Build a social media app (MERNG Stack)

Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2]

Let's Create a Rich Text Editor with Draftjs and React

Build React Apps (Fleux & Redux) Practical Examples

Redux Tutorial - Beginner to Advanced

React JS Course for Beginners - 2021 Tutorial

Full Stack React & Firebase Tutorial - Build a social media app

Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js)

MERN Stack Full Tutorial & Project | Complete All-in-One Course | 8 Hours

React JS - React Tutorial for Beginners

React JS Crash Course for Beginners - Build 4 Apps in 12 Hours (Redux, Firebase, Auth + More) [2021]

React JS Crash Course 2021

React JS Tutorial – Build a Weather App With Cities Autocomplete

Data Visualization with D3, JavaScript, React - Full Course [2021]

Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course

Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course

React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!

React Native Tutorial for Beginners - Crash Course 2020

FARM Stack Course - FastAPI, React, MongoDB

FastAPI Course for Beginners

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Code a Dictionary with React and Material UI - Tutorial

🔴 REAL TIME CHAT APP USING REACT AND SOCKET.IO IN HINDI

Chat Application Tutorial With Socket.IO & React

Build and Deploy a Fully Responsive Modern UI/UX Website in React JS

Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video

Learn React Native Gestures and Animations - Tutorial

2020版React入门到大神【千锋】

How To Create An Advanced Shopping Cart With React and TypeScript

React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine

How To Create A Messaging App With Socket.io And React

Realtime Chat With Users & Rooms - Socket.io, Node & Express

React State Management – Intermediate JavaScript Course

Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

ChatGPT Clone – OpenAI API and React Tutorial

React JS Tutorial For Beginners

Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

React Hooks Course - All React Hooks Explained

React.js Full Course in Hindi for Beginners - 2023 | Master React in 12 Hours

React Native Course – Android and iOS App Development

Filmyverse React Project in Hindi | Tailwindcss | Firebase | Firestore DB | OTP Authentication

Pet Store Fullstack project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Core

Build a LinkedIn Clone with React and Firebase – Tutorial

React Router 6 – Full Course 9:44:42

Zustand React State Management Course (Simple Redux Alternative)

Next.js

Next.js是一个基于React的服务器端渲染框架，它允许开发者使用React编写应用程序，并且可以在服务端进行渲染，以提高应用程序的性能和SEO。Next.js还提供了许多实用功能，例如静态文件服务、自动代码拆分、CSS模块化、快速开发API等。以下是Next.js的一些特点：

服务器端渲染：通过服务器端渲染，可以加速首次渲染和提高SEO。
自动代码拆分：Next.js自动将页面分割成较小的块，只在需要时加载，从而提高应用程序的性能。
预渲染静态页面：通过预渲染静态页面，可以加快页面的加载速度和SEO排名。
完整的CSS支持：Next.js允许开发者使用CSS模块化，从而避免CSS命名冲突和其他问题。
快速开发API：Next.js提供了一个轻量级API路由器，可帮助开发者快速构建API。
TypeScript支持：Next.js支持TypeScript，从而可以提供更好的类型检查和IDE支持。
开箱即用：Next.js提供了许多有用的功能，如Hot Module Replacement、静态文件服务等，使开发人员可以更快地开发应用程序。

总的来说，Next.js是一个快速、简单、可靠的React框架，它提供了服务器端渲染、自动代码拆分、预渲染静态页面、CSS模块化、快速开发API等实用功能，使开发人员可以更快地构建现代化的Web应用程序。

Nextjs Crash Course with Fauna, Auth0, Tailwind, and More!

Next.js Crash Course for Beginners 2021 - Learn NextJS from Scratch in this 100% Free Tutorial!

Next.js for Beginners - Full Course

🔴 Build Modern Portfolio with NextJS, TypeScript, SSR, and CMS

Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more.

The Story of Next.js

How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟 5:50:43

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023 8:40:33

Redux

就是用来共享项目数据的，比如你项目中一个数据好多页面或者地方都要用到，并且要同步数据的变化，也就是说数据变了，所有使用的地方都要立即更新，但是使用props等数据传递太麻烦了，一层层传递上去，又一层层传递下来，实在太繁琐了，Redux就解决了这个问题，简单的实现项目的动态数据共享。

Redux 中文官网

Redux and Modern Redux Toolkit with Asynchronous Operation – Full Course

Node

node

Node.js是一个基于Chrome V8 JavaScript引擎的开放源代码、跨平台、事件驱动、非阻塞I/O的服务器端JavaScript环境。

Node.js最初是由Ryan Dahl在2009年创建的，目的是提供一种在Web服务器上运行JavaScript代码的解决方案。Node.js内置了许多用于网络编程的库，使得它可以用于构建高性能、可扩展的网络应用程序。

Node.js的最大特点是单线程、异步IO模型和事件驱动，这意味着Node.js可以在处理大量并发连接时保持较低的系统资源开销。同时，Node.js的模块化系统也使得开发人员可以轻松地使用第三方模块来扩展功能，从而加速开发过程。

Node.js已经成为了一个非常流行的技术，被广泛应用于Web应用程序、实时应用程序、API服务器、微服务等领域。

Node.js 教程 NPM 使用介绍

一起学 Node.js(, )

Node.js Tutorials()

node js上最新HTML5开发框架 Meteor

node js开发web应用基础

Node.js

Deno

Nodejs From Scratch For Beginners (FS, Events and Express)

Socket.io Nodejs Build Real Time Apps

Nodejs From Scratch For Beginners (FS, Events and Express)

Let's Create a Blockchain on Nodejs With MongoDB

Let's Create a Command Line Interface CLI From Scratch Nodejs

Nodejs之消息服务器开发

Node.js and Express.js - Full Course

Node.js Crash Course

7 Ways to Deploy a Node.js App

Web Scraping with Puppeteer & Node.js: Chrome Automation

Learn Node.js - Full Tutorial for Beginners

Node.js Full Course for Beginners | Complete All-in-One Tutorial | 7 Hours

Node.js Tutorials

Node.js Tutorial | Node.js Tutorial For Beginners | Learn Node.js | NodeJS Tutorial |

Node.js & Stripe API - Ebook Sales App & Heroku Deploy

Node.js / Express Course - Build 4 Projects

[Tutorialsplanet.NET] Udemy - The Complete Node.js Developer Course (3rd Edition)

Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

How To Delete Data with nodejs

Node.js编程系列教程

Express

Node and Express Tutorial(, )

Gulp+Angular+Express实现简易任务管理系统

HTML5 and CSS3

Learn HTML & CSS – Full Course for Beginners

HTML / CSS Tutorial – Create an Order Summary Component

10 HTML, CSS & JAVASCRIPT Projects For BEGINNER (Road to PRO LEVEL)

SpaceX Website Clone - HTML, CSS & JavaScript

5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

Create A Responsive Website Using HTML, CSS And Bootstrap 4 In Hindi

CS50 Marathon - CS50 2021 - Lecture 8 - HTML, CSS, JavaScript

Learn HTML – Full Tutorial for Beginners (2022)

Learn HTML5 and CSS3 For Beginners - Crash Course()3:54:02

HTML and CSS Tutorial - Create a Website for Beginners

HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens

HTML, CSS and JavaScript

Build a Quiz App with HTML, CSS, and JavaScript

H5实现俄罗斯方块游戏

node js上最新HTML5开发框架 Meteor

HTML5绘图

Html概述

bootstrap综合实战

DatePicker组件开发

麦子学院-Web前端开发之HTML+CSS基础入门

麦子学院-Web前端开发之HTML5+CSS3快速入门

麦子学院-Web前端开发之Photoshop切片

麦子学院-使用Angularjs开发Web App

Angular Crash Course 2021

麦子学院-响应式web设计及项目实践

强大的抓包神器-Charles详解课程 Charles抓包配置极速实战视频教程 Charles原理与实战

HTML Full Course - Build a Website Tutorial

HTML完整课程 - 构建网站教程

CSS & HTML

HTML5 Game Development

Electron Build Desktop Apps Using HTML\CSS\JS

Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

How To Make Website Using HTML & CSS

html

oa 隐形水印

CSS, Cascading Style Sheets

JavaScript

JavaScript是一种动态编程语言，通常用于在网页上实现交互效果和动态功能。它是目前最为流行的编程语言之一，可在各种环境中运行，包括网页浏览器、服务器、移动设备等。

JavaScript最初由Netscape公司的Brendan Eich在1995年创建，目的是为了让网页能够动态地响应用户的操作和输入。随着网页技术的不断发展，JavaScript逐渐成为了网页开发中不可或缺的一部分。

JavaScript的语法与Java类似，但并不是Java的简化版，也不是Java的一种方言。它是一种完全独立的编程语言，有自己的语法和特点。

JavaScript支持面向对象编程、函数式编程等多种编程范式。它可以与HTML和CSS结合使用，使网页更具有交互性和动态性。

JavaScript的应用领域非常广泛，包括网页开发、桌面应用程序、游戏开发、移动应用程序、服务器端开发等。由于它的普及程度和适应性，学习JavaScript对于从事计算机编程和网页设计的人员来说是非常重要的。

JavaScript Tutorials freeCodeCamp

JavaScript小技巧

TypeScript

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，支持所有JavaScript的语法，但在其基础上增加了静态类型、类、接口、枚举等特性。TypeScript的目标是提高JavaScript代码的可靠性和可维护性。

TypeScript通过在编译时进行类型检查，可以在代码编写阶段发现潜在的类型错误和逻辑问题，从而提高了代码的可靠性和质量。同时，TypeScript还可以让开发人员更容易地编写和维护大型的应用程序，因为它支持模块化、命名空间和类等概念，这些概念可以帮助开发人员组织和管理复杂的代码结构。

除此之外，TypeScript还提供了强大的编辑器支持，可以帮助开发人员自动完成代码、代码重构和代码导航等操作。同时，TypeScript还支持集成开发环境（IDE）和文本编辑器，如Visual Studio Code、Sublime Text等，可以让开发人员更加高效地编写代码。

总之，TypeScript是一种非常有用的编程语言，它可以提高JavaScript应用程序的可靠性、可维护性和开发效率。

jQuery

jQuery是一种流行的JavaScript库，用于简化JavaScript代码的编写和操作HTML文档、处理事件、进行动画效果、以及处理Ajax交互等常见的Web开发任务。

jQuery为开发者提供了一种直观、灵活的方式来遍历和操作DOM元素，通过选择器语法可以轻松地找到页面中的元素，并且可以使用链式方法来对这些元素进行修改或者获取属性。

除此之外，jQuery还提供了一些强大的特性，如事件处理、Ajax封装、动画效果、DOM操作等，这些功能让开发者可以更加简单和高效地开发出复杂的Web应用程序。

jQuery的另一个优势在于它的跨浏览器兼容性，尤其是在早期的浏览器中，如IE6、7、8等，它提供了一致的API和行为，这使得开发者可以在不同的浏览器和操作系统中保持代码的稳定性和一致性。

总的来说，jQuery是一种非常流行的JavaScript库，它通过提供简洁的API和便捷的特性，让开发者可以更加轻松地开发出高效、易于维护的Web应用程序。

KnockOut

Knockout是一种用于JavaScript应用程序的轻量级MVVM（Model-View-ViewModel）库。它使得创建具有复杂UI的交互式Web应用程序变得更加容易和优雅。 Knockout采用的是响应式编程模型，它自动追踪您的数据模型的状态，并更新UI以反映这些更改，从而使您能够更加专注于业务逻辑而不是管理UI状态。

Knockout基于以下几个主要概念：

视图模型（ViewModel）：这是JavaScript对象，它在Knockout中代表UI的状态和行为。视图模型将数据和操作封装在一个对象中，可以直接绑定到UI元素，从而简化UI的管理。
数据绑定（Data Binding）：Knockout使用数据绑定技术来将视图模型中的数据与UI元素绑定在一起。当数据模型中的数据发生变化时，UI将自动更新以反映这些更改。
可观察对象（Observable Objects）：Knockout通过创建可观察对象来实现响应式编程。这些对象可以自动通知UI元素其值的更改，从而实现数据的双向绑定。
计算属性（Computed Properties）：Knockout还支持计算属性，这是一种特殊的可观察对象，它的值是根据其他可观察对象的值计算而来的。计算属性使得复杂的UI行为变得更加容易实现和维护。

总之，Knockout是一种简单而强大的JavaScript库，它可以使开发人员更加专注于业务逻辑，而不必担心管理UI状态和手动更新UI元素。

RequireJS

RequireJS.js是一个JavaScript库，它提供了一种在浏览器端异步加载JavaScript模块的机制，从而优化了Web应用程序的性能和可维护性。

使用RequireJS.js，可以将JavaScript代码拆分成多个模块，每个模块都有自己的依赖关系和功能。这些模块可以通过异步加载的方式进行加载，从而提高页面加载速度和响应性。

RequireJS.js的主要特点包括：

异步加载：RequireJS.js可以异步加载JavaScript模块，从而不会阻塞页面的渲染和交互。
模块化编程：通过将JavaScript代码拆分成多个模块，可以更好地组织和管理代码，并且可以提高代码的可维护性和复用性。
依赖管理：RequireJS.js提供了一种便捷的依赖管理机制，使得开发者可以方便地声明和管理模块之间的依赖关系。
配置灵活：RequireJS.js提供了一种灵活的配置机制，使得开发者可以方便地进行各种自定义设置，例如设置模块路径、别名、插件等。
兼容性强：RequireJS.js可以在各种浏览器和环境中运行，并且可以与其他JavaScript库和框架集成使用。

总之，RequireJS.js是一种优秀的JavaScript模块加载器和依赖管理工具，可以帮助开发者更好地组织和管理JavaScript代码，从而提高Web应用程序的性能和可维护性。

Figma

Auto.js

Auto.js 是一款基于 JavaScript 语言的 Android 平台自动化测试和脚本工具，它可以模拟人的操作来实现自动化操作。Auto.js 提供了一系列的 API 来模拟用户操作，比如点击、滑动、输入等等，同时也可以访问 Android 系统的原生 API，比如截屏、打开应用、发送广播等等。

使用 Auto.js，你可以编写脚本来自动控制 Android 手机，比如自动打开应用程序，自动滑动屏幕，自动点击按钮等等。除了自动化测试、自动化脚本编写、自动化任务执行等等，Auto.js 还可以用于自动化签到、自动化刷任务、自动化抢红包等日常应用场景。

Auto.js 提供了可视化编辑器，方便用户编辑脚本。另外，Auto.js 支持脚本的调试和运行日志的查看，方便用户进行调试和排错。同时，Auto.js 还提供了一些高级功能，比如多线程并发执行、定时任务、断点续传等等。

总的来说，Auto.js 是一款功能强大、易于使用的 Android 平台自动化测试和脚本工具，非常适合需要实现自动化操作的开发者和测试人员使用。

Electron.js

Electron.js（简称Electron）是一个开源的框架，用于构建跨平台的桌面应用程序。它最初是由GitHub开发，基于Node.js和Chromium构建。

使用Electron，开发者可以使用前端技术（如HTML、CSS和JavaScript）构建本地应用程序，这些应用程序可以在Windows、macOS和Linux等多个操作系统上运行。Electron为开发者提供了一个完整的开发生态系统，包括构建工具、调试工具和应用程序打包工具，使得开发人员能够专注于应用程序的开发。

Electron的核心是由Node.js提供的后端API，这使得开发者可以访问本地文件系统、系统级别的资源和第三方模块。同时，Electron还通过将渲染进程与主进程分离，提供了更好的安全性和可维护性。在渲染进程中，开发者可以使用常见的前端框架（如React、Angular和Vue.js）来构建用户界面。

Electron已经被许多知名应用程序使用，如VS Code、Slack、GitHub Desktop、Discord、Figma等。

Three.js

Three.js是一个基于JavaScript的3D渲染库，它可以让开发者通过JavaScript语言创建、渲染和展示三维场景，包括三维模型、纹理、光照、阴影等等。

Three.js提供了一个丰富的API，它可以让开发者很容易地创建和处理3D场景的各种元素。使用Three.js，开发者可以轻松地创建和加载3D模型、纹理和材质，设置场景的光照和阴影效果，以及添加动画和交互效果等。

Three.js还支持各种3D效果，如深度测试、抗锯齿、透明度、反射和折射等等，使得开发者可以创建出更加逼真和生动的3D场景。

Three.js是一个开源项目，可以在GitHub上找到它的源代码和文档。由于它的易用性和灵活性，Three.js已经成为了Web上最受欢迎的3D渲染库之一，被广泛应用于游戏、虚拟现实、建筑可视化、教育和艺术等领域。

Bootstrap

Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建网站和应用程序的HTML、CSS和JavaScript组件。Bootstrap最初由Twitter开发，现在是一个开源项目，由全球开发者社区维护。

Bootstrap具有响应式设计，意味着它可以适应各种设备和屏幕尺寸，包括桌面电脑、平板电脑和智能手机。Bootstrap也提供了一套易于使用的排版和样式工具，使开发人员可以快速创建漂亮和一致的用户界面。

Bootstrap还包含许多常见的UI组件，例如导航栏、下拉菜单、警告框、表格、表单和按钮等。这些组件可以通过简单的HTML标记和CSS类来创建，并且具有丰富的可定制选项，开发人员可以轻松地根据自己的需求进行定制。

最后，Bootstrap还具有大量的第三方插件和扩展，例如轮播图、模态框、日期选择器等，可以帮助开发人员更快速地构建功能丰富的应用程序。

总之，Bootstrap是一个非常流行的前端开发框架，它提供了一套易于使用和灵活的组件和工具，使开发人员可以更快速、更轻松地构建漂亮和一致的用户界面。

termux用的bootstrap?

Prisma

Prisma是一种现代数据库ORM（对象关系映射器），可以与多种数据库配合使用，例如PostgreSQL，MySQL，SQLite和Microsoft SQL Server等。它是一种类型安全的ORM，允许您使用类型安全的查询构建器和API来管理数据库。

Prisma不仅提供了ORM功能，还包括一个数据访问层和一个数据模型定义语言（Prisma Schema），它们都是使用现代的TypeScript语言编写的。

Prisma的数据模型定义语言（Prisma Schema）非常直观易懂，可以定义数据模型、关系、验证规则等。使用Prisma，您可以轻松地进行复杂的数据库操作，例如一对多关系、多对多关系、事务等。

Prisma还提供了许多强大的功能，例如自动生成迁移、类型安全的查询、实时数据库更新、数据关系的预加载等，这些功能让您的开发更加高效、快速和安全。

总之，Prisma是一个非常强大的ORM框架，可以大大简化数据库开发和管理。

Next-generation Node.js and TypeScript ORM

用户体验 UX User Experience

UI User Interface

Elastic UI

Figma

Figma是一款基于云端的设计工具，主要用于创建界面、图标、原型、图表等各种数字设计。它与传统的设计工具相比，具有更好的协作性和跨平台性，可以通过Web应用程序或桌面应用程序访问，并支持Windows、macOS和Linux等各种操作系统。

Figma的主要功能包括：

1.向量编辑：Figma提供了各种各样的向量编辑工具，可以创建和编辑矢量图形、图标、标志和其他图形元素。

2.图层和组织：Figma可以让用户创建和管理多个图层，通过分组、隐藏、锁定、重命名等方式来管理设计元素。

3.自动布局：Figma可以根据用户的设计元素自动调整布局，以便适应各种屏幕尺寸和设备类型。

4.插件和扩展：Figma提供了丰富的插件和扩展，可以增强设计工作流程，提高设计效率。

5.协作和共享：Figma可以让用户在同一设计文件中共同编辑和讨论设计，也可以轻松地共享设计文件和原型。

总的来说，Figma是一款功能强大、易于使用的设计工具，它的优势在于协作性和跨平台性，非常适合多人合作的设计项目和团队。通过Figma，用户可以更快、更高效地创建优秀的数字设计，并与团队成员进行协作和沟通。

有一些类似Figma的替代品，包括以下几个：

Sketch：Sketch是一款Mac电脑上运行的界面设计工具，主要用于创建移动应用、网站和数字界面设计。Sketch的功能类似于Figma，但是它是一款本地应用程序，不支持跨平台使用。
Adobe XD：Adobe XD是Adobe公司推出的一款基于云端的设计工具，主要用于创建移动应用、网站和数字界面设计。Adobe XD支持多平台使用，包括Windows和MacOS。
InVision Studio：InVision Studio是一款基于云端的设计工具，主要用于创建界面、原型和动画。它的功能与Figma类似，但它具有更强的动画和交互设计能力。
Axure RP：Axure RP是一款适用于用户体验设计和产品原型制作的工具，主要用于创建移动应用、网站和桌面应用等。与Figma不同，Axure RP具有更强的交互和逻辑设计能力，可以创建复杂的应用程序原型。

这些工具都有各自的优点和适用场景，根据不同的需求和使用场景选择最适合自己的工具是非常重要的。

其他

最后更新于2个月前

这有帮助吗？