漠天博客

[转载]浅谈JavaScript编程语言的编码规范

漠天 — Sun, 02 Oct 2011 09:34:33 +0800

前言

提及C/C++和Java编码规范，相信许多工程师并不生疏。但说到 JavaScript 语言的编码规范，也许您会忍俊不禁。JavaScript 不是语法很灵活吗？变量随时用随时可以声明；语句结束符可以不要；字符串和数字也可以相加；参数多一个少一个也不会报错。没错，当您从 C/C++ 和 Java 严格的语法规定之下，转向 JavaScript 语言，会觉得自由了很多，轻松了很多。语法松散是 JavaScript 重要的特征。它灵活易懂，给开发人员带来了很多方便，但如果编写过程中不注意，代码的调试成本和维护成本则会无形地增加。

JavaScript 编码会随应被直接发送到客户端的浏览器，代码规范不只是代码质量的保证，也影响到产品的长期信誉。希望 JavaScript 编程语言的规范问题也能同样引起更多朋友的关注。

JavaScript 编码规范建议

本文就JavaScript 编码过程中涉及的排版、命名、声明、作用域、及一些特殊符号的使用等方面，根据个人在学习工作中的总结，给出自己的一些建议，并分析其中缘由，以供参考。

JavaScript 文件引用

JavaScript 程序应该尽量放在 .js 的文件中，需要调用的时候在 HTML 中以 <script src="filename.js"> 的形式包含进来。JavaScript 代码若不是该 HTML 文件所专用的，则应尽量避免在 HTML 文件中直接编写 JavaScript 代码。因为这样会大大增加 HTML 文件的大小，无益于代码的压缩和缓存的使用。

另外，<script src="filename.js"> 标签应尽量放在文件的后面。这样会降低因加载 JavaScript 代码而影响页面中其它组件的加载时间。

代码排版

行长度

每行代码应小于 80 个字符。如果代码较长，应尽量选择换行，下一行代码应缩进 8 个空格。这样可以使代码排版整齐，减轻阅读代码的疲劳感。换行缩进 8 个空格可以和代码段的缩进 4 个空格区分开，以增强代码的可阅读性。

行结束

JavaScript 语句应该以分号结束。但大多数浏览器允许不写分号，只要在本应是分号的地方有一个换行符就行。但是如果代码行较长需要换行的时候，有哪些注意事项呢？换行应选择在操作符和标点符号之后，最好是在逗号','之后，而不要在变量名、字符串、数字、或')' ']' '++' '--'等符号之后换行。

这样可以有效的防止拷贝、粘贴而引起的错误，并可有效地增强代码的可阅读性。请见清单 1，代码的输出符合我们的期望。但就写法而言，对 valueB 的赋值语句是在变量 valueA 之后进行的换行，这很容易被误解为 valueB=ValueA，给阅读造成障碍。而对 valueC 的复制语句是在'+'之后进行的换行，就容易理解的多。这也是本文所提倡的换行方式。

清单 1. 行结束的位置


<script language="javascript">
var valueA = 1;
var valueB = valueA ///bad
+1;
var valueC = valueB + ///good
valueA;
alert(valueB); //output: valueB=2
alert(valueC);//output: valueC=3
</script>

缩进

关于缩进的问题，不只是 JavaScript，几乎所有的语言编写的时候，都会提及缩进的问题。缩进几乎是代码编写规范的第一课，是代码可阅读性判断的直接因素。

代码缩进的好处是不言而喻的，但是对于如何缩进，则没有标准而言。最受欢迎的是方便使用 TAB 键缩进，也有些喜欢用 2 个、4 个、8 个空格进行缩进。这样缩进风格不一，也同样给代码的阅读带来障碍。

本文提倡用 4 个空格来进行缩进，并在同一产品中采用同一种缩进标准。不支持用 TAB 键进行缩进。这是因为直到现在还没有统一的标准来定义 TAB 键所代替的空白大小，有些编辑器解析为 4 个空格大小，有些则解析为 8 个。因而用不同的编辑器查看代码，可能造成格式混乱。当然 TAB 简单易用，为解决这个问题，建议在设置开发环境时，将编辑器里的 TAB 快捷键重新设置为 4 个空格。据了解 Eclipse, Vi, Nodepad++，Editplus, UltraEdit 等流行的编辑器，均提供了此功能。

