HK Talk

关于技术，关于生活

HTML5 图片上传解决方案

前言前端做图片上传时，经常会遇到图片压缩、图片预览等需求。而这个过程中，会遇到一个个的坑。下面就来看一看 HTML5 实现图片上传的整个过程。基本结构图片上传是使用 input 标签来选择图片的：1<input type="file" accept="image/*">这里可能遇到一个坑：可能会遇到响应迟钝，文件选择框过好几秒才弹出。具体的原因可以查看这里。解决的方法是将 * 通......

Posted by hhking on 2018-11-29

阿里云 GitLab 折腾笔记

想自己搭建一个 git 服务来玩一玩，正好有个阿里云，虽然配置很渣，但是也想着随便搞一搞。于是从官方教程开始，遇到一些坑，查看一些资料，解决一些问题，有了下面的笔记。选择对应的版本。我的阿里云装的是 CentOS 7,所以选择 CentOS 7的版本。通过下面的命令可以查看当前属于什么系统1lsb_release -a安装和配置一些必要的依赖Step1通过下面的命令，在系统防火墙中开启 HT......

Posted by hhking on 2018-11-24

[译]JavaScript 终极指南之执行上下文、变量提升、作用域和闭包

原文：The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript作者：Tyler McGinnis视频：The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript我认......

Posted by hhking on 2018-10-24

[译] 简单 5 步，理解 JWT

原文: 5 Easy Steps to Understanding JSON Web Tokens (JWT)作者: Mikey Stecky-Efantis译者: hhking这篇文章，将会解释 JSON Web Tokens (JWT) 的基本原理以及为什么使用它们。JWT 是确保你的应用程序可信任和安全的重要部分。JWT 允许以安全的方式来表示信息，例如用户数据。为了解释 JWT 的工......

Posted by hhking on 2018-10-01

React 高阶组件其实很简单

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

Posted by hhking on 2018-09-28

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

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

Posted by hhking on 2018-09-21

重新认识 React 生命周期

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

Posted by hhking on 2018-09-18

[译] 使用 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 🔪开始学习一项新的技术时候令人很苦恼。你经常发现自己处于教程和文章的海洋里，还伴随着无数......

Posted by hhking on 2018-09-12

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

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

Posted by hhking on 2018-09-08

[译] axios 内部设计分析

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

Posted by hhking on 2018-09-04