前端需求文档—记者曝光内幕！-方案定制-韩韩H5开发

前言

本文尽最大努力探索了各大插件、工具、框架等的文档，注明供参考的中文文档均由年轻有志作者翻译。

文章很长。请阅读目录并跳至您感兴趣的部分。

以下书签是作者通过日常开发和学习积累的，并将不定期更新。

如果有任何我们尚未涉及的部分，请发表评论，我们会在看到它们时添加它们。

MDN网络文档

这是由Mozilla开发的免费学习资源，提供了HTML的详细介绍和教程，并包括实用的演示和用例。

html狗

这是一个HTML教程和参考网站，提供HTML基础知识、标签、属性和示例，以及HTML实践和CSS样式。

HTMLcom

该网站是专门为HTML初学者准备的，提供有关HTML的入门教程和实用演示以及高级技术和操作方法。

初学者教程

菜鸟教程是一个免费的中文编程学习网站，内容丰富且通俗易懂，非常适合初学者学习和使用。

CSS技巧

CSS-Tricks是Coyier创立的CSS学习网站。它提供了大量适合初学者和高级用户的CSS教程、技术和代码示例。还有社区论坛和博客，学习者可以在其中与其他开发人员联系。

编码幻想

CodingFantasy是一种通过快速学习flex和grid布局方法的方法，你可以在玩的同时获取知识。

哔哩哔哩

Bilibili拥有海量优质前端编程视频，包括Web开发入门、HTML、CSS、JavaScript等基础课程，以及Vuejs、React等流行前端框架的教程。介绍一些实用的编程技术和开发工具。本视频由多名经验丰富的前端工程师制作，涵盖了从基础到高级的前端知识和实用内容。

重新编码

LeetCode提供了海量的算法练习题库，包括数组、链表、树、字符串、动态规划等几类算法题。在这里，用户可以免费练习在线编程竞赛和竞赛，提交和评估他们的算法解决题的能力，同时也获得启发，比其他用户表现得更好。

技术交流

GitHub

它是一个非常流行的开源代码托管，开发人员可以在其中共享、协作和探索各种开源项目，而且它也是一个非常活跃的技术社区。

堆栈溢出

专门针对编程题的社区，开发人员可以在这里提和回题，与其他开发人员交流并分享经验。

金块

RareEarthNuggets是一个专注于分享和交流程序员技能的社区，致力于帮助开发者相互学习、联系和成长。它提供了丰富的技术博客和文章、开源项目、职业和其他内容，以及众多的技术社区和。

我几乎知道

知乎是一个知识共享社区，也是一个非常流行的技术博客。在知乎，你不仅可以阅读无数的技术文章和博客，还可以与其他技术爱好者交流，分享经验，并获得专家的技术指导和解决方案。

开发商

开发者社区和国内的掘金社区很相似，有Java、Python、js、分布式等多种技术类别。在掘金队找到类似的东西并不难。本文翻译自开发者社区。

这本书读一百遍，其意义就会显现出来。

JS风格指南

它包含各种代码标准样式，这些样式不会让您立即成为一名出色的工程师，并且长期遵循它们并不意味着您可以高枕无忧，不再犯错误。

千里之行始于足下。我们有时需要和同事一起进行代码评审，不断优化自己的代码。

你不知道的JavaScript

这里我们讲一下js中很多你以前可能没有关注过但也不能忽视的小细节。我们一次性解释一下js的各种优点和缺点。

JavaScript到底是什么？

JavaScript是一门很棒的语言。语法简单，生态系统庞大，最重要的是社区的力量是最大的。我们知道JavaScript是一种非常有趣的语言，但它也充满了奇怪的行为。有时这些奇怪的行为会毁掉我们的日常生活，有时却会让我们开怀大笑。

正确学习JavaScript

本书是JavaScript的初学者指南，但它也包含针对专家的资源。仅仅因为该网站具有正确的名称并不意味着它是学习JavaScript的唯一方法。以下是顶级开发人员提供的一些文章、提示和技巧因为是从一些很有实力的网友那里收集来的，所以被称为39，或者实践。

JavaScript数据结构与算法详解

它包含多种基于JavaScript语法的算法和数据结构。每个算法和数据结构都有自己的READMEmd，其中包含说明和供进一步阅读的链接。

伟大的开源项目的***

惊人的

Awesome-vite是一个GitHub仓库，收集了Vite生态相关的资源，包括插件、模板、示例、文章等。目的是帮助开发者更好地使用和导航Vite。该存储库由社区运行。任何人都可以通过PullRequests贡献自己找到的有价值的Vite资源，甚至可以通过Issues提供题和建议的反馈。

很棒的回应

Awesome-react是React相关资源的精选列表，包括工具、组件、学习资源、示例等。如果您是React开发人员，此列表可能会有所帮助。该列表包括非常流行且广泛使用的React组件和工具，以及具有巨大潜力的相对较新的项目。

Awesome-webpack-cn

Awesome-webpack-cn是Webpack相关资源列表中文版，里面包含很多Webpack相关的文章、教程、插件等，帮助开发者学习和使用Webpack。它包含了有关Webpack的介绍和深入信息，还包括使用Webpack所需的各种工具和插件。同时，Awesome-Webpack-CN的内容也在不断更新和完善。

很棒的github-vue

Awesome-github-vue是一个GitHub存储库，包含与Vue相关的优秀开源项目、组件、工具、插件和其他资源。仓库分类清晰，介绍详细，帮助开发者寻找和使用Vue生态中的优质资源。

JavaScript

常规的

正则表达式是一种表示字符串模式的方法，通常用于搜索、替换和匹配文本。可用于匹配特定的模式字符串，如验证邮件、手机号码、号码等。RegexOne提供交互式教程来学习正则表达式。Regulex是一个非常易于使用的正则表达式可视化工具。regex101是一个在线正则表达式测试。

ES6

ES6是JavaScript语言的重大更新，也称为ECMAScript2015。ES6主要增加了很多新的语法特性，比如箭头函数、解构赋值、let和const关键字、模板字符串、类等，同时还增加了很多新的内置函数和方法，比如Promise、Set、Map、Arrayfrom。等待。ECMAScript6阮一峰入门

打字稿

TypeScript中文网是TypeScript的中文文档网站，提供全面的TypeScript中文学习资源，包括入门指南、手册、工具、文章、示例等。本网站由社区维护，更新及时且高质量，是学习TypeScript的好帮手。深入理解TypeScript

维埃斯

查看学习

看法

Vuejs文档是学习Vuejs的资源之一，提供全面的Vuejs教程和API文档。vue源代码vue-routervuexpinia

Vue开发插件

Vuejs应用程序的浏览器调试工具，适用于Chrome和Firefox。

供查看

VueUse是一个基于Vue3的轻量级、模块化函数库，提供方便实用的Vue定制钩子。它包括状态管理、表单处理、时间处理、剪贴板操作、动画效果、浏览器API等许多常用功能，还支持TreeShaking，您可以根据需要选择您需要的模块，避免不必要的浪费资源。和加载时间。

Vue项目模板

下一个