关于技术，关于生活

React 高阶组件其实很简单

前言高阶组件 High-Order Components，不属于 React 的 API，而是 React 的一种运用技巧，或者说设计模式。所以，不使用高阶组件，也是可以实现功能，但是掌握高阶组件，可以提高代码的灵活性和复用性，实现起来更加优雅。当然，学会 React 的高级运用，也可以让你更加深入的理解 React。高阶组件，其实没有想象的那么复杂。什么是高阶组件高阶组件是一个函数，接收一......

[译] 5 分钟学习一些优雅的 JavaScript 技巧

原文：Learn these neat JavaScript tricks in less than 5 minutes作者：Alcides Queiroz5 分钟学习一些优雅的 JavaScript 技巧 —— 专业的省时技巧1. 清空或截取数组一个简单的清空或者截取数组的方法，就是修改它的 length 属性：12345678const arr = [11, 22, 33, 44, 55......

重新认识 React 生命周期

前言React 从 v16 开始，像是跨入了新的时代，性能和新的 API 都令人瞩目。重新认识 React，从重新认识生命周期开始。为了更好的支持异步渲染（Async Rendering），解决一些生命周期滥用可能导致的问题，React 从 V16.3 开始，对生命周期进行渐进式调整，同时在官方文档也提供了使用的最佳实践。这里我们将简要对比 React 新旧生命周期，重新认识一下 React......

[译] 使用 React 一年后，我学到的最重要经验

原文：The most important lessons I’ve learned after a year of working withReact作者：Tomas EglinskasNo, I didn’t wrote that, but I know it got your attention 🔪开始学习一项新的技术时候令人很苦恼。你经常发现自己处于教程和文章的海洋里，还伴随着无数......

[译] 我从没理解过 JavaScript 闭包

原文: I never understood JavaScript closures作者: Olivier De Meulder时间: Sep 7, 2017译注：作者从 JavaScript 的原理出发，详细解读执行过程，通过“背包”的形象比喻，来解释闭包。我从没理解过 JavaScript 闭包直到有人这样跟我解释……正如标题所说，JavaScript 闭包对我来说一直是个迷。我看过 ......

[译] axios 内部设计分析

原文: How to Implement an HTTP Request Library with Axios作者：Alex概述在前端开发过程中，我们经常遇到需要用到异步请求的场景。所以，一个功能齐全的 HTTP 请求库，可以极大的减少开发时间，提高开发效率。axios 是近几年非常热门 HTTP 请求库。目前在 Github 已经有超过 40k 的 stars，也得到很多权威人士的推荐。因......

[译] 鸽子传信解释 HTTPS

原文地址：HTTPS explained with carrier pigeons不妥之处，欢迎指正！密码学是个很难理解的课程。它包含很多的数学证明。但是其中很多复杂性都不需要深入的去理解，除非你要去开发加密系统。如果你希望通过阅读这篇文章来创造出下一代的 HTTPS 协议，我只能说抱歉了，通过信鸽来解释是不够的。不是的话，那就一边煮点咖啡，一边阅读这篇文章。Alice, Bob and …......

Node.js 之 module.exports 和 exports

前言Node.js 模块系统是采用 CommonJS 模块规范的。每个文件视为一个独立的模块。使用 require 导入模块，使用 module.exports 和 exports 导出模块。那么 module.exports 和 exports 的区别在哪里呢？module.exportsmodule.exports 就是 require() 的返回值module.exports 是模块系......

前端 vscode 插件推荐

前言工欲善其事，必先利其器vscode 是开源的跨平台编辑器，前端开发利器，配合丰富的插件，更是如虎添翼，效率飞升。这里推荐一些目前在用的 vscode 插件，适合前端开发者。Auto Close Tag输入 HTML/XML 的开始标签，自动完成对应的闭合标签Auto Rename Tag修改 HTML/XML 标签时，自动完成匹配标签的修改。修改标签非常方便。Prettier - Cod......

浏览器的缓存机制

相信很多前端都遇到过类似的情景：为什么更新了内容，刷新页面没有生效？被产品或测试追问：不是说问题解决了吗？为什么还是有问题？刷新也不行！浏览器的缓存机制也就是HTTP缓存机制，是每个前端都必须理解一个点，了解浏览器缓存的机制，可以让我们在开发和排查问题中，避开很多坑；也能解释很多遇到的关于缓存的“神奇”问题；也可以针对缓存制定策略，做出优化，提升用户体验。这里对浏览器缓存机制的学习做个总结和......

HK Talk