{"id":13676645,"url":"https://github.com/overnote/over-javascript","last_synced_at":"2025-05-15T00:13:37.102Z","repository":{"id":41271454,"uuid":"162954042","full_name":"overnote/over-javascript","owner":"overnote","description":"JavaScript相关：[初稿进度90%]记录JavaScript、Node.js、Vue/React等。文本错误依然很多，会坚持改，抱歉。","archived":false,"fork":false,"pushed_at":"2025-01-06T05:55:24.000Z","size":38920,"stargazers_count":928,"open_issues_count":0,"forks_count":137,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-05-15T00:13:28.166Z","etag":null,"topics":["css3","electron","es6","javascript","node","typescript","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/overnote.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-12-24T05:38:31.000Z","updated_at":"2025-05-14T02:18:36.000Z","dependencies_parsed_at":"2025-01-31T17:01:16.877Z","dependency_job_id":null,"html_url":"https://github.com/overnote/over-javascript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/overnote%2Fover-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/overnote%2Fover-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/overnote%2Fover-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/overnote%2Fover-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/overnote","download_url":"https://codeload.github.com/overnote/over-javascript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254249206,"owners_count":22039029,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","electron","es6","javascript","node","typescript","vue"],"created_at":"2024-08-02T13:00:30.888Z","updated_at":"2025-05-15T00:13:32.084Z","avatar_url":"https://github.com/overnote.png","language":"JavaScript","readme":"# README\n\n## 一 关于本笔记\n\nOverNote 系列笔记是我在平时一些学习时间阅读书籍博客、观看视频后整理出来的一套体系化笔记，着重将一个整套知识体系由浅入深的记录下来，并做**可持续的**扩展。许多内容仍然没有细化，笔误依然很多，敬请期待不断校正后的正式版。正式版会以类似 gitbook 的形式开放，便于阅读。\n\n笔记的内容大多都来源于市面上常见的经典书籍，以及笔者自己平时的开发经验整理。\n\n贴士 1：ES6 现在基本被各运行时接受，故 ES6 的内容已经完全被整合入对应章节，不再单独列出。如 let 声明已经并入了变量相关章节，class 并入了面向对象相关章节。\n\n贴士 2：一些内容涉及了数学公式等，笔者使用了 KaTex/MathJax 代码，为了在浏览器上能正常显示，可以安装插件 [MathJax Plugin for Github](https://chrome.google.com/webstore/detail/mathjax-plugin-for-github/ioemnmodlmafdkllaclgeombjnmnbima)\n\n## 二 笔记内容来源书籍整理\n\n### 2.1 HTML CSS\n\n笔者推荐直接阅读新时期的一些必读著作：\n\n- [**《深入解析 CSS》**](https://book.douban.com/subject/35021471/)：重点书籍，新近较好的 CSS 基础与进阶书籍\n- [**《CSS 揭秘》**](https://book.douban.com/subject/26745943/)：经典 CSS 书籍，CSS 书籍瑰宝！！！\n- [**《CSS3 艺术 网页设计案例实战》**](https://book.douban.com/subject/34932891/)：CSS3 书籍，提供了大量 CSS3 的示例与优化技巧\n- [**《CSS 权威指南（第四版）》**](https://book.douban.com/subject/33398314/)：经典书籍，可以作为 CSS 字典查阅\n\n其他可参考阅读的 HTML/CSS 书籍：\n\n```txt\n张鑫旭的CSS三部曲：\n《CSS 世界》：可阅读，深入 CSS 的一本书，但是作者行文风格较为奇特\n《CSS 新世界》：可阅读，内容较好，但是作者行文风格较为特殊\n```\n\n完全零基础可以阅读下列 HTML/CSS 书籍中的一本：\n\n```txt\n《Head First HTML 与 CSS》第 2 版\n《HTML \u0026 CSS 设计与构建网站》\n《CSS 设计指南》\n```\n\n有亮点但不需要阅读的 HTML/CSS 书籍：\n\n```\n《CSS 禅意花园》：不推荐，内容偏设计，非程序员读物，且时代较为久远\n《精通 CSS》第 3 版：本书第3版跟上了时代，但是内容上与《深入解析 CSS》重合\n《CSS 实战手册》第四版：内容上与《深入解析 CSS》重合\n```\n\n### 2.2 JavaScript 基础篇\n\n这一部分有太多好书了，笔者爱不释手，可以根据需要选择 3-4 本左右即可。\n\nJavaScript 语法汇总类：\n\n- [**《JavaScript 高级程序设计》** 第 4 版](https://book.douban.com/subject/35175321/)：红宝书，最好的 JS 入门、提升书籍之一\n- [**《JavaScript 语言精髓与编程实践》** 第 3 版](https://book.douban.com/subject/35085910/)：国内出品非常优秀的 JS 书籍\n- [**《JavaScript 权威指南》** 第 7 版](https://book.douban.com/subject/35396470/)：犀牛书，JS 的百科全书，与红宝书冲突过多\n- [**《ECMAScript6 入门》** 第 3 版](https://book.douban.com/subject/27127030/)：阮一峰的 ES6 作品，全面深入，也可以看 [网页版](https://es6.ruanyifeng.com/#docs/generator)\n- [**《深入理解 ECMAScript6》**](https://book.douban.com/subject/27072230/)：ES6 书籍，偏基础\n\n其他优秀基础书籍：\n\n```txt\n《Head First JavaScript 程序设计》：零基础入门书籍\n《JavaScript 编程精解 第 3 版》：佳作《Eloquent JavaScript》中文版，深入浅出，建议看英文版。\n《JavaScript 编程全解》：内容全面，讲解的很细致优秀，但是内容与红宝书、犀牛书重复较多\n《JavaScript 面向对象编程指南》（第 3 版）：名为讲解面向对象，实则补充了 JS 语法、设计模式、DOM 编程等部分，内容与红宝书、犀牛书重复较多\n```\n\n### 2.3 Web 编程篇\n\n大多 Web 相关书籍内容在 JavaScript 语法书中都有涉及，有网页开发经验的，笔者认为可以忽略本节书籍：\n\n- [《JavaScript\u0026jQuery 交互式 Web 前端开发》](https://book.douban.com/subject/26433805/)：适合学习使用 jQuery 制作优秀的交互式网站\n- [《HTML5 秘籍》第 2 版](https://book.douban.com/subject/26342322/)：内容比较系统的一本 Web 编程书籍\n- [《锋利的 jQuery》](https://book.douban.com/subject/3794471/)第 2 版：罗列了 jQuery 的 API 使用示例，适合初学 jQuery 时看一看\n\n其他书籍：\n\n```txt\n《JavaScript DOM 编程艺术》：非常基础的一本DOM编程书籍，内容与《JavaScript\u0026jQuery 交互式 Web 前端开发》类似\n《HTML5 权威指南》：知识点全面，内容比较宽泛，可以作为手册\n```\n\n### 2.4 JavaScript 进阶篇\n\nJS 语法规范进阶：\n\n- [**《你不知道 JavaScript》** 上卷 + 中卷](https://book.douban.com/subject/26351021/)：笔者认为目前最好的 JS 深入书籍之一\n- [**《JavaScript 忍者秘籍》** 第 2 版](https://book.douban.com/subject/30143702/)：对函数的讲解：闭包、重载、柯里化化讲解极好\n- [**《Effective JavaScript》**](https://book.douban.com/subject/25786138/)：非常好的进阶书籍，不分内容过时\n- [《深入理解 JAVASCRIPT 特性》](https://book.douban.com/subject/33441887/)：比较有深度\n- [**《JavaScript 函数式编程指北-Franklin Risby》**](https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/)：很好的函数式书籍，目前只有英文版，[点击进入原书地址](https://github.com/MostlyAdequate/mostly-adequate-guide)\n\n其他优秀书籍：\n\n```txt\n《JavaScript 语言精粹》修订版：即经典蝴蝶书，短小精悍，附录中对 JS 语言糟粕的汇总值得一看！但大多问题已被 ES6 相关书籍总结\n《JavaScript ES8 函数式编程实践入门 (第 2 版)》：内容过于简单\n《JavaScript 函数式编程思想》：内容较好，深度足够，但是语言要素较多\n《JavaScript 函数式编程指南》：概念讲解优秀，但是源码给出的较为粗糙，需要一定功底翻看\n```\n\n### 2.5 TypeScript\n\n- [**《TypeScript 编程》**](https://book.douban.com/subject/35134660/)：TS 语法基础，也拥有一些实用基础，类型进阶、错误处理、JS 互操作等章节的一些实践不错\n- [**《Effective TypeScript》**](https://book.douban.com/subject/35689352/)：TS 使用中的一些实践技巧，建议英文版\n\n### 2.6 Node.js\n\n- [overnote 笔记](https://github.com/overnote/over-javascript/tree/master/04-NodeJS)：Node 发展太快，市面上的入门书籍大多过时，还是直接看本笔记吧 o(╯□╰)o\n- [**《Node.js 设计模式》** 第 3 版](https://book.douban.com/subject/35608760/)：质内容上乘，推荐看英文原版\n- [**《深入浅出 Node.js》**](https://book.douban.com/subject/25768396/)：Node 书籍的集大成者，部分内容已过时，但仍然值得精读\n- [《Node.js:来一打 C++扩展》](https://book.douban.com/subject/30247892/)：适合学习开发扩展使用\n\n### 2.8 前端框架\n\nVue：\n\n- [**《Vue.js 设计与实现》**](https://book.douban.com/subject/35768338/)：目前非常好的 vue 原理书籍\n- [**《深入浅出 Vue.js》**](https://book.douban.com/subject/32581281/)：vue 一些原理分析\n- [**《Vue.js 技术内幕》**](https://book.douban.com/subject/36092368/)\n\nReact：\n\n- [**React 官方文档**](https://zh-hans.reactjs.org/docs/getting-started.html)：React 官方文档是目前比较新的、全面的文档，基础学习看这里即可\n- [**《React 设计原理》**](https://book.douban.com/subject/36171032/)\n- [**《React 状态管理与同构实战》**](https://book.douban.com/subject/30290509/)\n\njQuery：\n\n- [**《jQuery 技术内幕》**](https://book.douban.com/subject/25823709/)\n\nWebpack：\n\n- [**《Webpack+Babel 入门与实例详解》**](https://book.douban.com/subject/35721564/)\n\nElectron：\n\n- [**《Electron 实战：入门、进阶与性能优化》** 刘晓伦](https://book.douban.com/subject/35069275/)\n- [**《深入浅出 Electron：原理、工程与实践》** 刘晓伦](https://book.douban.com/subject/35693818/)\n\n其他：\n\n```txt\n《深入 React 技术栈》：原理介绍较好，但是版本较老了\n《深入浅出React和Redux》：适合学习react和redux，但是版本较老了\n《React Hooks 实战》：与官方文档类似，推荐直接看官方文档\n《Webpack 实战：入门、进阶与调优》第 2 版\n```\n\n### 2.9 前端综合\n\n前端技术概览：\n\n- [**《现代前端技术解析》**](https://book.douban.com/subject/27021790/)：前端目前技术趋势的汇总，适合茶余饭后简单阅读。\n- [**《高效前端：Web 高效编程与优化实践》**](https://book.douban.com/subject/30170670/)\n- [**《JavaScript 设计模式与开发实践》**](https://book.douban.com/subject/26382780/)\n- [《前端跨界开发指南：JavaScript 工具库原理解析与实战》](https://book.douban.com/subject/36039010/)\n- [《前端开发核心知识进阶：从夯实基础到突破瓶颈》](https://book.douban.com/subject/35218831/)：适合面试\n- [《现代 JavaScript 库开发 原理、技术与实战》](https://book.douban.com/subject/36162488/)\n\n前端性能优化：\n\n- [**《前端性能揭秘》**](https://book.douban.com/subject/36096567/)：新时期前端性能优化度量、优化办法的汇总\n- [**《高性能 JavaScript》**](https://book.douban.com/subject/5362856/)\n- [**《Web 性能权威指南》**](https://book.douban.com/subject/25856314/)\n\n微前端架构：\n\n- [《微前端设计与实现》](https://book.douban.com/subject/36014313/)：偏理论\n- [《微前端实战》](https://book.douban.com/subject/35916201/)：偏实践\n\n其他优秀书籍：\n\n```txt\n《编写可维护的 JavaScript》：不推荐，现在 ESLint 等工具已经成熟。\n《JavaScript 模式》：不推荐，版本太老\n```\n\n### 2.10 Canvas\n\n- [**《HTML5+JavaScript 动画基础》**](https://book.douban.com/subject/24744218/)：目前最好的动画书籍\n- [**《HTML5 Canvas 核心技术》**](https://book.douban.com/subject/24533314/)：目前最好的 canvas 书籍\n- [**《TypeScript 图形渲染实战：2D 架构设计与实现》**](https://book.douban.com/subject/31365348/)：编排较乱，但仍有值得看的地方\n\n### 2.11 待读\n\n```txt\n前端工程质量保障体系实践\n前端架构师：基础建设与架构设计思想\nWeb 前端开发 Debug 技巧\n```\n\n## 附\n\n**OverNote**地址：\u003chttps://github.com/overnote\u003e  \n**笔者的地址**：\u003chttps://github.com/ruyuejun\u003e\n\n**OverNote 分类**：\n\n- [Golang](https://github.com/overnote/over-golang)：详尽的 Go 领域笔记：Go 语法、Go 并发编程、GoWeb 编程、Go 微服务等\n- [大前端](https://github.com/overnote/over-javascript)：包含 JavaScript、Node.js、vue/react、微信开发、Flutter 等大前端技术\n- [数据结构与算法](https://github.com/overnote/over-algorithm)：以 C/Go 实现为主记录数据结构与算法的笔记\n- [服务端架构](https://github.com/overnote/over-server)：分布式与微服务笔记，附 Nginx、Mysql、Redis 等常用服务端技术\n- [Python 与机器学习](https://github.com/overnote/over-python)：Python 相关笔记，完善中\n- [cs](https://github.com/overnote/over-cs)：计算机组成原理、操作系统、计算机网络、编译原理基础学科笔记\n- [大数据](https://github.com/overnote/over-bigdata)：大数据笔记，完善中\n- [Flutter](https://github.com/overnote/over-flutter)：完善中\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fovernote%2Fover-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fovernote%2Fover-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fovernote%2Fover-javascript/lists"}