注释

代码中的注释很重要，自然也是毋庸置疑的。通常我们会强调代码中注释数量的多少，而轻视了对注释质量的提高。编码是及时添加注释，会给后续代码的维护人员带来很大的便利。但是如果注释不注意更新，或者由于拷贝、粘贴引起的错误的注释，则会误导阅读人员，反而给阅读带来障碍。

除了注释要及时更新外，我们还应对注释的内容要特别关注。注释要尽量简单、清晰明了，避免使用含混晦涩的语言，同时着重注释的意义，对不太直观的部分进行注解。请见清单 2。

清单 2. 有意义的注释


<script language="javascript">
//following section is used to initialize golbal variables (good)
var valueA = 0; //initialize valueA to be sero (bad)
var valueB = 1;
...
//call f1 function after waiting for 50 seconds. (good)
setTimeout(f1,50000); //set timeout to be 20s (copy error)
...
</script>

这样的注释方式在 JavaScript 代码中经常见到。"initialize valueA to be sero" 这样的注释有什么用呢？难道阅读程序的工程师从"var valueA = 0;"复制语句中看不出来么？"set timeout to be 20s"这条注释，不只是因拷贝、粘贴引起的时间大小的错误，同时也误导了程序员对这条语句的理解。setTimeout() 函数的作用并非是设置函数执行的超时时间，而是等待一定时间后执行所调用的函数，害人匪浅呀。这样的注释内容宁可删掉。

此外，JavaScript 的注释有两种"//" 和"/* .... */"，建议"//"用作代码行注释，"/* .... */"形式用作对整个代码段的注销，或较正式的声明中，如函数参数、功能、文件功能等的描述中。

标识符命名

JavaScript 中的标识符的命名规则：

• 以字母、下划线'_'或美元符号'$'开头

• 允许名称中包含字母，数字，下划线'_'和美元符号'$'

• 区分大小写

变量、参数、成员变量、函数等名称均以小写字母开头，构造器的名称以大写字母开头。下划线'_'开头的变量一般习惯于标识私有 / 局部成员。而美元符号'$'开头的变量习惯于标识系统相关，比如系统进程等。应避免用下划线'_'或美元符号'$'来命名标识符。尽可能地降低代码的阅读负担。

声明

变量的声明

尽管 JavaScript 语言并不要求在变量使用前先对变量进行声明。但我们还是应该养成这个好习惯。这样可以比较容易的检测出那些未经声明的变量，避免其变为隐藏的全局变量，造成隐患。

在函数的开始应先用 var 关键字声明函数中要使用的局部变量，注释变量的功能及代表的含义，且应以字母顺序排序。每个变量单独占一行，以便添加注释。这是因为 JavaScript 中只有函数的 {} 表明作用域，用 var 关键字声明的局部变量只在函数内有效，而未经 var 声明的变量则被视为全局变量。我们来看下清单 3。

清单 3. 局部变量声明


<script language="javascript">
var valueA = "a";
var valueB = "b";
function f1() {
var valueA = "c";
alert("valueA="+valueA); //output: valueA=c
valueB = "d";
alert("valueB="+valueB); //output: valueB=d
}
f1();
alert("valueA="+valueA); //output: valueA=a
alert("valueB="+valueB); //output: valueB=d
</script>

从上例的输出惊奇地发现，用 var 声明过的变量 valueA 和没有声明的变量 valueB 是有区别的。特别需要注意的是，在函数内部用 var 声明的变量为局部变量，这样可以有效地避免因局部变量和全局变量同名而产生的错误。

函数的声明

函数也应在调用前进行声明，内部函数应在 var 声明内部变量的语句之后声明，可以清晰地表明内部变量和内部函数的作用域。

此外，函数名紧接左括号'('之间，而右括号')'和后面的'{'之间要有个空格，以清楚地显示函数名以其参数部分，和函数体的开始。若函数为匿名 / 无名函数，则 function 关键字和左括号'('之间要留空格，否则可能误认为该函数的函数名为 function。

