自WEB推出服務器模式後，web從未熄火，本文爲新入門小白總結。
開發WEB應用前端，HTML+CSS+JS。
平臺：myeclipse。
編寫html文件的軟件：sublime text3。
HTML，一堆文本標籤，但以一個網頁的經驗來看，大部分都是通過div+css的屬性構造出大塊的框架後，進行編寫css類。在實踐中獲取的經驗，通過開發者工具直接修改屬性，可以方便觀看修改後的結果。
html的結構大致爲：
<!DOCTYPE html>
<html>
<head>
<styletype=”text/css”></style>
<script></script>
<head>
<body>
<div class=”xxx”></div>
</body>
</html>
在head中style定義需要的css樣式，通用的情況下可以放入外部文件*.css。
script中定義需要的js函數，瀏覽器默認爲javascript，構造動態的網頁。*.js。
html比較容易，重要的是理解各個標籤所包含的css屬性。
css也可以包含幾個動態的效果，如hover就是鼠標移動到上面之後，更改表現的屬性，如：
.head-nav:hover{
text-decoration:none;
color:#ff9d00;
height:65px;
border-bottom:3px solid #ff9d00;
}
代表class=”head-nav”的元素的hover事件，更復雜的事件（觸發、激發）應該由js來處理。
JavaScript
js也比較容易，但要注意var聲明後的變量是局部變量，在塊{}內爲他的生命週期，而任意位置的不聲明變量都是全局變量，直到網頁關閉爲止。
js中比較重要的是jQuery，他的一個庫，可以在微軟和谷歌在線獲取，或者是下載後訪問服務器獲取，如果在線獲取有一個好處是一般服務器內都有緩存，可以提高速度，不必從服務器中讀取。
jQuery的作用就是快速生成十分牛逼的動畫效果，真的是非常容易學習，但沒有藝術家頭腦還是不行，誰能想到進度條竟然是背景圖片加solid的一個顏色，可以通過控制顏色佔父塊寬度的百分比來控制進度，可能我天生沒有藝術細胞吧。透明度緩緩變化，翻來覆去的界面效果，jQuery都可以實現，稍後進行學習HTML5，youtube中的播放視頻部分採用html5的新標籤。
$(document).ready(function(){
$("#nav-ulli").click(function()
{
$("#main-img").animate({opacity:0.4},200,function(){$("#main-img").attr('src','./res/site3.jpeg').animate({opacity: 1}), 200});
$(this).attr("class","active");
});
$("button").click(function()
{
$("p").hide();
});
});
會製作網頁後，總想看看別人的優秀界面是怎麼做的，只要點擊審查元素，基本就能瞭解個大概佈局，console中也包含各個公司的hr郵箱。前端讓生活更精彩。
JS無法快速地進行科學運算，更好的是用python，但你可以通過js控制所有訪問的瀏覽器進行分佈式運算。
廣爲人知的json也是js中表示數據的方法：
var person={firstname:"Bill", lastname:"Gates", id:5566};
我們可以通過person[firstname]得到Bill，很像是python中的字典，C++中的map，但他表示簡單，在網絡中省流量，廣爲流傳。
還有值得注意的地方就是JS中的數據類型和邏輯運算比較詭異
x==”5”是true，但x===”5”是false。單引號，雙引號均可，腳本都這樣嗎?
另，語句需要分號；
具體的學習還是要在各個網站或是書上學習，有些事不寫出來不痛快，23:30，碼農的深夜時間,
自WEB推出服務器模式後，web從未熄火。
開發WEB應用前端，HTML+CSS+JS。
平臺：myeclipse。
編寫html文件的軟件：sublime text3。
HTML，一堆文本標籤，但以一個網頁的經驗來看，大部分都是通過div+css的屬性構造出大塊的框架後，進行編寫css類。在實踐中獲取的經驗，通過開發者工具直接修改屬性，可以方便觀看修改後的結果。
html的結構大致爲：
<!DOCTYPE html>
<html>
<head>
<styletype=”text/css”></style>
<script></script>
<head>
<body>
<div class=”xxx”></div>
</body>
</html>
在head中style定義需要的css樣式，通用的情況下可以放入外部文件*.css。
script中定義需要的js函數，瀏覽器默認爲javascript，構造動態的網頁。*.js。
html比較容易，重要的是理解各個標籤所包含的css屬性。
css也可以包含幾個動態的效果，如hover就是鼠標移動到上面之後，更改表現的屬性，如：
.head-nav:hover{
text-decoration:none;
color:#ff9d00;
height:65px;
border-bottom:3px solid #ff9d00;
}
代表class=”head-nav”的元素的hover事件，更復雜的事件（觸發、激發）應該由js來處理。
JavaScript
js也比較容易，但要注意var聲明後的變量是局部變量，在塊{}內爲他的生命週期，而任意位置的不聲明變量都是全局變量，直到網頁關閉爲止。
js中比較重要的是jQuery，他的一個庫，可以在微軟和谷歌在線獲取，或者是下載後訪問服務器獲取，如果在線獲取有一個好處是一般服務器內都有緩存，可以提高速度，不必從服務器中讀取。
jQuery的作用就是快速生成十分牛逼的動畫效果，真的是非常容易學習，但沒有藝術家頭腦還是不行，誰能想到進度條竟然是背景圖片加solid的一個顏色，可以通過控制顏色佔父塊寬度的百分比來控制進度，可能我天生沒有藝術細胞吧。透明度緩緩變化，翻來覆去的界面效果，jQuery都可以實現，稍後進行學習HTML5，youtube中的播放視頻部分採用html5的新標籤。
$(document).ready(function(){
$("#nav-ulli").click(function()
{
$("#main-img").animate({opacity:0.4},200,function(){$("#main-img").attr('src','./res/site3.jpeg').animate({opacity: 1}), 200});
$(this).attr("class","active");
});
$("button").click(function()
{
$("p").hide();
});
});
會製作網頁後，總想看看別人的優秀界面是怎麼做的，只要點擊審查元素，基本就能瞭解個大概佈局，console中也包含各個公司的hr郵箱。前端讓生活更精彩。
JS無法快速地進行科學運算，更好的是用python，但你可以通過js控制所有訪問的瀏覽器進行分佈式運算。
廣爲人知的json也是js中表示數據的方法：
var person={firstname:"Bill", lastname:"Gates", id:5566};
我們可以通過person[firstname]得到Bill，很像是python中的字典，C++中的map，但他表示簡單，在網絡中省流量，廣爲流傳。
還有值得注意的地方就是JS中的數據類型和邏輯運算比較詭異
x==”5”是true，但x===”5”是false。單引號，雙引號均可，腳本都這樣嗎?
另，語句需要分號；
具體的學習還是要在各個網站或是書上學習，有些事不寫出來不痛快，23:30，碼農的深夜時間,