鸦杀's Blog

读normalize源码

css
公司有一个项目用了normailize v3.0,于是看了下源码,顺便与4.2.0版本做了对比。 注:这里只是对比4.2.0与3.0的不同点,并不是说这些变动都是在4.2.0中发生的。 防止横屏时重置字体大小12345html { font-family: sans-serif ...
Read more

background-positon-x与background-position-y坑点小计

css
有句话说的好啊,“不要以为你以为的就是你以为的”,非常适合background-position这个坑,因为它太常用。 1background-position: 10px 20px; 12background-position-x: 10px; background-position-y ...
Read more

探究clear:both

css
小伙伴们必定不会对下面这段清除浮动的代码感到陌生: 123456789101112 .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibil ...
Read more

什么是Etag

http 缓存
先来看一下百度百科的解释: ETag是URL的Entity Tag,用于标示URL对象是否改变,区分不同语言和Session等等。具体内部含义是服务器控制的,就像Cookie那样。 我觉得它的另一个解释:与web资源关联的记号可能更容易理解一点 当我们请求web资源的时候,在http响应头 ...
Read more

Expires和Cache-Control

http 缓存
Expires要求客户端和服务端的时钟严格同步。HTTP1.1引入Cache-Control来克服Expires头的限制。如果max-age和Expires同时出现,则max-age有更高的优先级。 12345Cache-Control: no-cache, private, max-age ...
Read more

转-js操作iframe

iframe
这篇文章是在整理document.domain跨域时发现的,它对父窗口域子窗口的相对访问整理的比较详细,也提到了一些兼容性上的问题: 来源:http://www.cnblogs.com/rainman/archive/2011/02/16/1956431.html 1-获得iframe的wi ...
Read more

跨域整理

跨域
这个问题每次面试有70%的概率会被问到。。。 在此做下整理,其实真正有用到过的就只有hxr2的cros,jsonp,图片ping,document.domain+iframe。至于form+iframe与document.name以及iframe+hash还有navigator都是今天整理的 ...
Read more

面试拾疑

第一次遇到电面,┭┮﹏┭┮好丢脸。。然后我竟然还过了。。。 行内元素有没有盒模型任何元素都有啊,我傻。。。 行内元素与块元素的区别首先是在布局上,块元素独占一行。相邻行内元素水平排列宽度块元素默认100%,行内元素随内容自适应块元素设置margin四个方向有效,行内元素margin垂直方向无 ...
Read more

读zepto源码 (4) form

zepto
form模块比较简单,原型上增加了serializeArray,serialize,form三个方法。 值得说的就是form.submit事件,不知道小伙伴们有没有注意到,原生监听form事件,直接调用form元素的.submit()方法,并不能触发监听事件,只能触发表单提交事件。所以,ze ...
Read more

读zepto源码(3) ajax

zepto
ajax模块我觉得它的实现可以分为以下三个部分: 一、ajax自定义全局方法,包括: ajaxStart ajaxStop ajaxBeforeSend ajaxSuccess ajaxError ajaxComplete 从方法名称就可以看出,是与处理ajax回调相关的。不过这些方法不能 ...
Read more
Prev Next