摘要：
1. 利用对象的 key 唯一 众所周知，对象的key不可重复，否则后者将覆盖前者。利用该特性，实现数组去重，遍历数组，将数组的每一项做为对象的key值 let obj = {}; for (let i = 0; i < arr.length; i++) { let item = arr[i] if 阅读全文
摘要：
1. CPU和GPU CPU即中央处理器，它的功能主要是解释计算机指令以及处理计算机软件中的数据,也被称为主板。 GPU即图形处理器，是与处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的，有了它，CPU就从图形处理的任务中解放出来，可以执行其他更多的系统任务 硬件加速（或者说G 阅读全文
摘要：
rem rem 是 css3 新增的一个相对单位（root em，根 em） 只根据当前页面 html 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px 媒体查询设置 @media screen and (min-width: 320px) { 阅读全文
摘要：
一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线： 其一，html Parser 生成的 DOM 树；其二，css Parser 生成的 Style Rules ； 在这之后，DOM 树与 Style Rules 会生成一 阅读全文
摘要：
1. 背景 在一些项目中，有时候会出现不同模块重复请求大量相同api接口的情况，特别是在一些功能相似的后台管理页面中。以下面这几个页面为例，每次进入页面都需要请求等大量重复的下拉框数据，下拉框数据短时间内改动不大，但也不能在前端使用静态数据，所以可以考虑在前端进行数据缓存，避免重复请求api。 2. 阅读全文
摘要：
有人认为css很难学习，没有什么逻辑可言，而且还坑很多，可能是大家对css还不是很了解，因为我提出了五个我不喜欢的开发者习惯，并向大家展示如何避免它们。 1. 设置边距或填充，然后将其重置 我经常看到有人为所有元素设置边距或填充，然后又将第一个或最后一个元素的值重置。 .item { margin- 阅读全文
摘要：
contain 属性 这个 contain 属性的主要目的是隔离指定内容的样式、布局和渲染。开发人员可以使用这个 contain 属性来限制指定的DOM元素和它的子元素同页面上其它内容的联系；我们可以把它看做一个iframe。跟iframe很相似，它能建立起一个边界，产生一个新的根布局；保证了它和它 阅读全文
摘要：
在浏览器里进行用户追踪会引发关于隐私和数据保护一次又一次的讨论。类似 Google 分析之类的工具几乎可以抓到所有需要的内容，包括来源，语言，设备，停留时间等等。 但是，想获取一些感兴趣的信息，你可能不需要任何外部追踪器，甚至不需要 JavaScript。本文将向你展示，即便用户禁用了 JavaSc 阅读全文
摘要：
textarea高度自适应，textarea高度自动增高，textarea高度自动撑开，本文通过复制textarea的html给另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。 技术原理 textarea高度自适应是一个比较常用的前端开发效果。 在新浪微博的输入框 阅读全文
摘要：
本文主要介绍一个Footer元素如何粘住底部，使其无论内容多或者少，Footer元素始终紧靠在浏览器的底部。我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住浏览器底部。 方法一：全局增加一个负值下边距等于底部高 阅读全文