晴空雨

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JvaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗？ 如果你思考出来的结果，与在浏览中执行结果相同，并且每一步的依据都非常…

如果大家不了解 Gatsby 是什么，我这里简单介绍一下，它是一个基于 React 的静态页面构建工具。开发者通过编写页面模板（其实就是 React 组件）和配置文件，Gatsby 就能为指定的数据文件（可以是 Markdown 等）创建页面。 开发过程中我一直使用的是 ser…

花了400大洋买了frontedmasters的一个月的会员，就是为了看男神的这份vue教程，没有中文字幕，痛苦地坚持啃完了，建议有钱并且英语好的人直接买会员去官网看视频，尤大神人长得帅，业务水平高，英语还超苏，对不起，忍不住犯了会儿花痴，如果没钱英语又渣的人只能看我的总结了，…

转眼 2019 了，整体更新下装了啥。 参考 https://github.com/sorrycc/blog/issues/83 。 主 Intellij Idea，辅 VSCode 和 Vim。选 Intellij Idea 的原因是无需安装插件就很好用，另外也是没有时间去折…

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

网络协议是每个前端工程师都必须要掌握的知识，TCP/IP 中有两个具有代表性的传输层协议，分别是 TCP 和 UDP，本文将介绍下这两者以及它们之间的区别。 计算机与网络设备要相互通信，双方就必须基于相同的方法。比如，如何探测到通信目标、由哪一边先发起通信、使用哪种语言进行通信…

如果你玩了几小时的 React Hooks，你可能会陷入一个烦人的问题：在用 setInterval 时总会偏离自己想要的效果。 老实说，我觉得这些人是有一套的，至少为此困惑了。 然而我发现这不是 Hooks 的问题，而是 React编程模型 和 setInterval 不匹配…