鸦杀's Blog

移动端浏览器类型

移动端 知识梳理
在手机上有四种浏览器类型: 内置浏览器 可下载浏览器 代理浏览器 WebView 内置浏览器它通常是由操作系统厂商开发的。每部手机上都有。比如IOS的内置浏览器是Safari,安卓的内置浏览器是安卓WebKit或Chrome。大多数内置浏览器都被紧密集成到底层操作系统中,也就是说无法单独 ...
Read more

隐藏元素的n种方法,你get了么

css
这是一篇拾遗的文章,隐藏元素的方法很多,但是随着css的发展,我们错过了一些黑科技,(微笑) 先来看css2以前的时代,我们怎么处理隐藏 1、设置高宽,不怎么灵巧的方法,打个补丁吧 12width: 0;height: 0; 或 12max-width: 0;height: 0; 如果 ...
Read more

读normalize源码

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

读zepto源码(5)ie

看到代码这么短好开心,因为今天实在是有点困。前段时间换工作,然后忙着读项目代码,于是读zepto源码的安排就各种搁置。 ie这个模块,现在看来是历史遗留问题。在zepto的早期版本中,zepto.Z直接返回dom,于是,dom的原型就成了问题,如果不修改的话,没有办法与$.fn建立关联啊。为 ...
Read more

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

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

探究clear:both

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

什么叫优雅降级和渐进增强?

优雅降级:一开始就先完成高级浏览器中的完整功能,然后针对各版本的浏览器hack实现降级功能。如果无法实现该功能,使用候选方法。 渐进增强:先保证所有浏览都支持的最基本的功能。然后针对高级浏览器交互改进和追加功能以求更好的体验。 两者的区别在于,优雅降级是从复杂的现状开始,并试图减少用 ...
Read more

Expires和Cache-Control

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

什么是Etag

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

跨域整理

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