Shangbin Yang
Shangbin Yang
## 前言 在基于 HTTP 协议的网络传输中 GZip 经常被使用，Nginx 中也可以使用半行代码开启 GZip。GZip 压缩的原理是什么呢？本篇文章是我在网上阅读了一些文档后做的简单总结。 ## 从 RFC 1952 看起 [RFC 1952](https://tools.ietf.org/html/rfc1952) 是 `GZIP file format specification version 4.3`。该规范主要定义了 GZip 压缩的在数据格式方面的规范，以方便不同的操作系统、CPU、文件系统等之间进行文件传输交换。下面挑有意思的几个点说，感兴趣的可以阅读 RFC 1952 的原文。 GZIP...
> * 原文地址：[How to make your React Native app respond gracefully when the keyboard pops up](https://medium.freecodecamp.com/how-to-make-your-react-native-app-respond-gracefully-when-the-keyboard-pops-up-7442c1535580#.usrv32x37) * 原文作者：[Spencer Carli](https://medium.freecodecamp.com/@spencer_carli) * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner) * 译者：[rccoder](https://github.com/rccoder) * 校对者：[atuooo](https://github.com/atuooo)、[ZiXYu](https://github.com/ZiXYu) # 如何让你的 React Native 应用在键盘弹出时优雅地响应...
TypeScript 风靡全球后不懂 TypeScript 的前端绝对不是一个好前端。TypeScript 的设计来源于大多数的静态语言，如果曾经有静态语言的开发经验，TypeScript 一整个下午就能上手。 这里记录一下 TypeScript 常用的一些语法层面的东西，方便日后查阅。 ## Get Start ``` shell mkdir ts-learn npm install @types/node npm install -g ts-node npm install -g typescript ``` > Tips:...
> 导语：读到一篇如何实现一个简单 React Hooks 的文章。文中实现了一个简单的 React Hooks，整体比较通俗易懂，翻译一下
> Like most modern programming languages, JavaScript uses lexical scoping. This means that functions are executed using the variable scope that was in effect when they were defined, not the...
# 【2021实习生招聘】加入飞猪用户技术团队，和这群年轻人们一起让旅行变得更加美好 ## 我们是谁？ **飞猪**，阿里巴巴集团旗下旅行品牌。围绕 机、火、汽、酒、度假、签证、门票、用车、游轮等一系列和旅行息息相关的东西，作为“全球游” 主要承载者，凭借经济体在全球超过 10 亿海量会员、海量商家和大数据支持，致力于让旅行变得更加美好。 **用户技术团队**，负责飞猪旗下所有的 网站、APP 的 端侧开发与端侧架构 工作，同时也拥有优秀的服务端团队，一起构建人性化的的端侧生态，让旅行变得更加美好。 ## 我们在做什么？ 我们有着优秀的 **前端、Android、iOS、Java 工程师**，相互配合，相互补位，在满足业务高速增长的同时，持续思考在技术上创新，反向推动业务，让旅行变得更加美好。 #### 面向未来的容器产品架构 **核心关键词**：容器架构、极致性能、优秀 APP、富能力、自动化测试、商业生态闭环 面向全球超 10 亿的海量会员，高稳定、高可用、高性能的 APP 是非常重要的一个节点，在 Hybrid、Weex/Rax、小程序、Flutter 等的技术名词横行的今天，如何在 ...
## 简介 如果之间学习过`cpp` 、`java` 之类的语言，都会知道他们是可以基于类 `class` 进行继承的， 在早期 `JavaScript` 中，并没有类继承这个概念，要实现`JavaScript` 中的继承，需要原型来帮助。 比如在下面的这段代码中： ``` javascript function Foo () { this.value = 1; }; Foo.prototype = { method: function () {}; };...
## 前言 本文核心分为两部分，第一部分讲述普通浏览器中能干的事情，第二部分则讲述在自建容器的背景下更能干的事情。 文章内容会比较粗略，如果你对具体实现感兴趣，欢迎留言。 ## 一、止步于浏览器 #### 1.1 DNS Prefetch 通常情况下，一个 html bundle 里面一般会有 script 等标签去加载其他的资源。浏览器在加载完 html 之后，就会去加载 script 等标签里面的内容，大多情况下，这种标签里 uri 的 host 和当前页面的往往是不相同的，那就会涉及到 DNS 解析的问题，会有一定程度的损耗。 在 HTML 里面加入 DNS...
## 一、前言 ### 1.1 为何要优先使用 SFC（Stateless Function Component） **Stateless Function Component:** ```js const App = (props) => ( Hello, {props.name} ) ``` **Class Component:** ``` js class App extends React.Component...
## 前言 ``` javascript import router from './router'; import router from '../../router'; import router from './../../../router'; ``` 如上，或许我们在项目中经常需要引入一些文件夹，入后在路径上就会出现好多的 `../../`，并且一旦换个文件夹，都得重新检出 `import` 是否正确 ## 一劳永逸 ### 目录机构 ``` ├── component ├── .......