淘宝新首页开发实践PPT

flash PPT.

» 阅读全文

从Designsor哪里看到这个,感觉不错.转了过来.

HTML,CSS,Javascript开发与说明规范文档

项目中的HTML的规范说明

一,HTML部分的命名的规范
二,HTML属性介绍和常用实例
三,HTML部分标准的头部声明
四,HTML注释规则

项目中的CSS的规范说明

一,Css文件的命名和使用规则
二,CSS的书写规则
三,Css样式名命名规则
四,CSS注释规则

项目中的Javascript的规范说明

一,Javascript使用的框架
二,Jquery的使用方法
三,Javascript的注释
四,Javascript的摆放位置和顺序
五,JavaScript的变量名规则

源文链接: http://www.designsor.com/2010/02/guifan.html

» 阅读全文

IE6已经让人恶心很久了, Google旗下Youtube决定在3月13日起停止对IE6的支持. 但愿能加速IE6更换的速度.

不过, 国内大部分用户还是在用IE6.

IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort.

测试了一下,找到了解决办法.

a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样:

1. <a href="javascript://" onclick="dosomething()">a1</a>

2. <a href="javascript:void(0)" onclick="dosomething()">a2</a>

3. <a href="###" onclick="dosomething()">a3</a>

第三种方法dosomething()中切换图片完全没有问题, 但是href="###" 却带来了另一个问题, 占用了锚点,页面URL也不美观.

第1,2种方式虽然没有上面的问题, 但会引发IE6的奇怪bug, dosomething()中图片无法加载.

只要在dosomething();后面增加一个return false;就可以解决了.

如果是绑定事件, 同样在function最后增加return false;就行.

为了节省资源, 平时Windows Update相关服务都是关闭的, 只有更新时才打开.

怪异的现象是, 明明三个服务器都手工启动了, 但是还是出现下面的页面:

==========================================================

此站点无法继续，因为这些 Windows 服务中的一个或多个没有运行:

• “自动更新”功能(允许站点查找、下载和安装适用于您的计算机的高优先级更新程序)
• 后台智能传输服务(BITS) (有助于更快地下载更新程序，并在下载进程中断的情况下避免发生问题)
• 事件日志(可在需要时记录更新活动以供排除故障时使用)

要确保这些服务正在运行，请执行以下操作:
1. 单击“开始”，然后单击“运行”。
2. 键入 services.msc，然后单击“确定”。
3. 在服务列表中，双击“自动更新”，然后单击“属性”。
4. 在“启动类型”列表中，选择“自动”，然后单击“应用”。
5. 确认服务状态为“已启动”，如果服务状态为“已停止”，则单击“启动”按钮。
6. 在服务列表中，双击“后台智能传输服务(BITS)”，然后单击“属性”。
7. 在“启动类型”列表中，选择“手动”，然后单击“应用”。
8. 确认服务状态为“已启动”，如果服务状态为“已停止”，则单击“启动”按钮。
9. 在服务列表中，双击“事件日志”，然后单击“属性”。
10. 在“启动类型”列表中，选择“自动”，然后单击“应用”。
11. 确认服务状态为“已启动”，如果服务状态为“已停止”，则单击“启动”按钮。

如果此操作无法解决问题，您可以通过以下资源之一获取帮助。

==========================================================

后面才知道, 自己忽略了第4条. 

4. 在“启动类型”列表中，选择“自动”，然后单击“应用”。

原以为手工启动服务就行了, 原来还得把启动类型设置成“自动”!!

看来文档里面每个字都要认真看

Subversion 支持类似 CVS 的关键字扩展，用来在文件中嵌入文件名称和版本信息。当前支持的关键字有：

$Date$
已知最后提交的日期。它基于你更新工作副本时获得的信息。它不检查版本库查找最新的修改。

$Revision$
已知最后提交的版本。

$Author$
已知最后提交的作者。

$HeadURL$
此文件在版本库中的 URL。

$Id$
前述四个关键字的压缩组合

一般用$Id$即可, 自动开启替换功能:

[miscellany]
enable-auto-props = yes
use-commit-times = yes

[auto-props]
*.c = svn:keywords=Id
*.cpp = svn:keywords=Id
*.h = svn:keywords=Id
*.hpp = svn:keywords=Id
*.cxx = svn:keywords=Id
*.cs = svn:keywords=Id
*.php = svn:keywords=Id
*.html = svn:keywords=Id
*.tpl = svn:keywords=Id
*.txt = svn:keywords=Id
*.vbs = svn:keywords=Id
*.js = svn:keywords=Id
*.asp = svn:keywords=Id

