# fe-necessary-book

前端开发者必读的精品 pdf 集合(小声逼逼: 附精品 [开发工具](#开发工具))

## 前言

> 书不在多, 读了才灵

**2019/6/28 更新:** 项目被 [@HelloGithub](https://github.com/521xueweihan/HelloGitHub) 团队收录, 发布于其 [39](https://hellogithub.com/periodical/volume/39/#fe-necessary-book) 期月刊.

些许资源以链接形式给出, **pdf** 大多数为网上搜集而来, 少许部分为自行创作.

知识是没有国界的. 当然, 如果你有能力的话, 请支持一波正版!

如果你有更好的`前端`书籍, 欢迎 [贡献](#如何贡献)!

## 目录

- [码农长寿指南](#Healthy)
- [码农交友社区](#Community)
- [HTTP](#HTTP)
- [JS](#JS)
- [CSS](#CSS)
- [Canvas](#Canvas)
- [Node](#Node)
- [Database](#Database)
- [第三方 JS 类库](#第三方JS类库)
- [计算机原理](#计算机原理)
- [大厂前端博客](#大厂前端博客)
- [国外优质博客社区](#国外优质博客社区)
- [大佬博客集锦](#%e5%a4%a7%e4%bd%ac%e5%8d%9a%e5%ae%a2%e9%9b%86%e9%94%a6)
- [国内优质文章](#国内优质文章)
- [开发工具](#开发工具)

## Healthy

| Name                                | Description                                                                 | Link                                                                 |
| ----------------------------------- | --------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| 码农脱单秘笈                        | 此时, 一位`单身贵族`偷偷路过                                                | [Download](./packages/healthy/脱单秘笈)                              |
| 超负荷的大脑-信息过载与工作记忆极限 | 我为什么没法集中精神? 记忆力真的能被`训练`得更好吗? 我怎样才能更专注?       | [Download](./packages/healthy/超负荷的大脑-信息过载与工作记忆的极限) |
| 临床诊疗指南-眼科学                 | 眼镜度数又深了?                                                             | [Download](./packages/healthy/临床诊疗指南-眼科学)                   |
| 防脱发指南                          | 脱发似乎困扰着`大龄码农`们, 那么什么是什么原因导致的这些问题? 该如何去应对? | [Download](./packages/healthy/防脱发指南)                            |
| 颈椎康复指南                        | 得了`职业病`就要放弃职业吗?                                                 | [Download](./packages/healthy/颈椎康复指南)                          |
| 7 天改善睡眠-深睡眠                 | 好好睡一觉.                                                                 | [Download](./packages/healthy/7天改善睡眠-深睡眠)                    |
| 啤酒肚科学减脂                      | 又`怀孕`了?                                                                 | [Download](./packages/healthy/啤酒肚科学减脂)                        |
| 心理强大之路                        | `程序员`和`产品经理`的爱恨交织.                                             | [Download](./packages/healthy/心理强大之路)                          |
| 活着                                | 我的`人生`在何处?                                                           | [Download](./packages/healthy/活着)                                  |

## Community

| Name        | Description                                                                                                                                                                                                           | Link                                         |
| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- |
| HelloGithub | 打扰一下, 我永远热爱`HelloGithub`(**似乎与[@521xueweihan](https://github.com/521xueweihan)达成某种交易**)... 🆗, 这是一个给开源项目爱好者提供的`探索`、`分享`平台. 你`知道的`or`想知道`的有趣的项目, 都可以在这里找到 | [链接](https://hellogithub.com)              |
| Github      | 世界最大的`代码托管`平台                                                                                                                                                                                              | [链接](https://github.com)                   |
| V2EX        | 一个汇集各类`奇妙好玩`的话题和`流行动向`的网站                                                                                                                                                                        | [链接](https://www.v2ex.com/)                |
| 掘金        | 一个帮助`开发者`成长的社区                                                                                                                                                                                            | [链接](https://juejin.im/timeline)           |
| 思否        | 开发者`问答`社区, 堪称国内的`Stack Overflow`                                                                                                                                                                          | [链接](https://segmentfault.com/)            |
| 开发者头条  | 码农们的`知识库`                                                                                                                                                                                                      | [链接](https://toutiao.io/)                  |
| 51CTO       | 用`技术`成就梦想                                                                                                                                                                                                      | [链接](http://www.51cto.com/)                |
| 知乎        | 与世界分享你刚编的故事, 不过`码农`还是挺多的                                                                                                                                                                          | [链接](https://www.zhihu.com/)               |
| 哔哩哔哩    | 🐓 你太美, 挺多隐藏的`IT`大佬, 偶尔可以看看                                                                                                                                                                           | [链接](https://www.bilibili.com/)            |
| InfoQ       | 在线`新闻`/`社区`网站，旨在通过促进`软件开发`领域知识与创新的传播，为`软件开发者`提供帮助                                                                                                                             | [链接](https://www.infoq.cn/topic/Front-end) |
| Gitchat     | 基于微信的知识、课程分享平台                                                                                                                                                                                          | [链接](https://gitbook.cn/)                  |

## HTTP

| Name          | Link                                     |
| ------------- | ---------------------------------------- |
| HTTP 权威指南 | [Download](./packages/http/HTTP权威指南) |
| 图解 HTTP     | [Download](./packages/http/图解HTTP)     |

## JS

| Name                           | Link                                                   |
| ------------------------------ | ------------------------------------------------------ |
| JavaScript 高级程序设计第 3 版 | [Download](./packages/js/JavaScript高级程序设计第3版)  |
| JavaScript 权威指南第 6 版     | [Download](./packages/js/JavaScript权威指南第6版)      |
| 你不知道的 Javascript - (上)   | [Download](./packages/js/你不知道的Javascript系列)     |
| 你不知道的 Javascript - (中)   | [Download](./packages/js/你不知道的Javascript系列)     |
| 你不知道的 Javascript - (下)   | [Download](./packages/js/你不知道的Javascript系列)     |
| 高性能 JavaScript              | [Download](./packages/js/高性能JavaScript)             |
| es6 标准入门                   | [Download](./packages/js/es6标准入门)                  |
| 学习 JavaScript 数据结构与算法 | [Download](./packages/js/学习JavaScript数据结构与算法) |
| JavaScript 函数式编程          | [Download](./packages/js/JavaScript函数式编程)         |
| JavaScript 设计模式            | [Download](./packages/js/JavaScript设计模式)           |
| JavaScript 设计模式与开发实践  | [Download](./packages/js/JavaScript设计模式与开发实践) |
| JAVASCRIPT 语言精髓与编程实践  | [Download](./packages/js/JAVASCRIPT语言精髓与编程实践) |

## CSS

| Name          | Link                                    |
| ------------- | --------------------------------------- |
| CSS 揭秘      | [Download](./packages/css/CSS揭秘)      |
| CSS3 权威指南 | [Download](./packages/css/CSS3权威指南) |
| SVG 精髓      | [Download](./packages/css/SVG精髓)      |

## Canvas

| Name            | Link                                         |
| --------------- | -------------------------------------------- |
| canvas 核心技术 | [Download](./packages/canvas/canvas核心技术) |

## Node

| Name                           | Link                                                       |
| ------------------------------ | ---------------------------------------------------------- |
| 深入浅出 Node.js               | [Download](./packages/node/深入浅出Node.js)                |
| Node.js 开发指南               | [Download](./packages/node/Node.js开发指南)                |
| Node.js 实战                   | [Download](./packages/node/Node.js实战)                    |
| 一个全栈增长工程师的练手项目集 | [Download](./packages/node/一个全栈增长工程师的练手项目集) |

## Database

| Name             | Link                                            |
| ---------------- | ----------------------------------------------- |
| 深入学习 MongoDB | [Download](./packages/database/深入学习MongoDB) |

## 第三方 JS 类库

| Name          | Link                                   |
| ------------- | -------------------------------------- |
| 深入浅出 Rxjs | [Download](./packages/js/深入浅出Rxjs) |

## 计算机原理

| Name                               | Link                                                              |
| ---------------------------------- | ----------------------------------------------------------------- |
| 计算机的本质: 深入剖析程序和计算机 | [Download](./packages/computer/计算机的本质_深入剖析程序和计算机) |

## 大厂前端博客

| Name                            | Link                                       |
| ------------------------------- | ------------------------------------------ |
| 阿里淘宝前端团队(`TaobaoFED`)   | [链接](http://taobaofed.org/)              |
| 阿里语雀数据可视化团队(`TXD`)   | [链接](https://txd.alibaba-inc.com/)       |
| 百度云技术团队(`FEX`)           | [链接](https://fex.baidu.com/)             |
| 百度用户体验中心(`MUX`)         | [链接](http://mux.baidu.com/)              |
| 百度(`EFE`)                     | [链接](https://efe.baidu.com/)             |
| 百度(`EUX`)                     | [链接](http://eux.baidu.com/)              |
| 腾讯全端团队(`AlloyTeam`)       | [链接](http://www.alloyteam.com/)          |
| 腾讯 IMWeb 前端团队(`IMWeb`)    | [链接](https://imweb.io/)                  |
| 腾讯用户研究与体验设计部(`CDC`) | [链接](https://cdc.tencent.com/)           |
| 360 前端团队(`奇舞团`)          | [链接](https://75team.com/)                |
| 凹凸实验室(`Aotu`)              | [链接](https://aotu.io/)                   |
| 去哪儿网大前端技术中心(`YMFE`)  | [链接](https://ymfe.org/)                  |
| 京东设计中心(`JDC`)             | [链接](http://jdc.jd.com/)                 |
| 饿了么前端(`ElemeFE`)           | [链接](https://zhuanlan.zhihu.com/ElemeFE) |
| 携程设计委员会(`CDC`)           | [链接](http://ued.ctrip.com/)              |
| 字节跳动技术博客(`Tech Blog`)   | [链接](https://techblog.toutiao.com/)      |

## 国外优质博客社区

| Name          | Link                               |
| ------------- | ---------------------------------- |
| css-tricks    | [链接](https://css-tricks.com)     |
| frontendfront | [链接](https://frontendfront.com/) |
| medium        | [链接](https://medium.com/)        |

## 大佬博客集锦

| Name              | Description                      | Link                                         |
| ----------------- | -------------------------------- | -------------------------------------------- |
| berwin/Blog       | 记录成长的过程                   | [链接](https://github.com/berwin/Blog)       |
| Pines-Cheng/blog  | 技术博客                         | [链接](https://github.com/Pines-Cheng/blog)  |
| brickspert/blog   | 个人技术博客, 博文写在 issues 里 | [链接](https://github.com/brickspert/blog)   |
| youngwind/blog    | 梁少峰的个人博客                 | [链接](https://github.com/youngwind/blog)    |
| amandakelake/blog | think more! learn more!          | [链接](https://github.com/amandakelake/blog) |
| markyun/My-blog   | 马云云在 Github 的学习片段       | [链接](https://github.com/markyun/My-blog)   |

## 国内优质文章

<details>

### 移动端开发

- [总结移动端 H5 开发常用技巧(干货满满哦!)](https://juejin.im/post/5e4a0162f265da57133b2005)

### css 好文

- [彻底搞懂 CSS 层叠上下文、层叠等级、层叠顺序、z-index](https://juejin.im/post/5b876f86518825431079ddd6)
- [灵活运用 CSS 开发技巧](https://juejin.im/post/5d4d0ec651882549594e7293)
- [携程前端模拟排序动画](https://juejin.im/post/5b8fcaaee51d450e44378a5f)

### react 好文

- [我对 React v16.4 生命周期的理解](https://juejin.im/post/5b6f1800f265da282d45a79a)

### http 好文

- [HTTP ｜ GET 和 POST 区别？网上多数答案都是错的！](http://www.jianshu.com/p/fd67b576365d)

### 浏览器好文

- [原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的](https://juejin.im/post/59c60691518825396f4f71a1)

### 算法好文

- [十大经典排序算法总结(JavaScript 描述)](https://juejin.im/post/57dcd394a22b9d00610c5ec8)

### js 好文

- [前端进阶必经之路（一）：1.2w字深入理解JavaScript26个核心概念](https://juejin.im/post/6865184344990810126)

</details>

## 开发工具

| Name            | Description                                                                                                                    | Link                                  |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------- |
| Kindle          | Win10 下绝佳的 PDF 阅读器                                                                                                      | [Download](./software/kindle)         |
| VS Code         | 四种不同类型的 vscode(`已绝版`)                                                                                                | [Download](./software/vscode)         |
| CentBrowser     | Win10 下 Chrome 的完美替代品, `内置手势`和支持`关闭DirectWrite`                                                                | [Download](./software/centBrowser)    |
| MacType         | 字体渲染器, 让你的`Win`具有和`Mac`聘美的字体显示效果                                                                           | [Download](./software/macType)        |
| Microsoft To-Do | 巨硬出品的简约风`Todo`管理软件, `全平台`无缝同步, 享受被计划支配的感觉吧                                                       | [Download](./software/microsoftToDo)  |
| Wireshark       | web 开发者必备的`抓包`工具                                                                                                     | [Download](./software/wireshark)      |
| tSourceCounter  | `代码量`不是衡量一个码农水平的唯一标准, 但一个好的码农必定经过万千的代码洗礼, 这是一款统计`项目代码量`的工具, 支持多种过滤方式 | [Download](./software/tSourceCounter) |

## 如何贡献?

有两种方式可以参与贡献:

- `fork`仓库, 并提起`pr`.
- 在`issue`区留下你中意的`书名`

## 如何下载?

![如何下载](./static/images/1_how_to_install.png)

## CHANGELOG

@see: [CHANGELOG.md](./CHANGELOG.md)

## LICENSE

@see: [Apache License](./LICENSE)