一、X-Real-IP
从字面看 X-Real-IP 代表的是客户端请求真实的 IP 地址，这个参数没有相关标准规范，如果是直接访问的请求，可能是客户端真实的 IP 地址，但是中间若经过了层层的代理，就是最后一层代理的 IP 地址。
Nginx 中的配置
proxy_set_header X-Real-IP $remote_addr;
“X-Real-IP 与 X-Forwarded-For”继续阅读
作者：Mazey
rollup 和 webpack 环境变量的设置
一、背景
在开发一个 NPM 包时，常常需要用 rollup 打包，用 webpack 开发调试，处理环境变量的时候就需要兼容两种工具的打包方式。
“rollup 和 webpack 环境变量的设置”继续阅读
Promise 监听拒绝状态
浏览器环境（window）的拒绝状态监听事件
unhandledrejection当 Promise 被拒绝，并且没有提供拒绝处理程序时，触发该事件。rejectionhandled当 Promise 被拒绝时，若拒绝处理程序被调用，触发该事件。
“Promise 监听拒绝状态”继续阅读
迭代器（Iterator）和生成器（Generation）
一、用生成器给对象定义迭代器
常规方法
const obj = {
a: 1,
b: 2,
c: 3,
[Symbol.iterator]() {
let [index, values] = [0, Object.values(this)]
return {
next() {
const done = (index >= values.length)
const value = done ? undefined : values[index++]
return {
done,
value
}
}
}
}
}
for (let v of obj) {
console.log(v) // 1 2 3
}
“迭代器（Iterator）和生成器（Generation）”继续阅读
简单实现双向绑定
ECMAScript6 解构赋值
一、对象解构
用法
在一个赋值操作符左边放置一个对象字面量。
let { name, age } = { name: 'cherrie', age: '17' }
console.log(name, age) // cherrie 17
“ECMAScript6 解构赋值”继续阅读
通过 eslint stylelint htmllint 规范前端项目代码
一、部署 eslint 规范 JavaScript
1.1 原理
husky + lint-staged + prettier + eslint + commitlint
- husky: 阻止不规范的
git commit,git push。 - lint-staged: 只检测待提交区的代码。
“通过 eslint stylelint htmllint 规范前端项目代码”继续阅读
使用 rollup 打包可按需加载的 NPM 包
JavaScript高级程序设计 – [美]Nicholas C·Zakas 著 / 李松峰 曹力 译
版次：2012 年 3 月第 1 版
4 变量、作用域和内存问题
4.1 基本类型和引用类型的值
4.1.4 检测类型
如果变量是给定引用类型的实例，那么 instanceof 操作符就会返回 true。
4.3 垃圾收集
找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期性地执行这一操作。
“JavaScript高级程序设计 – [美]Nicholas C·Zakas 著 / 李松峰 曹力 译”继续阅读