cursor属性. 移动到方框上既可看到效果.

auto正常鼠标

crosshair十字鼠标

default默认鼠标

pointer手形鼠标

hand手形鼠标（IE可以，火狐不可以）

move移动鼠标

e-resize鼠标

ne-resize鼠标

nw-resize鼠标

n-resize鼠标

se-resize鼠标

sw-resize鼠标

s-resize鼠标

w-resize鼠标

text文字鼠标

wait等待鼠标

help求助鼠标

progress过程鼠标

not-allowed禁止鼠标

1.Firebug http://getfirebug.com/
最流行的前端开发工具

2.HttpWatch http://www.httpwatch.com/
集成在IE和Firefox上的监听HTTP和HTTPS的工具

3.Fiddler http://www.fiddler2.com/fiddler2/
Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理

4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
和HTTPWatch很类似的一个工具

5.Yslow http://developer.yahoo.com/yslow/
Firebug的一个扩展，可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能

6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704
Firebug的一个扩展，可以用来察看哪些CSS被用到了

7.VIM http://www.vim.org/
一个高级的文本编辑工具，是在UNIX系统上面VI编辑器的升级版本

8.Editplus http://www.editplus.com/
Windows系统上的一个好用的文本编辑器

9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一个附加组件，当HOST文件改变时可以很快地更新页面而不需要重启浏览器

10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能，并获得有关如何改进性能的建议

11.Dust-me Selectors https://addons.mozilla.org/zh-CN/firefox/addon/5392
Firefox上的一个附加组件，可以找出没有用到的CSS选择符

12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况，只使用于IE中

13.YUI Compressor http://developer.yahoo.com/yui/compressor/
用java写的一个代码压缩工具，使用方法： java -jar yuicompressor-x.y.z.jar [options] [input file]

14.JS Beautifier http://jsbeautifier.org/
在线JS格式化工具

15.JSLint http://jslint.com/
在线JS校验工具，使用请注意“JSLint will hurt your feelings.”

16.JSCompress http://jscompress.com/
在线JS压缩工具

17.JSMin http://www.crockford.com/javascript/jsmin.html
JS压缩工具

18.HTML2Javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML到JavaScript转换器获得置标并将它转换成一系列可以在JavaScript块中使用的document.write()申明

19.Web Developer https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
Firefox的一个附加组件，给Firefox增加了一个菜单以及工具栏，里面包含了很多开发工具

20.JS Regexp Generator http://www.jslab.dk/tools.regex.php
一个制作正则表达式的在线工具

21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera浏览器的跨设备，跨平台调试环境—调试 JavaScript, 检查编辑CSS和DOM， 并且查看移动设备或计算机上的错误

22.IE Web Developer http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
微软的浏览器开发者工具条为网页的快速创建，理解和故障诊断提供了各种的工具

23.DynaTrace http://ajax.dynatrace.com/pages/
一个页面性能分析工具，是针对浏览器 IE 6 ~ 8 的。它可以用来分析页面渲染时间、DOM方法执行时间，甚至可以看到 JS 代码的解析时间。多谢“有米啦”同学的推荐，好友卓群的博客以前也介绍过

24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
IETester是一个免费的浏览器，它同时包括了IE 5.5、IE 6、IE 7、IE 8的所有内核，多版本IE测试好工具,DIV测试,CSS兼容和各个版本浏览器兼容检测工具

25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js调试工具，需要结合Microsoft Script Debugger使用，通过安装这个工具，但页面出现错误时会在左上角弹出一个小错误提示，点击会在IE下面显示出一个错误控制台，就如FF下的firebug控制台一样，错误信息提示很详细

26.Live Http Header https://addons.mozilla.org/zh-CN/firefox/addon/3829
live HTTP headers是firefox的一个插件，可以查看到http头，非常方便

27.Closure Compiler http://code.google.com/intl/zh-CN/closure/compiler/
Google的JavaScript编译工具

还有其他前端总结的工具可以看一下，如云谦的http://www.chencheng.org/blog/2008/10/25/f2e-manual/，嗷嗷的http://www.aoao.org.cn/resource/

原文链接: http://adamlu.com/?p=268