前端基础问题整理-JavaScript相关
2016-07-16
阅读 6 分钟
2.5k当页面li增多时单独给每个li元素添加事件处理程序既繁琐又容易出错，利用事件冒泡，在ul去监听事件，li产生事件往上冒泡时去捕获，利用e.target来判断是否为我们的目标元素，是的话就可以做相应操作了。
浮动(Floats)原理与清除浮动
2016-07-07
阅读 3 分钟
4.3k浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样。
前端基础问题整理-HTML相关
2016-07-02
阅读 3 分钟
2.9k<!DOCTYPE>声明位于文档中的最前面的位置,处于 <html> 标签之前,用来告知浏览器页面目前的文件是用哪种版本的HTML(或XML)撰写。
HTTP学习笔记-HTTP协议(一)
2016-06-04
阅读 3 分钟
4.1k报文首部一般包含请求行（请求报文）、状态行（响应报文）、首部字段、其他字段等，其中首部字段又分为请求首部字段、响应首部字段、通用首部字段、实体首部字段，除此之外报文首部可能还会包含X-Frame-Options、X-XSS-Protection等一些其他字段。
HTTP学习笔记-返回结果的HTTP状态码
2016-05-28
阅读 3 分钟
4.1k状态码的职责是当客户端向服务器端发送请求时，描述返回的请求结果。借助状态码，用户可以知道服务器端是正常处理了请求，还是出现了错误。 状态码由3位数字和原因短语组成，数字中第一位指定相应类别，后两位无分类，有以下5中响应类别。 类别 原因短语 1XX Informational(信息性状态码) 接受的请求正在处理 2XX Succes...
跨域资源共享(Cross-Origin Resource Sharing)学习笔记
2016-05-13
阅读 2 分钟
6.4k跨域资源共享(Cross-Origin Resource Sharing)是W3C的Web应用工作组退出的一种机制，这种机制能使得Web应用服务器能支持跨站访问控制，从而可以安全地进行跨站数据传输。
CSS学习笔记－图片img与父元素div之间的间隙解决
2016-02-01
阅读 2 分钟
4.9k之前在写网页的时候有一个展示图片的需求,我使用一个div包裹一个img,但是在浏览器中预览的时候碰到了一下的问题,仔细看,图片和div之间有间隙。下面贴上简易的代码
高性能JavaScript学习笔记-执行与加载
2016-01-28
阅读 5 分钟
4.5k浏览器在处理HTML页面渲染和JavaScript脚本执行的时候是单一进程的,所以在当浏览器在渲染HTML遇到了<script>标签会先去执行标签内的代码(如果是使用src属性加载的外链文件,则先下载再执行),在这个过程中,页面渲染和交互都会被阻塞。
CSS学习笔记－元素水平垂直居中
2015-12-25
阅读 4 分钟
2.8k这种方法是通过设置display为table-cell,然后设置text-align、vertical-align为center来实现图片位于父容器中的水平垂直居中,但是缺点是父div无法通过设置margin:0 auto来水平居中。
HTML5学习心得－严格模式和怪异模式的区别
2015-11-29
阅读 1 分钟
6k保留文档类型声明主要是历史原因，没有文档声明的话大多数浏览器都将会转换到为怪异模式(quirk mode)，有些地方会称为混杂模式，这种模式下浏览器会以老版本的浏览器使用的规则来渲染页面，并且不同浏览器的混杂模式还是不一样的，我们在平时码代码时应该尽量回避这种错误。