1. 程式人生 > >有關前端的幾種入門語言淺淺地瞭解

有關前端的幾種入門語言淺淺地瞭解

前端開發幾種語言

                      前端開發需要用到那些語言呢?當然,僅僅是基礎的語言,HTML,CSS,JavaScript。這篇文章可能有點短小,但是目的實現了即可,我寫本篇文章的目的就是讓人們瞭解前端入門,對於喜歡以後前端發展的確有一點沒接觸過的小白可能有一定的好處。話不多說,開始介紹。

HTML:

                  我曾在慕課網(imooc)上面看到過一些介紹,然後自己總結了一下。HTML是什麼呢,英文是HyperText Markup Language,翻譯為超文字標記語言,這是百度上說的,但是聽著可能有點高大上。說白了,HTML就是網頁內容的載體
,內容就是你在網頁上看到的圖片、文字、視訊等。比如說
<p>CSDN是全球最大中文IT社群</p>
<p></p>就是HTML,而“CSDN是全球最大中文IT社群”就是網頁的內容。

CSS:

             CSS又是什麼?為什麼前端開發需要不止一種語言?HTML是網頁內容的載體,只是有了容器而已,而一個破罐子裝著東西好看呢還是一個精品盒子裝著東西好看呢?顯然,CSS叫做樣式表現。比如說

div
{
       background:#F60;
       border:1px solid red;
}


這就是一個樣式,表示背景是橙色,邊界線是1px畫素寬紅色的實線,div是HTML裡的一個元素

JavaScript:

              既然HTML是容器,CSS是容器的樣式,那JavaScript又是什麼呢?聽著有個Java單詞,那和Java有什麼關係呢?而Script是指令碼的意思?這是一種指令碼語言?對,JavaScript的作用就是指令碼作用,比如說一個可以自動開關的盒子,而這個自動開關的盒子容器就是JavaScript實現的。

例如下面一段程式碼:
window.onload=function()
{
	var aa=document.getElementsByTagName("a");
	for(var i=0;i<aa.length;i++)
	{
		aa[i].onmouseover=function()
		{
			var This=this;
			clearInterval(This.time);
			This.time=setInterval(function()
			{
				This.style.width=This.offsetWidth+8+"px";
				if(This.offsetWidth>=160)
				{
					clearInterval(This.time);
				}
			}
			,30);
		}
		aa[i].onmouseout=function()
		{
			var This=this;
			clearInterval(This.time);
			This.time=setInterval(function(){
				This.style.width=This.offsetWidth-8+"px";
				if(This.offsetWidth<=120)
				{
					This.style.width=120+"px";
					clearInterval(This.time);
				}
			},30);
		}
	}
}
是不是格式有點熟悉啊?javascript是邏輯性的語言,和java某些方面相似。 好了,文章就寫到這裡,請多多支援!