浏览器 - 随笔分类 - sexy_girl

js本地存储解决方案(localStorage与userData)

摘要：WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。在XP下，一般位于C:\Documents and Settings\用户名\UserData，有些时候会在C:\Documents and Settings\用户名\Application Data\Microsoft\Internet Explorer\Use 阅读全文

posted @ 2014-01-22 19:20 sexy_girl 阅读(531) 评论(0) 推荐(0)

通过了解渲染过程来提高页面性能

摘要：本文概述最近，Web开发者越来越关注页面性能的提高，通过对渲染过程的学习，我们可以更好地理解这一课题。本文前半部分介绍渲染过程，后半部分以此内容为基础，介绍如何在JavaScript脚本代码、CSS样式代码中优化页面性能。渲染的基础知识什么是渲染引擎？渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具，在浏览器中担任重要任务。目前，Chrome、Safari、Opera浏览器中使用WebKit引擎、Firefox浏览器中使用Gecko引擎、IE浏览器中使用Trident引擎。2013年4月3日，Google宣布在Chrome浏览器中使用新型开源渲染引擎Blink。Opera的Bruc 阅读全文

posted @ 2014-01-20 18:23 sexy_girl 阅读(1359) 评论(2) 推荐(0)

使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能

摘要：http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles 阅读全文

posted @ 2014-01-20 16:49 sexy_girl 阅读(223) 评论(0) 推荐(0)

JS内存泄漏排查方法——Chrome Profiles

摘要：一、概述Google Chrome浏览器提供了非常强大的JS调试工具，Heap Profiling便是其中一个。Heap Profiling可以记录当前的堆内存（heap）快照，并生成对象的描述文件，该描述文件给出了当时JS运行所用到的所有对象，以及这些对象所占用的内存大小、引用的层级关系等等。这些描述文件为内存泄漏的排查提供了非常有用的信息。注意：本文里的所有例子均基于Google Chrome浏览器。什么是heapJS运行的时候，会有栈内存（stack）和堆内存（heap），当我们用new实例化一个类的时候，这个new出来的对象就保存在heap里面，而这个对象的引用则存储在stack里。程阅读全文

posted @ 2014-01-17 15:46 sexy_girl 阅读(1065) 评论(0) 推荐(0)

浏览器的工作原理：新式网络浏览器幕后揭秘

摘要：序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道：在 IE 占据 90% 市场份额的年代，我们除了把浏览器当成一个“黑箱”，什么也做不了。但是现在，开放源代码的浏览器拥有了过半的市场份额，因此，是时候来揭开神秘的面纱，一探网络浏览器的内幕了。呃，里面只有数以百万行计的 C++ 代码...塔利在她的网站上公布了自己的研究成果，但是我们觉得它值得让更多的人来了解，所以我们在此重新整理并公布。作为一名阅读全文

posted @ 2014-01-16 11:25 sexy_girl 阅读(1245) 评论(3) 推荐(8)

form 表单设置编码和页面编码

摘要：encode before form post 阅读全文

posted @ 2014-01-13 16:58 sexy_girl 阅读(1362) 评论(0) 推荐(0)

谈谈字符集编码及gb2312、utf-8编码原理

摘要：一、基础中的基础比特位即bit，是计算机最小的存储单位。以0或1来表示比特位的值。Byte是字节数，bit是位数，在计算机中每八位为一字节，也就是1Byte＝8bit；Byte和bit都翻译成比特，俗称大B(Byte)和小b(bit)二、GB2312从GB2312-1980编码开始，汉字都是采用双字节编码。为了与系统中基本的ASCII字符集区分开，所有汉字编码的每个字节的第一位都是1。例如：“啊”字的编码为0xB0A1。（二进制：10110000 10100001）GB2312的汉字编码规则为：第一个字节的值在0xB0到0xF7之间，第二个字节的值在0xA0到0xFE之间。三、GBKGB123 阅读全文

posted @ 2014-01-13 16:03 sexy_girl 阅读(2744) 评论(0) 推荐(0)

通过浏览器渲染过程来进行前端优化