清单 4. 内部函数声明


<script language="javascript">
var innerA = 1;
function outF() {
var innerA = 2;
function _inF() {
alert("valueA="+innerA);
}
_inF();
}
outF(); //output: valueA=2
_inF(); //error: innerF is not defined
</script>

从清单 4 的输出可以看出，inF() 函数仅在 outF() 函数的内部生效，局部变量 innerA 对内部函数的作用域生效。这样的编码方式使得变量和函数的作用域变得清晰。

语句

对于简单语句而言，需要提及的仍然是分号必要性，同时，一行最多有一个语句。如果一个赋值语句是用函数和对象来赋值，可能需要跨多行，一定切记要在赋值语句末加上分号。

这是因为 JavaScript 中，所有表达式都可以当语句，遇换行符时会解析为表达式的结束，此时不规范的换行和分号的丢失，可能引入新的错误。

对于复合语句，if, for, while, do, switch, try … catch 等代码体，函数定义的函数体，对象的定义等都需要放在花括号'{}'里面。

• '{' 应在行末，标志代码块的开始。

• '}' 应在一行开头，标志代码块的结束，同时需要和'{'所在行的开始对齐，以表明一个完整的复合语句段。这样可以极大地提高代码的可阅读性，控制逻辑能清晰地表现出来。

• 被包含的代码段应该再缩进 4 个空格。

• 即使被包含的代码段只有一句，也应该用花括号'{}'包含。尽管不用花括号代码也不会错，但如若需要增加语句的话，则较容易因花括号遗漏而引起的编译错误或逻辑错误。

return语句在使用时也需慎重，如果用表达式的执行作为返回值，请把表达式和 return 放在同一行中，以免换行符被误解析为语句的结束而引起返回错误。return 关键字后若没有返回表达式，则返回 undefined。构造器的默认返回值为 this。

清单 5. return 表达式


<script language="javascript">
function F1() {
var valueA = 1;
var valueB = 2;
return valueA + valueB;
}
function F2() {
var valueA = 1;
var valueB = 2;
return
valueA + valueB;
}
alert( F1() ); //output: 3
alert( F2() ); //ouput: undefined
</script>

在清单 5 中显示了因返回表达式没有和 return 关键字放在同一行而引起的返回错误，需重视。

特殊符号

空白符

适当的空白行可以大大提高代码的可阅读性，可以使代码逻辑更清晰易懂。同时，在表达式中适当的留空白，也会给代码的阅读带来方便。

关键字的后面如有括号，则最好在关键字和左括号'('之间留空白，如 for, if, while 等。而函数名和括号之间则不宜留空白，但若是匿名函数，则必须在 function 和左括号'('之间留空白，否则，编辑器会误认为函数名为 function。

在表达式中，二元运算符 ( 除左括号'('，左方括号'['，作用域点'.') 和两个操作数之间最好留空白。一元运算符（若不是词 typeof 等）和其操作数之间不宜留空白。

逗号','的后面需要留空白，以显示明确的参数间隔，变量间隔等。

分号';'之后通常表明表达语句的结束，而应空行。在 for 的条件语句中，分号之后则应该留空白。

{ } 和 [ ]

在 JavaScript 中，如需定义空对象和空数组，通常很自然地想到用 new Object() 和 new Array() 的方法。其实花括号'{}'和方括号'[]'可以直接用来定义一个空对象和一个空数组。这种书写方法可以使代码看起来简单易懂。

== 和 ===

判断"逻辑等"在代码里太平常的不过事情了，但 JavaScript 与其他熟知的编程语言不同的是，除了可以使用两个等号'=='来作判断以为，还可以使用三个等号'==='来进行逻辑等判断。两者的不同是'=='作逻辑等判断时，会先进行类型转换后再进行比较。'==='则不会。因而，'=='进行的判断结果可能产生偏差。'!='与'!=='的区别亦是如此。本文提倡尽量使用'==='来进行逻辑等的判断，用'!=='进行逻辑不等的判断。

