前端什么知识点最难学？

Posted 2022-06-03 测试小扎

这个最就很难判断，每个人的理解程度不一致，但有两种人，觉得难的他还没学会，会的不觉得难，但是前端不一样了，会了也难，因为谁都对前端提点建议（啥也不懂的老板、产品经理、项目经理、后端、设计）

 

从小白刚入门的时候会觉得css难，记得东西比较多，js比较庞大也有可能会学乱。但是要说什么在前端比较重要的话，js学好比较重要。Vue和React这两个都是非常优秀的框架，开始不必纠结于选择哪个框架，会了一个，另一个就简单了。这样还纠结的话，我推荐你先学习 React。

Vue 相对来讲偏向通过模板的方式也就是调用 API 来写页面（当然现在 Vue 3.0 也正在跟进 Vue 的 JSX 写法，类似于 React），而 React 则是更偏向于通过写原生 JS 的那种方式写页面，使得逻辑和页面分离开来。

继续提升多思考优化

一、要会一些辅助工具，这些网站可收藏。

网址	描述
http://unbug.github.io/codelf	变量命名智能推荐（支持中文）
http://www.docschina.org	Web 前端开发人员提供优质中文文档
http://regexr.com	正则表达式验证匹配
any-rule	正则表达式库，非常全，使用起来很方便
http://www.toptal.com/developers	多张图片合成雪碧图，并生成对应 css
tool.lu	众多工具集合，包括时间戳转换，进制转换等
http://www.bootcdn.cn 或 http://cdn.baomitu.com	国内的CDN库，速度快
http://www.jsdelivr.com	国外的 cdn 库，支持 github，npm，WordPress
http://www.gitignore.io	根据选择会去生成 .gitignore 文件
http://codesandbox.io	在线编辑代码
http://www.typora.io	实用的 Markdown 写作工具，所见即所得
http://mdnice.com	使 markdown 语法更加美观，如果你有写博客，那这个非常合适你(强烈推荐)

二、基础掌握好，看书提升要快一点

有大佬替我们趟过河了，还标记了重点：这我反手就是一个收藏

《JavaScript 高级程序设计(第 4 版)》：俗称红宝书，这本书 1~11 章讲的是语言特性，一定要掌握。如果你有其他语言的编程基础，理解起来会更快。第 12、14-17 和 23-26 章是重点内容也要重点看，第 13、19 和 21 章是次重点内容，尽量看一下。第 28 章是最佳实践，可以在看完前面这些部分来学习一下如何写出更好的代码。

第 18 章 Canvas，第 20 章 API，第 22 章 XML 和第 27 章工作者线程，可以在学有余力或者用到的时候看一下，不是初期重点内容。书中有大量 API 的章节，不用死记硬背，浏览一下就行，用到再回来查。

推荐先看《现代 JavaScript 教程》再看这本红宝书，或者搭配着看。因为这里的内容在教程中都有，而且都是最新的，红宝书可以用于复习巩固。红宝书对新手不友好，这是因为其章节编排并非由浅入深，让初学者抓不住重点，什么都想学，什么都记不住，挫败感强。

《JavaScript 权威指南（第七版）》：俗称犀牛书，第六版的犀牛书是大而全的工具书，但是第七版做了大幅更新，跟进到了 ES2020，增添了 Node.js 的相关内容，还删掉了很多过时的 JS 特性相关内容。现在可以说是非常值得购买阅读的一本书了。

《ES6 标准入门》：你一定听过 ES6 或者 ES2015 吧，其实指的是一个东西，就是 2015 年发布的 ECMAScript 规范，发布的一些语言特性。这本书是阮一峰老师的书，是学习 ES6 必买书籍，当然里面也参杂了一些作者的个人理解。

《深入理解 ES6》：尼古拉斯大佬的力作，必买书籍！讲解非常详细且深入。

《深入理解 JavaScript 特性》：尼古拉斯大佬的最新书籍，由李松峰老师翻译，主要讲的也是 ES6 的内容。

《JavaScript DOM 编程艺术》：DOM 学习书籍，本书主要讲的是 DOM 知识，还会带你通过实战深入理解相关知识。以前大家会很推荐这本书，但是现在我看过后觉得，你看完其他书可以买本浏览下。

《JavaScript 语言精粹》：俗称蝴蝶书，很薄的一本，里面讲的都是 javascript 语言最核心的部分。半天就能看一遍，可以买了反复看，只是版本有些老。

《Head First JavaScript 程序设计》：这本书对于没有编程经验的新手友好，内容比较简单。

三、收藏夹还有一些收藏量比较多的自学课程或许可以帮助到大家

web 入门
Html5+css：最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程
web 进阶：web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）

技术进阶
JavaScript：JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门
DOM BOM：JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作
jQuery：前端基础必备教程|jQuery网页开发案例精讲
Ajax：AJAX零基础到精通_整合Git核心内容全套教程

Vue 开发
Node.js: Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解
Vue2+Vue3全套：Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

React &小程序开发

React：前端React视频教程，react零基础入门原理详解到好客租房项目实战

零基础玩转微信小程序：前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)