加速blog:处理页面图片

作为文章的或者功能性的或者美学意义上的需求,现在blog越来越丰富多彩,图片也越来越多。
选择合适的图片尺寸
现在数码相机越来越好,动辄800万像素,出来的照片也常在1M以上。但其实电脑上特别是浏览器上根本就没那么大的空间来显示图片(除非放大显示),作为网页上的图片,800*600的图片足够用了。WordPress上传照片的时候会自动使用微缩图,我觉得这种...

约865字,阅读全文

标签: , , ,

加速blog:关于javascript(css)

这里先谈一下关于javascript和CSS的问题。
压缩你的javascript和css
这里的压缩和前面的GZIP压缩不同,而是压缩空格,去除注释等,调整顺序等。如果你的服务器不支持GZIP压缩,你就更应该使用下面的压缩工具处理你的css和javascript了。
压缩CSS:压缩比率能达到20%到50%。
压缩javascript:即使是最安全的压缩模式,压缩比率也能达到20%到50%。
警告:以上压缩...

约751字,阅读全文

标签: , ,

用CSS Sprites让网站再加速

我对于blog的速度有着变态的需求. 网站速度与HTML请求数目有很直接的关系,所以我一直没有在网页上放过多的背景图片——注意这里有个网页加速的小技巧,对于网页上固定位置的图片,应该尽量使用CSS背景图片,而不要用img标签嵌入。
为减少页面上的背景图片数量,嵌入式图片是一个好主意,data: URL scheme可以让你把图片信息直接嵌入在CSS语句中,理论上而言这是最...

约2748字,阅读全文

标签: , , , ,

innerHTML只读问题 & 两个动态修改Table的js函数

最近做社会实践项目遇到的一个问题,需要动态修改一个表格。本来以为要想修改一行,直接设置新的 tr.innerHTML即可。后来发现在Firefox下可行,但在IE下通不过,查看了一下帮助,才发现innerHTML还没有一个通用标准,而在IE下innerHTML对于标签为COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR的元素是只读的。要想在IE下动态修改表格,只能使用insertRow和insertCell;
...

约2725字,阅读全文

标签: , , ,

剪贴板实现跨域iframe高度自适应

这两天玩xiaonei用到的一个技术,虽说是跨域iframe,但要求对外部网页和内部网页都有编辑权限,所以只能用在一些特殊场合。
如果是域内的iframe,高度自适应非常简单,给iframe加入onload属性即可:
<iframe name=iframeUpload src=index.htm marginwidth=1 marginheight=1 width='100%' scrolling='no' border='0' frameborder='0' onLoad='this.height=iframeUpload.document.body.scrollHeight' target='_blank' style="font-size: 9...

约2601字,阅读全文

标签: , , ,

guest | 注册 | 管理 | English | 繁體 | https

阅微堂

zhiqiang's personal blog
Loading...
Loading...
Loading...