7. JavaScript 教程
本教程全面介绍 JavaScript 核心语法,覆盖了 ES5 和 DOM 规范的所有内容。
也是 阮一峰 老师写的,真的非常通俗易懂,非常适合前端学习。
不得不说,知识掌握通透的人写的技术文章,非常能让人容易明白。
内容上从最简单的讲起,循序渐进、由浅入深,力求清晰易懂。
所有章节都带有大量的代码实例,便于理解和模仿,可以用到实际项目中,即学即用。
本教程适合初学者当作 JavaScript 语言入门教程,学完后就可以承担实际的网页开发工作,也适合当作日常使用的参考手册。
目录
入门篇 数据类型 运算符 语法专题 标准库 面向对象编程 异步操作 DOM 事件 浏览器模型 附录:网页元素接口
https://wangdoc.com/javascript/
8. 现代 JavaScript 教程
以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。
课程的核心内容包含 2 部分,涵盖了 JavaScript 编程语言相关知识和浏览器行为。此外还有一系列的专题文章。
JavaScript 编程语言
在这儿我们将从头开始学习 JavaScript,也会学习 OOP 等相关高级概念。
本教程专注于语言本身,我们默认使用最小环境。
浏览器:文档,事件,接口
学习如何管理浏览器页面:添加元素,操纵元素的大小和位置,动态创建接口并与访问者互动。
其他文章
教程的前两部分未涉及的其他主题的内容列表。此处没有明确的层次结构,你可以按你需要的顺序阅读文章。
https://zh.javascript.info/
9. MDN
MDN Web Docs 网站提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API。
Mozilla, Microsoft, Google, Samsung 和 W3C 将合作把 MDN 打造成最好的 Web 文档。
所以在这个平台学习 web 技术算是比较权威的了。
源于开发者,服务开发者。
https://developer.mozilla.org...
10. clean-code-javascript
优秀的 JS 代码规范。
比如:对相同类型的变量使用相同的关键字
Bad:
getUserInfo(); getClientData(); getCustomerRecord();
Good:
getUser();
再比如:使用可搜索的命名
在开发过程中,我们阅读代码的时间会远远超过编写代码的时间,因此保证代码的可读性与可搜索会非常重要。切记,没事不要坑自己。
Bad:
//525600到底啥意思? for (var i = 0; i < 525600; i++) { runCronJob(); }
Good:
// 声明为全局变量 var MINUTES_IN_A_YEAR = 525600; for (var i = 0; i < MINUTES_IN_A_YEAR; i++) { runCronJob(); }
https://github.com/ryanmcdermott/clean-code-javascript
11. TypeScript 入门教程
从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript。
这个教程真的是猫哥看过的最完整而简洁、并且通俗易懂的 TypeScript 教程!
《TypeScript 入门教程》全面介绍了 TypeScript 强大的类型系统,完整而简洁,示例丰富,比官方文档更易读,非常适合作为初学者学习 TypeScript 的第一本书。 —— 阮一峰
比如 类型别名:类型别名用来给一个类型起个新名字。
简单的例子:
type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getName(n: NameOrResolver): Name { if (typeof n === 'string') { return n; } else { return n(); } }
上例中,我们使用 type
创建类型别名。
类型别名常用于联合类型。
https://ts.xcatliu.com
12. w3school
前端必须知道的 Web 技术教程平台,虽然很多前端都知道了,但是有必要提一下。
领先的 Web 技术教程 - 全部免费。
在 W3School,你可以找到你所需要的所有的网站建设教程。
从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS。
在这里学习前端最好的地方就是有 demo 可能学习,可以验证你的效果或者输出。