摘要：介绍做web开发，我个人觉得必须要弄清楚浏览器的渲染过程，否则我们很难进行前端优化。我今天就简单说一下页面加载和前端优化。页面加载我按照最简单的方式进行描述，实际上更复杂，不管是在浏览器端还是服务端，比如dns解析，代理服务器，负载均衡器等等。1、用户访问网页，发送一个http请求到网络服务器。2、网络服务器（应用服务器）解析请求，发送请求给数据库服务器。3、数据服务器返回数据给网络服务器，网络服务器解析数据，并生成html文件内容放入http response中，返回给浏览器。4、浏览器解析http response。5、浏览器创建DOM树。6、浏览器下载css，并应用在DOM树上，.. 阅读全文

posted @ 2014-01-03 14:26 sexy_girl 阅读(185) 评论(0) 推荐(0)

Live Reload

摘要：chrome extension 阅读全文

posted @ 2014-01-03 10:45 sexy_girl 阅读(162) 评论(0) 推荐(0)

整站下载器

摘要：niubi 阅读全文

posted @ 2013-12-25 18:20 sexy_girl 阅读(220) 评论(0) 推荐(0)

Chrome Timeline的指标说明：Blocked、Connect、Send、Wait、Receive

摘要：Blockedtime includes any pre-processing time (such as cache lookup) and the time spent waiting for a network connection to become available. Internet Explorer will only create a maximum of two concurrent network connections per host name (i.e. www.microsoft.com) and will queue up requests until a ne 阅读全文

posted @ 2013-12-20 17:51 sexy_girl 阅读(332) 评论(0) 推荐(0)

script的defer和async

摘要：我们常用的script标签，有两个和性能、js文件下载执行相关的属性：defer和asyncdefer的含义【摘自https://developer.mozilla.org/En/HTML/Element/Script】This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed.async的含义【摘自https://developer.mozilla.org/En/HTML/Element/Scr 阅读全文

posted @ 2013-11-12 16:14 sexy_girl 阅读(204) 评论(0) 推荐(0)

JavaScript跨域总结与解决办法

摘要：什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，阅读全文

posted @ 2013-11-07 16:33 sexy_girl 阅读(164) 评论(0) 推荐(0)

浏览器缓存机制表（异同）

摘要：对于大多数浏览器而言，有三种刷新方式：F5Ctrl+F5“转至”或地址栏里回车而这三种刷新方式会导致浏览器采取不同的缓存机制：F5：不允许浏览器直接使用本地缓存，因此Last-Modified能起作用，但Expires无效Ctrl+F5：是强制刷新，因此缓存机制失效“转至”或地址栏里回车：正常的访问... 阅读全文

posted @ 2013-11-01 11:14 sexy_girl 阅读(234) 评论(0) 推荐(0)

摘要：缓存对于web开发有重要作用，尤其是大负荷web系统开发中。缓存分很多种：服务器缓存，第三方缓存，浏览器缓存等。其中浏览器缓存是代价最小的，因为浏览器缓存依赖的是客户端，而几乎不耗费服务器端的资源。让浏览器做缓存需要给浏览器发送指定的Http头，告诉浏览器缓存多长时间，或者坚决不要缓存。1.Expires（过期时间）HTTP头信息Expires（过期时间）属性是HTTP控制缓存的基本手段，这个属性告诉缓存器：相关副本在多长时间内是新鲜的。过了这个时间，缓存器就会向源服务器发送请求，检查文档是否被修改。几乎所有的缓存服务器都支持Expires（过期时间）属性；大部分Web服务器支持你用几种阅读全文

posted @ 2013-11-01 11:00 sexy_girl 阅读(482) 评论(0) 推荐(0)

fiddler 路由设置

摘要：REGEX:^http://data.51buy.com/biz/oppmsmobile/web/js/app/(.+)/(.+).jsE:\svns\new\dev\webapp\data_icson_com\biz\oppmsmobile\web\js\app\$1\$2.js 阅读全文

posted @ 2013-10-29 11:06 sexy_girl 阅读(335) 评论(0) 推荐(0)

//@sourceURL=filename.js

摘要：在 console 中输入代码的最后一行加上 //@ sourceURL=filename.js, 会在 Scripts 面板中有个叫 filename.js 的文件, 然后他就和外部 js 文件一样了function hello() { alert('say hi');}//@ sourceURL=hello.js 阅读全文

posted @ 2013-09-11 23:10 sexy_girl 阅读(488) 评论(0) 推荐(0)

随笔分类 - 浏览器

公告