清姿
IN A GOOD WAY

随笔分类 -  browser

浏览器的重绘与重排版
摘要:当DOM十分庞大的时候,就不得不考虑网页的性能问题。浏览器的重绘(repaint)及重排版(reflow)的代价是昂贵的,尤其是重排版,因为重排版会影响元素本身及周围一批元素的位置。什么是重绘和重排版?应该怎样降低重绘和重排版带来的性能问题?浏览器的渲染过程 浏览器从下载文档到显示页面的过程是个复... 阅读全文
posted @ 2015-03-14 14:14 清姿 阅读(608) 评论(0) 推荐(0) 编辑
前端江湖之攻与防
摘要:前端安全的话题再次被提及,大到深航东航系统被攻破,乘客信息泄露并被利用,小到一个word-wrap让服务器暴露信息,各种漏洞和攻击无所不在。在前端江湖中,攻击与防守更像是一场漫无硝烟的战争,悄无声息却无时无刻都在进行。 前端常见漏洞包括XSS、CSRF及界面操作劫持,服务端如SQL注入等。 前端使... 阅读全文
posted @ 2014-12-06 17:22 清姿 阅读(445) 评论(0) 推荐(0) 编辑
IE11-IE不再任性了-关于attachEvent
摘要:今天解决了一个IE11的兼容问题,关于attachEvent的。 控件是ActiveX的,需要监听一个控件相关的事件。蓦然发现attachEvent在IE11不支持了...attachEvent不是IE专有的么?是啊,这是IE专属呃,这么多年,不离不弃。IE的attachEvent不支持捕获阶段的... 阅读全文
posted @ 2014-12-03 20:04 清姿 阅读(9958) 评论(2) 推荐(2) 编辑
网页性能优化的点点
摘要:前端优化再次被提起,高性能网站总是会得到用户的肯定,加载时间短,友好的界面交互,最少的资源占用,容易被搜索引擎抓取。 就自己可以接触到的范围,记录些优化的点点滴滴。 1.减少HTTP请求: 每个HTTP请求会产生额外负担,下载一个100K的文件比下载4个25K的文件要快。 使用外部的css和js文... 阅读全文
posted @ 2014-12-02 20:20 清姿 阅读(449) 评论(1) 推荐(0) 编辑
浏览器缓存相关
摘要:常用到的缓存有:浏览器缓存,DNS缓存,服务器缓存。总结下前端优化中常用到的浏览器缓存。 expires和cache-control用于本地缓存,Last-Modified和Etag用于协商缓存。 expires是http1.0定义的,是一个具体的日期时间,使用时,需要服务器和PC时钟同步,cac... 阅读全文
posted @ 2014-11-27 20:18 清姿 阅读(327) 评论(0) 推荐(0) 编辑