HK Talk

关于技术,关于生活

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缓存机制,是每个前端都必须理解一个点,了解浏览器缓存的机制,可以让我们在开发和排查问题中,避开很多坑;也能解释很多遇到的关于缓存的“神奇”问题;也可以针对缓存制定策略,做出优化,提升用户体验。这里对浏览器缓存机制的学习做个总结和......