清单 6. === 的使用


<script language="javascript">
var valueA = "1";
var valueB = 1;
if ( valueA == valueB) {
alert("Equal");
}
else {
alert("Not equal")
}
//output: "Equal"
if ( valueA === valueB) {
alert("Equal");
}
else {
alert("Not equal")
}
//output: "Not equal"
</script>

清单 6 中，valueA 和 valueB 两个变量的值显然是不相等的，起码 valueA 是个字符串，而 valueB 是一个数字。但用'=='进行判断是，程序却输出相等的字样。这是因为编译器对两个变量进行比较时，因为他们的类型不同，而自动地将 valueB 转换成字符串，而后再和 valueA 进行比较的。用'==='得到的判断结果正和预期的结果相符。

加号'+'也同样是程序员所熟知的操作符之一。JavaScript 和其他编程语言不同的是，在 JavaScript 中，'+'除了表示数字值相加，字符串相连接以外，还可以作一元运算符用，把字符串转换为数字。因而如果使用不当，则可能与自增符'++'混淆而引起计算错误。这一点，在清单 7 中可以清楚地看出。

清单 7. 巧用 + 号


<script language="javascript">
var valueA = 20;
var valueB = "10";
alert( valueA + valueB); //ouput: 2010
alert( valueA + (+valueB)); //output: 30
alert( valueA + +valueB); //output:30
alert( valueA ++valueB); //Compile error
</script>

总结

本文就 JavaScript 代码的排版、命名、声明、语句、和一些特殊字符的使用等方面，谈了自己对 JavaScript 编程规范的建议。此外，还有许多方面需要深入了解研究，如 with, eval 语句和 this 对象的使用等等。我们在认识其普遍性的同时也需要注意其特殊性，在编写代码时多用心留意，以创造更多更优质的程序代码。

33个高质量的免费导航菜单PSD

漠天 — Thu, 29 Sep 2011 20:30:01 +0800

导航菜单是一个网站最为重要的部分之一，设计精良的导航菜单可在第一时间吸引用户，给用户准确直观的信息传达，引导用户去浏览更多的网站内容。这里便收集了33个高质量的免费导航菜单PSD，以供欣赏下载。

Simple navigation menu

Pretty dropdown menu

Slick horizontal menu

Simple Tabbed Navigation

Dark Button Navigation

Checkout Process Navigation

Simple Dark Navigation Menu

Clean & Simple Navigation Menu

Sleek breadcrumb nav

Simple Colorful Navigation Bars

Drop-down navigation bar

Multi Color Nav Bar

Mini Navigation

Ribbon Menu

Yellow Navigation

Header Navigation Pack

Horizontal dropdown menu bar

Elegant Ribbon Menu

Dark Button Navigation

Gloss Milk Navigation

Textured Header Design

Profile Menu

Smooth Slider Navigation

Breadcrumbs Navigation

Vivid Menu Navigation

Minimalist Horizontal Navigation

Vivid Menu with tutorial

Bold and Chunky Navigation

Nour Navigation Menu

Slick Dark Navigation Menu

Clean Crisp Setting Menu

Drop Down GUI Menu

Mini Drop-Down Menu

屏蔽优酷的片头广告

漠天 — Thu, 29 Sep 2011 07:50:02 +0800

当我们点击优酷视频时，是不是往往看到片头广告感觉挺郁闷的，但是我们应该以谅解的心态对待。不过我们也可以使点小伎俩。

第一种：更改static.youku.com文件的属性

在Windows7系统的C:\Users\系统用户\AppData\Roaming\Macromedia\FlashPlayer\#SharedObjects\CXQLYXGT文件下，找到static.youku.com文件夹。然后将其删除并新建一个文档，重命名为static.youku.com，同时删掉其扩展名，并修改其属性为只读。

注：如果隐藏了扩展名，那么通过“控制面板”=》“文件夹选项”=》“查看”=》隐藏已知文件类型的扩展名“，取消选中。

第二种：更改host文件

