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

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

一、Sass

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

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

实现 new

正常 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”继续阅读

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

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

搜索框

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

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

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

X-Real-IP 与 X-Forwarded-For

一、X-Real-IP

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

Nginx 中的配置

proxy_set_header    X-Real-IP $remote_addr;

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