笔记

greenhand

greenhand|HTTP 协议中的 Transfer-Encoding

发布于 7 天前 浏览:79 类型:原创 - 随笔 分类:浏览器 举报

HTTP协议中的Transfer-Encoding本文作为我的博客「HTTP相关」专题新的一篇,主要讨论HTTP协议中的Transfer-Encoding。这个专题我会根据自己的理解,以尽量通俗的讲述,结合代码示例和实际场景来说明问题,欢迎大家关注和留言交流。Transfer-Encoding,是一个HTTP头部字段,字面意思是「传输编码」。实际上,HTTP ...

greenhand

greenhand|浏览器原理相关

发布于 2017-01-10 17:27:11 浏览:105 类型:原创 - 随笔 分类:浏览器 举报

深入解析浏览器的幕后工作原理深度剖析浏览器渲染性能原理,你到底知道多少?性能优化细说JavaScript单线程的一些事(http://www.codeceo.com/article/javascript-threaded.html)Javascript高性能动画与页面渲染(http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering/)Chro ...

修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法。vardivs=getClassNames('tabs_div','div');functiongetClassNames(classStr,tagName){if(document.getElementsByClassName){&nb ...

个人习惯,始终使用谷歌浏览器的最新版本,但是最近升级了谷歌55版本之后,发现在调试zepto,tap和swipe相关的事件的时候,一点反应都没有,有时候还会有报错,于是各种找问题,然后偶然间发现知乎上也有问问起这个问题,然后还有大神给出了方法:1、谷歌浏览器输入chrome://flags/回车2、找到指针活动那一项3、 ...

greenhand

greenhand|浏览器的渲染机制

发布于 2016-12-23 18:13:29 浏览:156 类型:原创 - 随笔 分类:浏览器 举报

浏览器什么时候才会渲染呢?通常一个浏览器会至少存在三个线程:JS引擎线程(用于处理JS)、GUI渲染线程(用于页面渲染)、浏览器时间触发线程(用于控制交互)。而因为JS可以操作DOM元素,进而会影响到GUI的渲染结果,因此JS引擎线程与GUI渲染线程是互斥的。也就是说当JS引擎线 ...

jessieZxm

jessieZxm|帧、动画定义

发布于 2016-12-22 17:24:53 浏览:136 类型:原创 - 随笔 分类:浏览器 举报

帧:帧是将一系列离散的图像以极快的速度连续播放从而模拟物体运动和变化,这个定义很官方,通常我们会将帧视为一张静止的画面,这个说法又太通俗了,我们可以把它定义为物体在某一特定时间点的记录;帧分为两种:记录帧、程序帧;记录帧:存储、传播、播放程序帧:先定义一个起始帧的描述,而后遵循某些特定的规则构建后 ...

前几天,群里大神推荐了这本书,趁着双十二打折买回来看看,发现里面还是蛮多实用的东西的。谢谢豪情大神的推荐一、浏览器(1)、简介:(2)、浏览器特性:2.1、浏览器功能包括:网络、资源管理、网页浏览、多网页管理、插件和扩展、书签管理、历史记录管理、设置管理、下载管理、账户和同步、安全机制、隐私管理、 ...

zhuoyuansheng

zhuoyuansheng|CSS3兼容IE的大杀器

发布于 2016-12-21 17:44:24 浏览:303 类型:转载 - 随笔 分类:浏览器 举报

经过长久以来的不懈努力,我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合,大大降低了使用难度<!--[iflteIE9]><scriptsrc="/js/selectivizr.js"></script><![endif]-->复制代码只要在你的页面上加入这一行代码,整个页面全部兼容css3,不要忘了将文件下载回来放进/js/文件夹兼容圆角border-r ...

jie4038

jie4038|基于vue的chrome浏览器插件分享

发布于 2016-12-21 15:36:32 浏览:135 类型:原创 - 随笔 分类:浏览器 举报

最近看到许多分享vue的文章,貌似vue很受大家的欢迎啊。我把自用的一个基金插件用vue重写了一遍,和大家分享。源码已放到github上,在360应用市场也可以下载。用vue写浏览器插件,跟平时写网页几乎一样,只是当需要和浏览器交互时,有自已的api。大家有兴趣可以自己动手写些插件分享出来,过程中一定会有收获。源码:【 ...

基于vue的chrome浏览器插件分享
木檀的木

木檀的木|浏览器缓存

发布于 2016-12-19 17:54:37 浏览:188 类型:原创 - 译文 分类:浏览器 举报

本文纯属搬移,本人小菜鸡,要写个东西,写不下去了,然后各种怕,各种矛盾,各种强迫症,MDZZ大神的网址:http://www.cnblogs.com/hrhguanli/p/3779953.html#undefinedsessionStorage:  将数据保存在session对象中,所谓session是指用户在浏览某个站点时,从进入站点到浏览器关闭所经过的这段时间,也就是用户浏览这 ...

zhuoyuansheng

zhuoyuansheng|ie7 中绝对定位元素莫名消失

发布于 2016-12-19 13:17:39 浏览:132 类型:原创 - 随笔 分类:浏览器 举报

在IE7中,根据HTML代码编写的顺序,或者float元素的宽度或hasLayout属性,绝对定位的元素可能会消失。解决办法在元素前面加入一个空div ...

zhuoyuansheng

zhuoyuansheng|ie 透明度,圆角问题

发布于 2016-12-16 16:11:15 浏览:165 类型:原创 - 随笔 分类:浏览器 举报

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);//ie6/7/8filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);//针对ie8使用该滤镜属性有两个缺点:由于使用了Microsoft特有的属性,会使得你的CSS非验证的;另外,IE的滤镜属性会使得所有的HTML子节点都继承这 ...

腥腻

腥腻|关于搜狗浏览自动保存密码,很难删除,修改不了。

发布于 2016-12-13 18:31:27 浏览:266 类型:原创 - 随笔 分类:浏览器 举报

问:在有登录页面中,会遇到一个很奇怪的问题,搜狗浏览自动保存密码,再次登录想修改帐号密码时,很难删除!!答:具体原因没有找到,但解决方式就是,给有帐号密码的input放在form就可以解决。 ...

greenhand

greenhand|DOMContentLoaded、document.readyState

发布于 2016-12-12 10:03:39 浏览:112 类型:原创 - 随笔 分类:浏览器 举报

DOMContentLoadedJS、CSS以及img对DOMContentLoaded事件的影响页面文档完全加载并解析完毕之后,会触发DOMContentLoaded事件,HTML文档不会等待样式文件,图片文件,子框架页面的加载(load事件可以用来检测HTML页面是否完全加载完毕(fully-loaded)),但会等待js的加载执行。样式文件的加载会阻塞脚本的执行,所以如果你把一 ...

wmaqingbo

wmaqingbo|事件触发过程-模型

发布于 2016-12-11 15:35:36 浏览:235 类型:转载 - 教程 分类:浏览器 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset=utf-8/><title>JSBin</title><stylemedia="screen">*{box-sizing:border-box;margin:0;padding:20px;transition:background800ms;}html{ ...

浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习浏览器 ...

zhuoyuansheng

zhuoyuansheng|IE(IE6/IE7/IE8)支持HTML5标签

发布于 2016-12-08 18:13:41 浏览:235 类型:转载 - 随笔 分类:浏览器 举报

让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。  方式一:引用google的html5.js文件,代码内容可以自己下载下来看。  <!–[if ...

分界线

分界线|html5 postMessage解决跨域、跨窗口消息传递

发布于 2016-11-29 16:12:10 浏览:197 类型:转载 - 随笔 分类:浏览器 举报

一些麻烦事儿平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法,但html5引入的message的API可以更方便、有效、安全的 ...

街角盒饭

街角盒饭|兼容性问题-IE6双倍边距

发布于 2016-11-29 10:25:28 浏览:185 类型:原创 - 随笔 分类:浏览器 举报

IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍。<divstyle="width:200px;height:50px;background:#ccc;"><divstyle="width:100px;height:50px;float:left;margin-left:10px;background:#eee;"></div></div>ie6下显示:ie8及以 ...

兼容性问题-IE6双倍边距
六月初

六月初|IE强制使用兼容模式

发布于 2016-11-15 17:47:31 浏览:263 类型:原创 - 随笔 分类:浏览器 举报

现行ie版本很多,各个版本间的兼容性差异也很大!工作中你是否和我一样遇到这样的问题!想要IE浏览器中打开网页,页面就会自动调用当前最高的文档模式!这样即使你是IE7的浏览器模式也能调用当前最高的文档模式,使整个界面都能正常浏览不会出现错位等问题!可以在head中放一段meta标签,指定ie使用某一版本模式进行浏览 ...