1、打开hosts文件所在的文件夹。即： C:\Windows\System32\drivers\etc 这个文件夹。hosts文件没有扩展名。运行系统的记事本程序，将hosts文件直接拖动到记事本，这时候记事本就会直接打开hosts；

2、下载”利用hosts文件屏蔽优酷、土豆等视频网站15秒广告“，把里面的代码粘贴到hosts文件中。

解决SSH登录Ubuntu系统中文乱码的方法

漠天 — Mon, 26 Sep 2011 15:42:20 +0800

题注：我的使用的系统是Ubuntu10.04版本，在次不敢保证次方法在其他版本或者其他Linux系统中成功！我不过我感觉11版本也可以。 症状:当使用SSH远程登录Ubuntu系统时，发现在编辑文件内容有中文字符的内容时，中文字符为乱码，这是不是让人很郁闷。

方法：

服务器端

第一步：首先是使用locale命令查看系统的默认语言。第二步：如果为显示的是zh_CN，那么说明你的系统的是没有问题，而问题来自SSH端，那么就跳过此步。如果是显示en_US，那么就需要修改了。

LANG=en_US.UTF-8
LANGUAGE=en_US:en
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=

第三步：编辑/etc/default/locale文件，没有就创建。输入如下内容

LANG="zh_CN.UTF-8"
LANGUAGE="zh_CN:zh"

然后保存该文件并退出。第四步：安装中文语言包。如果你确定你的系统中有此包，可以跳过此步。命令如下

$cd  /usr/share/locales $sudo  
./install-language-pack zh_CN

第五步：重新启动。命令如下

$reboot

客户端：

在打开PUTTY登录以前，找到Windows=》Translation，将"Remote character set "设置为UTF-8。最后在登录到服务器。

关于Ubuntu的APT-GET的常用命令

漠天 — Mon, 26 Sep 2011 08:57:03 +0800

apt-get update

——在修改/etc/apt/sources.list或者/etc/apt/preferences之后运行该命令。此外您需要定期运行这一命令以确保您的软件包列表是最新的。

apt-get install packagename

——安装一个新软件包（参见下文的aptitude）

apt-get remove packagename

——卸载一个已安装的软件包（保留配置文件）

apt-get --purge remove packagename

——卸载一个已安装的软件包（删除配置文件）

dpkg --force-all --purge packagename

——有些软件很难卸载，而且还阻止了别的软件的应用，就可以用这个，不过有点冒险。

apt-get autoclean apt

——会把已装或已卸的软件都备份在硬盘上，所以如果需要空间的话，可以让这个命令来删除你已经删掉的软件

apt-get clean

——这个命令会把安装的软件的备份也删除，不过这样不会影响软件的使用的。

apt-get upgrade

——更新所有已安装的软件包

apt-get dist-upgrade

——将系统升级到新版本

apt-cache search string

——在软件包列表中搜索字符串

dpkg -l package-name-pattern

——列出所有与模式相匹配的软件包。如果您不知道软件包的全名，您可以使用“*package-name-pattern*”。

aptitude

——详细查看已安装或可用的软件包。与apt-get类似，aptitude可以通过命令行方式调用，但仅限于某些命令——最常见的有安装和卸载命令。由于aptitude比apt-get了解更多信息，可以说它更适合用来进行安装和卸载。

apt-cache showpkg pkgs

——显示软件包信息。

apt-cache dumpavail

——打印可用软件包列表。

apt-cache show pkgs

——显示软件包记录，类似于dpkg –print-avail。

apt-cache pkgnames

——打印软件包列表中所有软件包的名称。

dpkg -S file

——这个文件属于哪个已安装软件包。

dpkg -L package

——列出软件包中的所有文件。

apt-file search filename

——查找包含特定文件的软件包（不一定是已安装的），这些文件的文件名中含有指定的字符串。apt-file是一个独立的软件包。您必须先使用apt-get install来安装它，然后运行apt-file update。如果apt-file search filename输出的内容太多，您可以尝试使用apt-file search filename | grep -w filename（只显示指定字符串作为完整的单词出现在其中的那些文件名）或者类似方法，例如：apt-file search filename | grep /bin/（只显示位于诸如/bin或/usr/bin这些文件夹中的文件，如果您要查找的是某个特定的执行文件的话，这样做是有帮助的）。

