摘要：
CSS预处理器 1. 基于CSS的另一种语言 2. 通过工具编译成CSS 3. 添加了很多CSS不具备的特性 4. 能提升CSS文件的组织方式 CSS预处理器的作用 1. 帮助更好的组织CSS代码 2. 提高代码复用率 3. 提升可维护性 CSS预处理种类 1. Less 文件后缀名：.less a 阅读全文
摘要：
一、前言 偶尔在面试过程中遇到过重汇与回流reflow的问题，毕竟页面优化也是考核一个开发者能力的关键之一，上篇文章聊了下documentfragment也是为了减轻回流问题，那么本篇文章好好介绍下重绘和回流。 二、重绘和回流是什么 怎么去理解这两个概念呢？从字面上理解，重绘，重新绘画，重新上色，较 阅读全文
摘要：
在这一年的工作中，我发现很多问题你利用自己的「聪明才智」绕过去了，总有一天它会和你不期而遇，今天我们就来直面一个字体兼容性的小问题：Chrome谷歌浏览器下不支持css字体小于12px。 我们先来看个效果图（chrome下）： 给你看个栗子.png 从上面的图可以很明显地看出Chrome下css设置 阅读全文
摘要：
data-用于存储页面或应用程序的私有自定义数据，赋予我们在所有HTML元素上嵌入自定义data属性的能力，存储的数据能被页面的JS利用，以创建更好的用户体验。 1 <div id="box" data-user-name="lily"></div> 2 var box = document.get 阅读全文
摘要：
1.文件合并（目的是减少http请求）：使用css sprites合并图片，一个网站经常使用小图标和小图片进行美化，但是很遗憾这些小图片占用了大量的HTTP请求，因此可以采用sprites的方式把所有的图片合并成一张图片 ，可以通过相关工具在线合并，也可以在ps中合并。 2.使用CDN（内容分发网络 阅读全文
摘要：
DNS缓存：短时间内多次访问某个网站，在限定时间内，不用多次访问DNS服务器。 CDN缓存：内容分发网络（人们可以在就近的代售点取火车票了，不用非得到火车站去排队） 浏览器缓存：浏览器在用户磁盘上，对最新请求过的文档进行了存储。 服务器缓存：将需要频繁访问的Web页面和对象保存在离用户更近的系统中， 阅读全文
摘要：
HTTP协议 什么是HTTP HTTP协议规定了浏览器怎样向万维网服务请求万维网文档，以及服务器怎样把文档传送给浏览器。在服务器和浏览器之间的请求和响应的交互，必须按照规定的格式和遵循一定的规则。这些格式和规则就是超文本传送协议HTTP。 HTTP规定在HTTP客户和HTTP服务器之间的每次交互，都 阅读全文
摘要：
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow: 阅读全文
摘要：
响应式设计与自适应设计的区别：响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容；自适应需要开发多套界面，通过检测视口分辨率，来判断当前访问的设备是pc端、平板、手机，从而请求服务层，返回不同的页面。 flex布局 当使用flex布局的时候涉及到两个东西 阅读全文
摘要：
一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上 top: 50%; left: 50%; 优点： 1. 内容可变高度 2. 代 阅读全文