杰拉斯的博客

归档:2013年2月月

Internet Explorer 10 for Win7正式版发布

杰拉斯 杰拉斯 | 时间:2013-02-28, Thu | 22,549 views
前沿信息 

2013年2月26日,微软发布了Internet Explorer 10 for Win7正式版,支持Windows 7和Server 2008 R2。

IE10具有以下特点:

快速而流畅

Internet Explorer 10 充分利用 Windows 8 和 Windows RT 的优势而打造,瞬间完成网站的启动和加载。它能够流畅地进行网络响应,给人脱胎换骨的感觉。你要在网上做的全部操作就是轻扫、点击或单击。

完美触控

真正全屏浏览:导航条只在你需要它们的时候才出现,并在你不需要它们时安静地消失。在 Internet Explorer 10 中,滑动手指就可以向前或向后快速翻页浏览网站。(使用鼠标的用户,只需将鼠标划到屏幕左右两侧,就可以点击切换页面。)常用网站的磁贴和标签尺寸超大,点击非常方便。

方便

流畅、直观的控件设计想你所想,地址和搜索栏共用一框,导航更加方便。可以将常用网站固定到“开始”屏幕,访问它们就像访问应用一样快捷。

更安全、隐私性更好

采用行业领先的 SmartScreen 技术,帮助提高电脑和信息的网络安全性,并帮助防御社交工程恶意软件。内置隐私工具(如“请勿跟踪”等),点击即可轻松启用。

下载地址

微软官方下载地址

升级IE10所需补丁下载地址

纯CSS无表达式实现图片等比缩放(支持IE7及以上)

杰拉斯 杰拉斯 | 时间:2013-02-27, Wed | 28,883 views
前端开发 

在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:

  1. 只给图片设置宽度或高度的其中一项可以实现图片等比缩放,但图片可能超出容器大小。
  2. 给图片设置固定的宽高可能导致图片变形。

有些人可能会简单地用JavaScript解决:

<img src="image-url.png" onload="if(this.width > 100){this.width = 100;}if(this.height > 100){this.height = 100;}" />

(阅读全文…)

[转载]当你输入一个网址的时候,实际会发生什么?

杰拉斯 杰拉斯 | 时间:2013-02-26, Tue | 27,182 views
后台技术 

作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等。

本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~

(阅读全文…)

Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用

杰拉斯 杰拉斯 | 时间:2013-02-25, Mon | 9,539 views
前端开发 

我们在前面的几节中分别讲了提高网站性能内容服务器JavaScript和CSS等方面的内容。除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括:

Coockie:

  1. 减小Cookie体积
  2. 对于页面内容使用无coockie域名

图片:

  1. 优化图像
  2. 优化CSS Spirite
  3. 不要在HTML中缩放图像
  4. favicon.ico要小而且可缓存

移动应用:

  1. 保持单个内容小于25K
  2. 打包组件成复合文本

(阅读全文…)

Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS

杰拉斯 杰拉斯 | 时间:2013-02-24, Sun | 21,491 views
前端开发 

第一部分和第二部分中我们分别介绍了改善网站性能页面内容服务器的几条守则,除此之外,JavaScriptCSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:

CSS:

  1. 把样式表置于顶部
  2. 避免使用CSS表达式(Expression)
  3. 使用外部JavaScript和CSS
  4. 削减JavaScript和CSS
  5. 用<link>代替@import
  6. 避免使用滤镜

JavaScript

  1. 把脚本置于页面底部
  2. 使用外部JavaScript和CSS
  3. 削减JavaScript和CSS
  4. 剔除重复脚本
  5. 减少DOM访问
  6. 开发智能事件处理程序

(阅读全文…)