一、判断滚动像素值
1.1 window.scrollY（别名：pageYOffset）
"监听 scroll 使元素产生吸顶效果"继续阅读
作者： 后除
读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校
出版时间：2010 年 11 月
1 加载和执行
- 当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。事实上，多数浏览器使用单一进程来处理用户界面（UI）刷新和 JavaScript 脚本执行，所以同一时刻只能做一件事。
defer属性仅当src属性声明时才生效。- 通常来讲，把新创建的
<script>标签添加到<head>标签里比添加到<body>里更保险，尤其是在页面加载过程中执行代码时更是如此。当<body>中的内容没有全部加载完成时，IE 可能会抛出一个“操作已中止”的错误信息。
"读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校"继续阅读
HTTP 跨域时的 options 请求[转]
一、简介
出于安全考虑，并不是所有域名访问后端服务都可以。其实在正式跨域之前，浏览器会根据需要发起一次预检（也就是 options 请求），用来让服务端返回允许的方法（如 GET、POST），被跨域访问的 Origin（来源或者域），还有是否需要 Credentials（认证信息）等。那么浏览器在什么情况下能预检呢？
"HTTP 跨域时的 options 请求[转]"继续阅读
URLSearchParams 配合 axios 提交重复的参数
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。其中 URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数，这个方法可以插入重复的值，但当使用 URLSearchParams.set() 设置同名键值时会覆盖前面的值。
"URLSearchParams 配合 axios 提交重复的参数"继续阅读
Linux Nginx 配置 SSL 证书
读书笔记:《CSS世界》 - 张鑫旭 著
读书笔记:《说医不二》 – 懒兔子 著
使用 max-height 实现动画效果的“展开收起”
当页面中有大量非重要信息时通常使用“展开收起”来处理，常见的作法是在 display: none; 和其它属性之间切换。如果想加上些动画效果通常使用 JavaScript 来实现，若想用 CSS 来实现只需设置 max-height 的值在 0 和一个比目标元素高度大的值之间切换即可。
"使用 max-height 实现动画效果的“展开收起”"继续阅读
Vue 组件通信
一、父组件向子组件通信（Prop）
在子组件里面声明 props 可以接收父组件传过来的值实现父组件向子组件的单向通信。
// 父组件
<son title="后除"></title>
// 子组件
props: {
titile: {
type: String,
required: true
}
}
"Vue 组件通信"继续阅读
设置 box-sizing 为 border-box 后外边距（margin）会合并吗
border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说，如果你将一个元素的width设为100px,那么这100px会包含其它的border和padding，内容区的实际宽度会是width减去border + padding的计算值。大多数情况下这使得我们更容易的去设定一个元素的宽高。
设置 box-sizing: border-box; 后，简言之：
- 盒子的宽度 = border + padding + width
- 盒子的高度 = border + padding + height
"设置 box-sizing 为 border-box 后外边距（margin）会合并吗"继续阅读