Linux系统目录简介

漠天 — Sun, 25 Sep 2011 09:33:08 +0800

/ 根目录
│
├boot/ 启动文件。所有与系统启动有关的文件都保存在这里
│ └grub/ Grub引导器相关的文件
│
├dev/ 设备文件
├proc/ 内核与进程镜像
│
├mnt/ 临时挂载
├media/ 挂载媒体设备
│
├root/ root用户的$HOME目录
├home/
│ ├user/ 普通用户的$HOME目录
│ └.../
│
├bin/ 系统程序
├sbin/ 管理员系统程序
├lib/ 系统程序库文件
├etc/ 系统程序和大部分应用程序的全局配置文件
│ ├init.d/ SystemV风格的启动脚本
│ ├rcX.d/ 启动脚本的链接，定义运行级别
│ ├network/ 网络配置文件
│ ├X11/ 图形界面配置文件
│
├usr/
│ ├bin/ 应用程序
│ ├sbin/ 管理员应用程序
│ ├lib/ 应用程序库文件
│ ├share/ 应用程序资源文件
│ ├src/ 应用程序源代码
│ ├local/
│ │ ├soft/ 用户程序
│ │ └.../ 通常使用单独文件夹
│ ├X11R6/ 图形界面系统
│
├var/ 动态数据
│
├temp/ 临时文件
├lost+found/ 磁盘修复文件

6KBBS在Nginx中的伪静态实现

漠天 — Sat, 24 Sep 2011 16:02:24 +0800

最近刚买了一款低端的VPS，目前感觉还可以，除了内存少得可怜之外。以前在我的网站中安装了6KBBS这款程序，但是现在使用了Nginx这款服务器，在伪静态方面可能因为资料少的原因吧，总给人触之棘手的感觉，其实，仔细研究研究就发现原来是拨云见雾。

这段代码是我在官方给出的Apache服务器的伪静态规则改写了下，你会发现其实没多大的变化。

location /forum/{
        rewrite ^/forum/index\.html$ /forum/index.php last;
        rewrite ^/forum/forum-([0-9]+)(-([0-9]+))*\.html$ /forum/forum.php?fid=$1&page=$3 last;
        rewrite ^/forum/view-([0-9]+)(-([0-9]+))*\.html$ /forum/view.php?tid=$1&page=$3 last;
        rewrite ^/forum/user-([0-9]+)(-([0-9]+))*\.html$ /forum/user.php?uid=$1&page=$3 last;
}

注：我使用子目录安装的，所以如果你安装在更目录下，你可以把“forum/”去掉。

随机日志

2010 年 08 月 20 日 // Git 1.7.2.2 发布 (3)
2010 年 06 月 01 日 // Ubuntu 10.04 安装基本配置 (5)
2009 年 09 月 28 日 // 南极发现:地球最冷最干最安静地点 (4)
2009 年 09 月 09 日 // 测试你的网站值多少钱 (3)
2010 年 02 月 02 日 // 操作系统TomOS (19)
2010 年 04 月 11 日 // DES加密程序代码 (6)

本文来自: 漠天博客»《6KBBS在Nginx中的伪静态实现》
本文链接: http://motian.org/post/6kbbs-nginx-rewrite.html

主流浏览器的内核简介

漠天 — Tue, 13 Sep 2011 18:00:10 +0800

、

Trident

IE浏览器使用的内核，该内核程序在1997年的IE4中初次使用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的IE9。Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE内核的浏览器涌现，例如Maxthon,The World, TT, GreenBrowser等。

Geckos

Netcape6开始采用的内核，后来的Mozilla FireFox也采用了该内核，Geckos的特点是代码完全公开化，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。

Presto

目前Opera采用的内核，该内核在2003年的Opera7中首次被采用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认的网页浏览器速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。

Webkit

