W3C与WEB前端开发-Attention!

{ I am SOHO:Researching in Design Pattern and Human-Computer Interaction. }

Research has to be good for something before it is good for everything / 研究必须在对某件事情确实有效之后，才谈得上推而广之

本站放弃对IE6的支持，抛弃一切该抛弃的东西

滚动条上边缘位置，即文档页滚出浏览器上边缘的高度使用
IE7+,Firefox,Opera,Safari
在xhtml标准（html文档以<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">开头）：

document.documentElement.scrollTop

在html标准下使用：

document.body.scrollTop

Chrome

document.body.scrollTop

浏览器可见区域高度
IE7+,Firefox,Opera,Chrome,Safari

document.documentElement.clientHeight;

Tagsjavascript

关于Django的MVC理解

2009年8月19日 - W3C与WEB前端开发

可以肯定的说，Django使用的不是严谨的MVC结构，这一点在Django的faq中已经可以找到官方说法。按照开发组的想法，只做正确的事情而不只是“循规蹈矩”。在Web开发中并不是严格按照MVC结构才是好的框架，关键在于其重用性及执行效率。那Django是什么结构呢？他看起来更像是MTV，Model、Template、View，对比于MVC，Model、View、Controller，这里Template完成了MVC中View的任务，而Django中的View（视图）实际是在执行Controller的任务。

TagsDjango

使用YUI Compressor进行Javascript及CSS压缩

2009年7月9日 - W3C与WEB前端开发

前提是，系统要安装java运行时环境，这里下载
1. 下载YUI Compressor
2. 解压到C:\Documents and Settings\你的系统用户名\yuicompressor\
可以在C:\Documents and Settings\你的系统用户名\yuicompressor\build目录下看到yuicompressor-x.y.z.jar（具体根据你下载的版本不同）。
3. 把一个javascript或css拷贝到build目录，如in.js
4. 打开开始>运行输入cmd，出现命令提示行，会看到默认在C:\Documents and Settings\你的系统用户名位置，这也是上面放置在那个目录的原因。
使用cd yuicompressor\build定位到目录，然后输入
java -jar yuicompressor-x.y.z.jar in.css -o out.js
回车，在同目录就能看到out.js了，这里的压缩并不是很强，可以使用http://dean.edwards.name/packer再次压缩，如果是CSS那就基本ok了。

Tagscss javascript

Firfox3.5发布支持HTML5及更多的CSS2.1属性

2009年7月1日 - W3C与WEB前端开发

Firefox3.5发布了，抛开其所说，更安全、更快速、更小巧且具有扩展性不谈，其对HTML5的支持以及对更多CSS2.1特性的支持无疑对整个WEB 开发行业起到很大的推动作用。
来自官方的报道：

HTML 5 支持

使用声音或视频元素
Firefox3.5增加了对audio及video元素(标签)的支持
离线资源
Firefox 3.5 现在完全支持HTML5的离线资源使用规范
拖拽
HTML5中对元素拖拽API的支持，这无疑给那些基于Mozilla开发的插件带来了很大的便利，可以基于此API实现简单的拖拽交互

CSS特性的新支持

可下载字体（自定义字体）支持
新的 @font-face 规则使页面可以下载自定义字体字体，而使其按照设计者期望的形式表现出来

CSS 多媒体判断
Firefox 3.5 现在可以支持根据不同媒介选择而表现的样式表属性了

:before 和 :after 的支持已经升级至 CSS 2.1
伪类选择器 :before 和 :after 已经升级完全支持 CSS 2.1, 增加了对 position, float, list-style-*, 及一些其他显示属性的支持
其他还有ch 长度单位，opacity透明属性而之前的 -moz-opacity被放弃，text-shadow，word-wrap，还记得在fx下那些英文如代码之类的不会自动换行的尴尬吗，不用怕了，使用word-wrap:break-word就可以解决了，white-space 属性支持 pre-line等等
更多可以看https://developer.mozilla.org/en/Firefox_3.5_for_developers

TagsFirefox html css

jQuery性能优化

2009年6月26日 - W3C与WEB前端开发

1，总是从ID选择器开始继承
2，在class前使用tag(标签名)
3，将jQuery对象缓存起来
4，对直接的DOM操作进行限制
5，冒泡
6，推迟到 $(window).load
7，压缩JavaScript
8，尽量使用ID代替Class。
9，给选择器一个上下文
10，慎用 .live()方法（应该说尽量不要使用）
11，子选择器和后代选择器
12，使用data()方法存储临时变量
13，尽量使用原生的JavaScript方法

TagsjQuery 转载

CSS2属性对照表

2009年6月23日 - W3C与WEB前端开发

Tagscss

有道谜题的回忆

2009年6月21日 - W3C与WEB前端开发

有道谜题上线到现在已经一个多月了，这个游戏是给有道难题做的一个在线解谜游戏，游戏规则就是回答问题，答对了会按照顺序解开后面锁定的问题，有些问题可以解开隐藏关。
现在抽出时间来回忆一下当时开发的过程，参考意义并不大，只做日后个人参考。
这是第三次使用action script做项目，第一次是做一个有道桌面词典的gadget当时还弄了个AIR版本的，第二个是帮有道音乐盒的心情音乐做了个minisite，虽然有进步，但还有很多东西都处在学习跟实践的阶段……

Tagsactionscript3 flash

Yahoo!提出网站内容性能优化的10条建议

2009年6月19日 - W3C与WEB前端开发

英文地址：http://developer.yahoo.com/performance/rules.html
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

其中内容部分一共十条建议：

TagsYahoo html

如何在PHP开启gzip页面压缩实例-[zz]

2009年6月19日 - W3C与WEB前端开发

介绍如何在php页面中使用gzip压缩来提高页面传输性能

Tagsphp gzip

HTML DOM Style 对象对照列表

2009年6月18日 - W3C与WEB前端开发

Style 对象

Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问Style 对象。

使用Style 对象属性的语法：

document.getElementById("id").style.property="值"

Style 对象的属性：背景、边框和边距、布局、列表、杂项、定位、打印、滚动条、表格、文本、规范

Tagsjavascript css

第一页12 3 4 5 6 7 8 9 最后一页下一页