不知不问 – 后除的博客

如何用 Sass/Less 实现单位转换（px to rem/em/vw）

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

移动端开发中，常常需要根据 UI 的设计稿做出适配移动端的网页，然而设计稿常常是以像素（px）为单位的，于是需要利用 CSS 预编译器 Sass / Less 来进行转化。

一、Sass

Sass 拥有类似于传统编程语言的函数 @function，可以接收参数并返回值。

“如何用 Sass/Less 实现单位转换（px to rem/em/vw）”继续阅读

实现 new

五月 18, 20202020年5月18日MazeyLeave a comment

正常 new 一个实例：

# 场景一
function foo () {
    this.a = 1
}
foo.prototype.b = 2
const bar = new foo()
console.log(bar) // {a: 1}
console.log(bar.b) // 2

# 场景二 构造函数返回一个对象
function foo () {
    this.a = 1
    return {a: 2}
}
const bar = new foo()
console.log(bar) // {a: 2}

“实现 new”继续阅读

强缓存和协商缓存

五月 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日MazeyLeave a 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”继续阅读