Safari浏览器使用的内核，Webkit引擎包括WebCore排版引擎以及JavascriptCore解析引擎，均是从KDE的KHTML以及KJS引擎衍生而来。它们都是自由软件，在GPL协议下授权，同时支持BSD系统的开发。所以Webkit也是自由软件，同时开放源代码。在安全方面不受IE,FireFox的制约，所以Safari浏览器还是比较安全的浏览器。（Google的chrome浏览器也采用了该内核）

随机日志

2009 年 10 月 11 日 // 分享下我的主题，需要的随便拿！ (81)
2011 年 06 月 25 日 // 推荐五款最棒的java电子书 (5)
2009 年 09 月 23 日 // WordPress 2.8.4 存在注入漏洞！ (4)
2010 年 06 月 16 日 // WordPress日历插件events-calendar (4)
2010 年 05 月 22 日 // Ubuntu系统升级方法 (4)
2010 年 06 月 21 日 // Kiddix Platform —儿童操作系统 (5)

本文来自: 漠天博客»《主流浏览器的内核简介》
本文链接: http://motian.org/post/browser-kernel.html

PHP中UTF-8的输出

漠天 — Wed, 07 Sep 2011 21:10:37 +0800

在PHP编程中，经常因为数据库和程序的编码方式设置不正确，而导致输出乱码。这与设置的编码方式不同，或者忽略了设置。

对于PHP文件中的中文输出乱码的问题，可以通过添加头部元素来设置。在这有两种方式：

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

或者

<?php header("content-type:text/html; charset=UTF-8");?>

对于写入MYSQL数据库时，在数据库连接后，添加如下代码：

mysql_query("SET NAMES 'utf8' ");

或者

mysqli_query(" SET NAMES 'utf8' ");

在这里需要禁忌，不要把utf8写成utf-8,通过的经历，发现在这种情况下，你在插入和输出是没问题，但是在phpmyadmin中浏览的中文却是乱码。

随机日志

2010 年 05 月 12 日 // 雨林木风推高仿XP系统3.0版 (12)
2010 年 04 月 17 日 // PHPSay-Mcrioblog很好很强大 (8)
2009 年 09 月 23 日 // WordPress 2.8.4 存在注入漏洞！ (4)
2009 年 09 月 05 日 // WordPress模板常用函数 (1)
2010 年 01 月 19 日 // CN拟允许个人注册实乃亡羊补牢 (35)
2009 年 12 月 24 日 // 都是路由惹的祸 (41)

本文来自: 漠天博客»《PHP中UTF-8的输出》
本文链接: http://motian.org/post/php-echo-utf-8.html

PHP中向文本文件写入换行

漠天 — Wed, 07 Sep 2011 18:24:09 +0800

今天在写一个小程序时，用到了PHP中向文本文件中写入时换行的问题。开始，本以为就是写入“\n”这样简单，但是打开写入的文件发现并没有实现换行，而且照样输出。然后，就去百度上Google了下，发现，原来在Windows下是“\r\n”。NND，麻烦。接着修改，发现仍然是上边的情况。再次Google，看到有的网友提到\r\n需要使用双引号而不是单引号，我就犯了一个这样的错误。
单引号和双引号的区别
” ” 双引号里面的字段会经过编译器解释，然后再当作HTML代码输出。
‘ ‘ 单引号里面的不进行解释，直接输出

漠天博客

[转载]浅谈JavaScript编程语言的编码规范

相关日志

33个高质量的免费导航菜单PSD

相关日志

屏蔽优酷的片头广告

第一种：更改static.youku.com文件的属性

第二种：更改host文件

相关日志

解决SSH登录Ubuntu系统中文乱码的方法

服务器端

客户端：

相关日志

关于Ubuntu的APT-GET的常用命令

相关日志

Linux系统目录简介

相关日志

6KBBS在Nginx中的伪静态实现

随机日志

主流浏览器的内核简介

Trident

Netcape6开始采用的内核，后来的Mozilla FireFox也采用了该内核，Geckos的特点是代码完全公开化，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。

目前Opera采用的内核，该内核在2003年的Opera7中首次被采用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认的网页浏览器速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。

随机日志

PHP中UTF-8的输出

随机日志

PHP中向文本文件写入换行

相关日志