最近更新
阅读排行
关注本站

Web开发的10个基本知识点(上)

阅读:3621 次   编辑日期:2013-11-02

目录:

概述:

一个网站从开始设计到最终上线会经过很多个流程,很多个细节,所以自己建立一个网站是任重而道远的一个过程,但是在很多地方,一些基础知识也很重要,所以一上来我们先来说一下,在建站流程中,Web开发的10个基本知识点。

我们首先来说一下代码标签:

HTML:<html>...code...</html>等等,这个不多说了,但是像<br>标签不用成对出现,但是有一点需要注意一下,在HTML4.01中<br>,在XHTML1.0中<br/>;
CSS:.uw3cClass{...code...};
JavaScript:<script>...code...</script>;
PHP:<?php ...code... php?>;千万不要用<php>...code...</php>这样的格式,我记得我刚开始有一段时间写PHP页面有时候会有错误,找半天才找出原因,如果是PHP出身的程序员一眼就能看出来,但是前端出身的程序员,是不容意发现的,所以,注意PHP要用<?php ...code... php?>。;

HTML4.01与XHTML1.0的区别:

各位小伙伴们,你们知道所维护的网站是HTML4.01还是XHTML1.0吗?赶快去看一下~ 看完之后,让我们说一下这两者之间的不同。实际上,XHTML 与 HTML 4.01 标准没有太多的不同,主要还是在标签的规范上,但是推荐大家用XHTML1.0,因为XHTML1.0对标签的标准更加严格更加规范,一个程序员应该对自己的代码有洁癖。 它们最主要的不同:
(1)XHTML 元素必须被正确地嵌套。
错误:<p><span>UW3C.com.</p></span>
正确:<p><span>UW3C.com.</span></p>
(2)XHTML 元素必须被关闭。
错误:<p>UW3C.com
正确:<p>UW3C.com.<</p>
(3)标签名必须用小写字母。
错误:<P>UW3C.com.<P>
正确:<p>UW3C.com.</p>
(4)空标签也必须被关闭。
错误:<br>
正确:<br/>
(5)XHTML 文档必须拥有根元素。
所有的 XHTML 元素必须被嵌套于 根元素中。

浏览器的区别(主要介绍Chrome):

IE:windows自带的浏览器,它是多步渲染机制,只要拉动滚动条,它就重新渲染。市场占有率高,使用方便,适合普通老百姓使用,但是对于前端开发来讲,IE6有时候能要了老命;
Firefoxs(火狐):说到Firefoxs不得不说它那强大的插件功能,做开发的一定最喜欢Firefoxs;
Chrome(谷歌):逐渐崛起的浏览器,使用方便,也有很强大的功能,例如:翻译、Firebug等等,最重要的是它很快,它为什么会比其他浏览器都快呢?原因有多方面:
(1)通过即时编译JavaScript代码为机器码,内联,类型转换,垃圾收集等特性提高性能;
(2)Chrome浏览器采用WebKit内核也是其浏览器拥有高速表现的根源;
(3)DNS预解析是指"网域名称系统"预先读取。当浏览网页时,Chrome浏览器可查询或预先读取网页上所有连结的IP地址。浏览器使用IP地址来加载网页,因此只要事先查询这些资料,当按下网页上的任何连结时,便可更快速地加载目标网页;
(4)GPU硬件加速是通过显卡的硬件体系为Chrome浏览器加速,当使用Chrome浏览含有大量图片的网站时,Chrome浏览器可以利用GPU高速的快渲染能力完成图像渲染,并且在滚动网页时不会出现影像破裂的问题;

关于注释:

现在接触的代码类型多了,接触的注释类型也多了:
HTML的注释:<!--...code...-->;
CSS的注释:/*...code...*/ ,<!--...code...-->;
JS的注释:单行://...code...,多行/*...code...*/;
PHP的注释:单行://...code...,多行/*...code...*/;

声明变量:

现在接触的代码类型多了,接触的注释类型也多了:
CSS的样式名:用.name,如果是ID:用#name;
JS的变量:var name,不用var是声明变量吗?NO,为什么不是请阅读JS;
PHP的变量:$name,不要跟JS弄混;
将本篇文章分享到:
top