h-blog

hooper’s blog.

自律, 警醒.

************ FBI WARNING ************

PS：如有问题，或者错误，欢迎提 ISSUE ，共同成长

• 掘金 link
• 掘金 专栏
• segmentfault 主页

广告

部门长期招收大量研发岗位【前端，后端，算法】，欢迎各位大神投递，踊跃尝试。

坐标： TMD 之一，公司发展较好，有兴趣可私，未上市，offer 给力！欢迎骚扰！

戳我： hooper.echo@gmail.com

************ FBI WARNING ************

---

极力推荐

社长推荐

• 深度解析 [] == ![]
• 好看的代码千篇一律，有趣的注释万里挑一 - 图解(欢迎 pr)
• TypeScript 全梳理(近20篇博客)
• koa2 全览（使用，源码，机制，生态…）
• generator 详解

TypeScript

精品

• TypeScript 全梳理(近20篇博客)

• 基于 Typescript 的设计模式总览

  • 单例模式： Singleton

Javascript

1. 异步处理方案简史（cb， cps thunk，deferred，promise，generator + co， async-await）

• 异步处理方案系列： 1. callback 详解
• 异步处理方案系列： 2. cps thunk 详解
• …
• 异步处理方案系列： 5-1. generator 详解

趣味

有趣是一种调味剂

• 好看的代码千篇一律，有趣的注释万里挑一 - 图解(欢迎 pr)
• 好看的代码千篇一律，有趣的注释万里挑一 - 源码（快粘贴到自己喜爱的代码里吧）
• 深度解析 [] == ![]，从 ECMAScript 规范说起

• 如何使 (aﾠ==1 && a== 2 && ﾠa==3) 返回 true

• 巧用异步事件队列
• n 道 JavaScript 难题
• JS 中经常使用的小技巧，更简短的实现(长期更新)

源码阅读

知其然知其所以然

• koa2 全览（使用，源码，机制，生态…）

• 委托库 delegates 源码分析
• 工具库 Underscore 源码分析

• 工具库 lodash 源码分析

• CO
• module[amd,cmd,umd]
• Ramdajs
• reflect-metadata

算法

不设边界，前端也要精通算法

• leecode 算法 js 版本

lee1.js	lee2.js	lee7.js	lee9.js	lee14.js	lee27.js
lee28.js	lee35.js	lee118.js	lee119.js	lee136.js	lee169.js
lee189.js	lee190.js	lee191.js	lee231.js	lee258.js	lee268.js
lee326.js	lee371.js	lee389.js	lee461.js	lee485.js	lee560.js
lee605.js	lee657.js	lee709.js	lee728.js	lee771.js	lee896.js
lee905.js	lee929.js

技术栈

开发

名称	简述	github	社区认可度	其他	学习资料
Typescript	Js 超集	git,api	star 4W+	微软维护	TS教程
react	MVVM 框架	git,官网	star 12W	facebook维护	React 1,2,3
nextJs	React Framework	github	star 3.2W
vue	MVVM	git,官网	star 12.2W+	yyx 大神	vue 1, 2, 3, 4
angular	MVVM 框架	git,官网	star 4.3W	谷歌维护	angular 1, 2
create react app	react 脚手架	github	star 6W+	facebook
commander	node命令行开发利器	github	star 1W+	TJ 出品
antd	ui 库	github	star 3.7W+	蚂蚁金服	存在未知彩蛋😂
axios	http client	github	star 5.2W
nodebestpractices	node 最佳实践	github	star 2W

工程 & 框架

名称	简述	github	社区认可度	其他
deno	下一代 node	github	star 2.8W+	node 原作者
koa1/2	node server 框架	github	star 2.4W+	TJ
egg	企业级框架	github	star 1.1W+	阿里
standard	Js 代码规范 linter 代码自动格式化	github	star 2w	开箱即用，无配置, VsCode 支持
airbnb/javascript	js 规范	github	star 8W	Airbnb
puppeteer	Chrome Node API	github	star 4.2W+	google
dbb	debugger	github	star 8.6k	google
jest	测试框架	github	star 2.2W+	facebook
Prepack	js 预执行	github	star 1.3W	facebook
taro	多端统一开发	git, 官网	star 1.2W	京东凹凸实验室

其他

名称	简述	github	社区认可度	其他
vscode	优秀编辑器	github	star 6.6w	微软维护
Atom	优秀编辑器	github	star 4.7w	facebook维护
nvm	node 版本管理	github	star 3.1w	沙箱隔离
n	node 版本管理	github	star 1w	TJ 出品
cnpm	搭建 npm 私服	github	star 2k	阿里云维护
learnGitBranching	git 学习	github	star 1w
33-js-concepts	js 学习	github	star 2.2w
javascript-algorithms	算法学习	github	star 4.1w
jsPDF	js pdf	github	star 1.5w
qrcode	图片生成二维码	github	star 4k	python
ivideo	免费看片	github	star 9.9k	巨牛逼

优秀博客 & 站点 & github

• 精选优秀博客总入口

精选博客每月 TOP 10

• 1. 好站：前端收藏夹

• 2.「荐」 learn anything

• 3. 编写高质量代码：改善JavaScript程序的188个建议
• 4. js函数式编程指南
• 5. js 中实用小技巧

• 6. 0.1 + 0.2 = ?

• 7. Koa2进阶学习笔记

• 8. 荐 协程(Coroutine)-ES中关于Generator/async/await的学习思考

• 9. git 学习工具

• 10. chrome 调试相关（系列）

开源[敬请期待]

• H-Notice [前端友好的 notice 工具集（API + command）]
• H-Line [工程化工具（command）]
• H-OD [文档自动化（command）]

---

🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳 🐳

=======================================================
+++++++++++++++++ 不 star 就走，会变弯的 😂 +++++++++++++++++
     _____   ________     ____     ______      _______
    / ____\ (___  ___)   (    )   (   __ \     \     /
   ( (___       ) )      / /\ \    ) (__) )     \   /
    \___ \     ( (      ( (__) )  (    __/       ) (
        ) )     ) )      )    (    ) \ \  _      \_/
    ___/ /     ( (      /  /\  \  ( ( \ \_))      _
   /____/      /__\    /__(  )__\  )_) \__/      (_)

+++++++++++++++++        开玩笑的啦        +++++++++++++++++
===========================================================

节目的最后附上本人照片，以表诚意！

• .
• ..
• …
• ….
• …..