flash PPT.

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.

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 服务中的一个或多个没有运行:

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

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

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

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

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

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

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

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

$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

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禁止鼠标

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

javascript选定文本取消, 能兼容所有主流浏览器了:

if (document.selection) {
document.selection.empty();
} else if (window.getSelection) {
window.getSelection().removeAllRanges();
}

对于文本框(input,textarea)中的文本选定取消, 这种方法会有一些问题.

不过也有办法, 记录下文本框中的value,再清空,再重新赋值. 方法有点搓, 不过能兼容所有浏览器.

一般浏览器中都OK的.  如果有更好的方法, 不吝赐教.

<script type="text/javascript">
window.opener = null;
window.open('', '_self', ''); 
window.close();
</script>

show databases;
解释：显示mysql中所有数据库的名称

show processlist;
解释：显示系统中正在运行的所有进程，也就是当前正在执行的查询。大多数用户可以查看
他们自己的进程，但是如果他们拥有process权限，就可以查看所有人的进程，包括密码。

show table status;
解释：显示当前使用或者指定的database中的每个表的信息。信息包括表类型和表的最新更新时间

show columns from table_name from database_name; 或show columns from database_name.table_name;
解释：显示表中列名称

show grants for user_name@localhost;
解释：显示一个用户的权限，显示结果类似于grant 命令

show index from table_name;
解释：显示表的索引

show status;
解释：显示一些系统特定资源的信息，例如，正在运行的线程数量

show variables;
解释：显示系统变量的名称和值

show privileges;
解释：显示服务器所支持的不同权限

show create database database_name;
解释：显示create database 语句是否能够创建指定的数据库

show create table table_name;
解释：显示create database 语句是否能够创建指定的数据库

show engies;
解释：显示安装以后可用的存储引擎和默认引擎。

show innodb status;
解释：显示innoDB存储引擎的状态

show logs;
解释：显示BDB存储引擎的日志

show warnings;
解释：显示最后一个执行的语句所产生的错误、警告和通知

show errors;
解释：只显示最后一个执行语句所产生的错误

void var_dump ( mixed $expression [, mixed $expression [, $... ]] )

此函数显示关于一个或多个表达式的结构信息，包括表达式的类型与值。数组将递归展开值，通过缩进显示其结构。

配合上xdebug (Variable Display Features), 还能够根据不同变量类型使用不同颜色区分.

现在javascript也能做到类似php中var_dump的效果了. Shuns封装了一个Dump函数:

Comparisons of $x with PHP functions

Loose comparisons with ==

Strict comparisons with ===

地址:

• 8.8.8.8
• 8.8.4.4

2. Open DNS

地址:

• 208.67.222.222
• 208.67.220.220

试用了一下.Google的DNS服务貌似比Open DNS的快不少.

值得一试.

很多语言的都提供了非常优雅和漂亮的操作数组的方法。在下面的例子中，会使用 PHP5.3 以及其他语言提供的闭包功能，用于展示如何“客观的”操作迭代数组。

用笔记本架设无线AP.

-后向引用

使用小括号指定一个子表达式后，匹配这个子表达式的文本(也就是此分组捕获的内容)可以在表达式或其它程序中作进一步的处理。默认情况下，每个分组会自动拥有一个组号，规则是：从左向右，以分组的左括号为标志，第一个出现的分组的组号为1，第二个为2，以此类推。

(?:pattern)
匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。