Mazey – 第2页 – 不知不问

强缓存和协商缓存

五月 10, 20202020年5月28日MazeyLeave a comment

一、说明

为了节约网络资源提升加载速度，浏览器会根据请求头（Header）的特定字段来判断是否读取本地缓存（磁盘 or 内存）。

“强缓存和协商缓存”继续阅读

柯里化 & 求和

五月 07, 20202020年5月28日MazeyLeave a comment

柯里化

function currying (fn, ...arg1) {
    if (arg1.length >= fn.length) {
        return fn(...arg1)
    }
    return function (...arg2) {
        return currying(fn, ...arg1, ...arg2)
    }
}

“柯里化 & 求和”继续阅读

实现 bind

五月 07, 20202020年5月28日MazeyLeave a comment

bind() 函数会创建一个新的绑定函数（bound function，BF）。绑定函数是一个 exotic function object（怪异函数对象，ECMAScript 2015 中的术语），它包装了原函数对象。调用绑定函数通常会导致执行包装函数。

“实现 bind”继续阅读

对数据进行模糊匹配搜索（动态规划、最长公共子串、最长公共子序列）

四月 22, 20202020年4月22日MazeyLeave a comment

在搜索时常常在输入一半或者输入错误时，搜索引擎就给出智能提示。

已知的搜索推荐主要包括以下几个方面：

包含：”清华“ 和 ”清华大学“
相似：”聊天软件“ 和 ”通讯软件“
相关：”明星“ 和 ”刘亦菲“
纠错：”好奇害死毛“ 和 ”好奇害死猫“

“对数据进行模糊匹配搜索（动态规划、最长公共子串、最长公共子序列）”继续阅读

如何判断原型链上重复的属性？

四月 20, 20202020年4月20日MazeyLeave a comment

模拟环境

// 如何判断原型链上重复的属性
// 模拟一个原型链 Baz => Bar => Foo => FooProto => Object => null
const FooProto = {
    ak: 1
}
const Foo = Object.create(FooProto)
Foo.ak = 2
Foo.aj = 4
const Bar = Object.create(Foo)
Bar.ak = 3
Bar.aj = 5
Bar.am = 7
const Baz = Object.create(Bar)

“如何判断原型链上重复的属性？”继续阅读

ECMAScript6 暂时性死区 / 临时死区 / TDZ

四月 16, 20202020年4月16日MazeyLeave a comment

var 声明的变量在函数作用域里面会提升至顶部，在全局作用域里面会挂载到 window 对象上面。

var foo = 123
console.log(window.foo) // 123

;(() => {
  console.log(bar) // undefined
  var bar = 456
})()

“ECMAScript6 暂时性死区 / 临时死区 / TDZ”继续阅读

使用 fingerprintjs2 获取用户指纹

四月 15, 20202020年4月15日MazeyOne Comment

一、背景

前端能拿到的用户信息非常有限，客户端通过请求权限的方式能拿到的设备的唯一标识，而客户端只能拿到一些非唯一的设备参数（例如：IMEI、MAC地址），折中的方案是把所有能拿到的设备参数组合起来标识用户。

“使用 fingerprintjs2 获取用户指纹”继续阅读

X-Real-IP 与 X-Forwarded-For

四月 14, 20202020年5月28日MazeyLeave a comment

一、X-Real-IP

从字面看 X-Real-IP 代表的是客户端请求真实的 IP 地址，这个参数没有相关标准规范，如果是直接访问的请求，可能是客户端真实的 IP 地址，但是中间若经过了层层的代理，就是最后一层代理的 IP 地址。

Nginx 中的配置

proxy_set_header    X-Real-IP $remote_addr;

“X-Real-IP 与 X-Forwarded-For”继续阅读

rollup 和 webpack 环境变量的设置

四月 09, 20202020年4月9日MazeyLeave a comment

一、背景

在开发一个 NPM 包时，常常需要用 rollup 打包，用 webpack 开发调试，处理环境变量的时候就需要兼容两种工具的打包方式。

“rollup 和 webpack 环境变量的设置”继续阅读

Promise 监听拒绝状态

四月 09, 20202020年4月9日MazeyLeave a comment

浏览器环境（`window`）的拒绝状态监听事件

unhandledrejection 当 Promise 被拒绝，并且没有提供拒绝处理程序时，触发该事件。
rejectionhandled 当 Promise 被拒绝时，若拒绝处理程序被调用，触发该事件。

“Promise 监听拒绝状态”继续阅读

一、说明

一、背景

一、X-Real-IP

一、背景

浏览器环境（window）的拒绝状态监听事件

浏览器环境（`window`）的拒绝状态监听事件