第一篇：web學(xué)習(xí)心得體會

web學(xué)習(xí)心得體會范文

當(dāng)我們經(jīng)過反思，對生活有了新的看法時，馬上將其記錄下來，這樣可以記錄我們的思想活動。是不是無從下筆、沒有頭緒？以下是小編收集整理的web學(xué)習(xí)心得體會范文，希望對大家有所幫助。

算起來我學(xué)習(xí)軟件設(shè)計也有快一年了，感到做這個工作最要緊的就是要明白，什么叫因地制宜、因勢利導(dǎo)，就是說只有最合適的，沒有什么叫對的，什么叫錯的。我們的根本目的就是賺錢，而不是什么研究機(jī)構(gòu)，所以最忌諱的就是完美主義傾向，尤其是我們這些做技術(shù)人員出身的，喜歡尋找標(biāo)準(zhǔn)答案，耽誤了工作進(jìn)度，也迷茫了自己。

在這個寒假里，我也接過一個網(wǎng)站來做。先不論這個網(wǎng)站的好壞，首先，我的的確確在這里面學(xué)到了很多東西。因為是我一個人做，所以也不可能做什么大型的網(wǎng)站。在這個過程中，我真切的感到和客戶溝通才是最重要的。不管你的技術(shù)有多么的好，能做出多么漂亮的網(wǎng)站，但你做出的東西不是客戶想要的東西，你也只是徒勞，畢竟我們的目的就是賺錢。還有就是和客戶溝通的時候，千萬不要滿口的專業(yè)術(shù)語，（除非對方也懂這些）不然就會費(fèi)更多的時間。當(dāng)然在做項目的時候首先是要做好詳細(xì)的需求分析書，一份好的項目說明書不僅將要做的事情描述得很清楚（主要是講做什么，而不是說怎么做），而且把如何檢查也說明得很透徹。也就是說它不僅說明白了要做哪些事情，也讓客戶的業(yè)務(wù)人員（一般不懂技術(shù)）知道項目做成什么樣就算完成了。簡單地說，項目說明書描述項目做哪些事情和每件事情做到什么程度以及如何檢查每一個結(jié)果。

就像我們上學(xué)期的Web項目，我們都有一個項目小組。當(dāng)然，在做這個項目時我們沒有自己選擇組員的權(quán)利。所以當(dāng)我們成為一個項目小組的成員時，我們要做的就是要懂得互利共生的道理。特別是項目經(jīng)理，對于項目總監(jiān)、項目成員，要讓他們知道你打算怎么做，什么時候要他們做什么準(zhǔn)備這些事情將是你的主要工作。第一個是規(guī)定信息的流動方式和介質(zhì)，是推還是拉。推的意思就是項目經(jīng)理將主動發(fā)布信息，不管通過電話、郵件還是書面方式，保證將信息傳達(dá)到每個人，拉的意思就是我們需要什么信息就去問項目經(jīng)理。說這些看似很無聊，其實里面牽涉信息傳達(dá)不完全的責(zé)任問題。

例如我們中有一個項目小組，就因為項目經(jīng)理的前期信息傳達(dá)不到位，而導(dǎo)致整個項目小組的進(jìn)度不能跟上，團(tuán)隊分得了零分。分?jǐn)?shù)倒是小事，但要是我們走上了工作崗位，而不能按時交出客戶想要的產(chǎn)品，那可就不好辦了！

第二個問題就是文檔問題，很多人怕寫文檔，但是項目經(jīng)理一定要牢記“好記性不如爛筆頭”的道理。有理有時候為什么會說不清呢？就是因為沒有證據(jù)。所有需求變更全部要有書面文字，這點(diǎn)切記！這樣做好處多多：有書面證據(jù)，以后他還想改，你有了他以前要求的證據(jù)，告訴他：你以前可是這么說的，便于需求變更管理，需求如何慢慢演變的歷史可以看清楚，從而更深切地體會客戶的目的，對于客戶來說，嘴巴一動最方便，反正是我們做，不花他的資源，所以要求是否合理，是否和項目的目的一致，他是不負(fù)責(zé)任的。但是如果要他寫書面要求，還要簽字蓋章，他就要謹(jǐn)慎多了，而且一寫東西，思想就會更加深入，很多無理要求也就這樣胎死腹中了。

其實，上學(xué)期的項目中，我們很多的組員意見不統(tǒng)一，就造成了意見剛剛達(dá)成，過來沒幾個鐘頭，又有人有好的點(diǎn)子，結(jié)果想更改計劃，最后改得什么都不像。寒假的這個項目我也感到文檔的重要。就比如說一次我正和他們中的一個老板談得快達(dá)成協(xié)議了，這時，另一個老板又來和我交涉。但是兩個老板的意見不和，我也一時難以把握。最后，我決定由他們選出一個人專門和我交談，當(dāng)達(dá)成協(xié)議時，就形成紙質(zhì)文件，由雙方簽字通過。

當(dāng)然，在上學(xué)期，各位項目經(jīng)理對自己職務(wù)的職責(zé)范圍還不是特別的明確。下面就說說我對這個職位的理解吧：和組員開會，除了一些項目進(jìn)度跟蹤會議以外，還有很多討論會，需要大家用頭腦風(fēng)暴方法給出解決問題。與會人員很多都是技術(shù)人員，他們的特點(diǎn)是注重細(xì)節(jié)、缺乏大局觀、有點(diǎn)消極悲觀、自尊心強(qiáng)，所以，你作為會議的主持人，只要負(fù)責(zé)提出問題和記錄下他們的觀點(diǎn)，千萬不要做評判者的角色。一個問題，有很多方面，從不同的角度看，現(xiàn)象是完全不同的，想想盲人摸象的故事吧。作為技術(shù)人員，他們往往精通一個方面，就自己的角度發(fā)表見解，除非一些很特別的情況，你都應(yīng)該認(rèn)為他們提出的方案，從他們的角度來看是最合理的'。項目經(jīng)理的長處是掌握事情的優(yōu)先級，評估各個方面的輕重緩急，從而根據(jù)他們的意見得出一個合適的（而不是正確的）方案。所以，在會議上，你要充分尊重每一個人和他的意見，夸獎那些意見提得比較好的人，千萬不要把會議帶入無休止的爭論（你要讓大家知道事情不是非黑即白的，而是多元的）。會后，你自己整理結(jié)果，寫文檔，做決定。會議上大家的面子都被照顧了，自然實施起來的阻力就小，如果還有意見的，你就私下找他聊，如果還不能說服他，你就要讓他明白，因為是你負(fù)責(zé)這個項目、你要擔(dān)當(dāng)風(fēng)險，所以，這個優(yōu)先級應(yīng)該你來判斷。組織中的高層，并不見得水平會比一般的成員高，但是，他要承擔(dān)組織的風(fēng)險，加之信息的不對稱性，所以，對事情的優(yōu)先級的判斷肯定應(yīng)該要比下屬強(qiáng)。

說了這么多，還是想說說這次的項目，其實從這次軟件中心舉辦的“主導(dǎo)杯”班級主頁大賽中，我獲得的最多。由于以前有過項目經(jīng)驗，所以這次我們的項目也逐漸接近了正軌。但看到好多組的工作方式實在是很感慨，大家對待項目的目的和流程并不太了解。所以我對項目作了一個總結(jié)：

在項目開始的時候組隊是很關(guān)鍵的，在選擇人員的時候一定要對組員進(jìn)行一定的考察。其實同學(xué)們都算比較了解了，建議最好熟悉的人在一組，其一是方便溝通，其二則是方便管理。朋友即使有了矛盾很快就能化解，不過要注意的是不要放不下面子，特別是項目經(jīng)理，千萬不能怕得罪誰（遇到問題時可以找其他組員先商量，在作決定，實在不行可以提出嚴(yán)厲的責(zé)罰，不過這只是下下策）。其次是項目經(jīng)理千萬不要把自己當(dāng)成是那么一回事，說白了，大家都只是合作關(guān)系，沒有誰絕對服從誰。而更重要的是要有一個明確的制度，并讓所以組員對制度進(jìn)行簽字。有了這樣的東西，在一定程度上能對組員起到不小的約束力。

接下來我們就要開始進(jìn)行項目的需求分析書了現(xiàn)在是做項目說明書的時候了。一份好的項目說明書不僅將要做的事情描述得很清楚（主要是講做什么，而不是說怎么做），而且把如何檢查也說明得很透徹。也就是說它不僅說明白了要做哪些事情，也讓組員知道項目做成什么樣就算完成了。簡單地說，項目說明書描述項目做哪些事情和每件事情做到什么程度以及如何檢查每一個結(jié)果。一定要提前做出統(tǒng)一的模板，這就是一個風(fēng)格的定位，有了這個定位相信大家在以后的工作中會順利很多。

現(xiàn)在項目已經(jīng)完成了前期工作，了解了項目的目標(biāo)、搞清楚了手上的資源，制定了項目的策略，然后編制了項目的整體計劃，項目進(jìn)入實施階段。進(jìn)入這個階段反而是項目經(jīng)理比較空閑的時候，不像前期的時候項目經(jīng)理要像記者一樣到處和不同的人接觸，搞清楚他們在說什么，努力猜測他們在想什么和他們的真正目的，那才是最累人的事情。當(dāng)然，小項目的項目經(jīng)理往往自己也是一個資源，要做很多事情，這時候反而比誰都苦。項目經(jīng)理這個時候就要多和技術(shù)經(jīng)理和行政經(jīng)理多溝通，實時了解大家的工作情況和進(jìn)度。當(dāng)然這個時候和組員溝通的工作大部分交給了行政經(jīng)理和技術(shù)經(jīng)理手上了。這時你們要做的就是要多了解大家對這次項目的態(tài)度和想法，收集整理之后向項目經(jīng)理匯報。當(dāng)然并不是說項目經(jīng)理就沒什么事了，你要做的則是和老師溝通，畢竟老師是一種資源，有了老師的幫助，相信我們的項目會有更進(jìn)一步的飛躍！

有一句話叫做細(xì)節(jié)決定成敗，項目的過程中一定要注意細(xì)節(jié)問題，如圖片的大小，太大了會占空間，所以建議大家在用之前先用PS改變圖像的大小，作為用戶都不希望軟件太大，這一點(diǎn)很多玩游戲的同學(xué)相信更深有體會。在改變圖像大小的時候建議大家按照原始比例來改變，最好一次就將原圖改變到需要的大小，不要破壞了圖片的結(jié)構(gòu)（如果有特殊的要求除外），不然圖像的質(zhì)量也會受到一定程度的影響。盡量少用音視頻文件（專業(yè)的音視頻網(wǎng)站除外），如果實在要用，就提前用專業(yè)的軟件對其進(jìn)行壓縮。其次就是配色問題，一個網(wǎng)頁的色彩最好不要超過3種，一面視覺效果混亂，用色柔和，對比度強(qiáng)的色彩不能應(yīng)用于一般網(wǎng)站，時尚網(wǎng)站使用還可以。一般不好搭配的顏色，用灰度搭配。再次，就是整體的頁面布局，最好在初期做好一個規(guī)范，這時就體現(xiàn)了css樣式表的重要性，對不同的字體定義不同的樣式，以后每次用直接調(diào)用就可以了，這樣項目的工期也縮短了一大半。還需要注意的就是數(shù)據(jù)庫的編碼規(guī)范，圖片、音頻文件等的命名規(guī)范以及對文件的命名規(guī)范。后期我們要安排更多的時間放在測試上，測試是非常重要的，當(dāng)你的網(wǎng)站或者軟件完成了，但是有一個功能不能實現(xiàn)，也許只是一個小小的問題，但也會對你的產(chǎn)品造成更大的漏洞。也就是說花了那么多的時間去做項目，然而項目完工了，卻是個不合格產(chǎn)品。

其實做網(wǎng)站或者軟件總結(jié)起來就幾個字：布局合理、界面美觀、功能完善、操作簡單、壓縮大小。

當(dāng)項目做完了，我們就要面臨殘酷的答辯關(guān)了，當(dāng)然，在面對答辯的時候我們不必慌張，要做到有理有據(jù)，大方得體，在答辯之前做好一個答辯的流程，先介紹什么，在介紹什么。不要像上學(xué)期那樣一個一個都上去講。其實只需要一個人演示，一個人講解就可以了，演示的人一定要注意講解人的語言，不要講解人已經(jīng)講到下一步了，演示人還沒有反應(yīng)，這也是對我們配合的一種鍛煉。講解的時候要注意從哪里開始，是從內(nèi)到外，還是從整體到局部，這是開始的時候需要大家一起商量的。當(dāng)然在演示的時候難免會出現(xiàn)錯誤，特別是這學(xué)期我們學(xué)的asp動態(tài)項目，當(dāng)我們遇到某些功能無法運(yùn)行時，也不要慌張，我們要從理性的角度分析這種問題是因為什么原因所產(chǎn)生的，當(dāng)場給評委做出解釋，如果不能分析出來也不要緊，你可以告訴評委們，這個問題的原因我們待會兒再給大家解釋。到了后面即使你還是不能找到原因所在，你完全可以不說，評委也不會去刻意去追問你是什么原因。這樣的目的是為了大家在做答辯時能夠順暢的完成，不會就直接跳過，不會產(chǎn)生什么尷尬的場面。

項目做完后一定要記得保存好自己的產(chǎn)品，這是我們以后找工作的一份憑證。當(dāng)然每次項目完后一定要記得寫項目總結(jié)，收集項目的一些必要的東西，如項目管理文檔，項目進(jìn)度跟進(jìn)表等等，這樣對我們以后會有很大的幫助！

最后，我想對我們上學(xué)期期末的項目答辯做個總結(jié)：上學(xué)期期末的答辯總體來說還算不錯，有優(yōu)秀的項目，當(dāng)然也有很不上面的項目作品（我們總不能要求所以的東西都達(dá)到理想的效果吧?。Ｋ?，從這些優(yōu)秀的項目中我們確實學(xué)到了很多，而且我們還從那些不那么優(yōu)秀的作品中找出許多的不足?？偟膩碚f，我們是在項目中快速的成長，快速的壯大！希望我們以后的項目做的越來越好，能有更優(yōu)秀的項目出來，讓我們一起努力，把軟件做得更好！

所謂行萬里路，必先始于足下。剛開始學(xué)習(xí)WEB前端基礎(chǔ)的時候，老師說，其實你們學(xué)的這個后面真正去工作的時候可能也不是很會用到，所以就有很多人會問，既然我們都用不到，那干嘛還學(xué)呀？其實，對于一個程序員來說，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識。

來到傳智的第一個月，我們是以基礎(chǔ)為主吧，因為大家到這里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開始的人，所以，對我們而言，傳智開設(shè)的這種雙元模式對我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習(xí)，在學(xué)習(xí)HTML的時候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS樣式去進(jìn)一步完善我們制作的網(wǎng)址，再到著一期的難點(diǎn)JS課程體系，一級最后的JQ和BOOtstrap，可以說這個過程其實也是一個循序肩頸的過程，有簡到難的過程。

首先我們回顧一下最開始我們對HTML的學(xué)習(xí)。

其實HTML的四天學(xué)習(xí)的話，重要的就是一個標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門語言最基礎(chǔ)的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習(xí)，多敲代碼感覺就好了，所以熟練的使用這些標(biāo)記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學(xué)習(xí)的那幾天對于表格的學(xué)習(xí)和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預(yù)期的那樣。其實練習(xí)的話也是挺多的，對于表格的網(wǎng)頁練習(xí)做了應(yīng)該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因為表格的用處還是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁的布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學(xué)習(xí)過程也不會是很大的難度。

想想HTML還學(xué)了些什么呢？表單！表單對前端開發(fā)來說還是挺高的，因為我們能在一個網(wǎng)頁中看到很多的表單應(yīng)用。包括用戶的注冊啦，密碼驗證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來個表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因為很多單邊標(biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對于表單驗證之類的才感覺難了很多。

第二部分：CSS學(xué)習(xí)

對我來說，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個模塊。因為我們都知道，其實一個網(wǎng)站的WEB前端，就是用加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時候也是沒有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JSJQ的時候，操作CSS時居然會吧CSS和HTML弄的有點(diǎn)混淆，這一點(diǎn)一直沒做好。CSS的學(xué)習(xí)還有一個地方就是浮動，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個塊元素標(biāo)記他要占用一整行的空間，而一個行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內(nèi)元素排在不同行，這時候就可以使用浮動的方法來實現(xiàn)，浮動最主要做的就是這個，唯一要記住的一點(diǎn)就是做了浮動之后，如果他的父元素是沒有進(jìn)行匡高的設(shè)定的話，是不是要進(jìn)行清除浮動，防止下面的操作也是有浮動的。

第三部分：重點(diǎn)學(xué)習(xí)——JS

JS是相對于這整個月學(xué)習(xí)的重點(diǎn)吧，也是很多人沒辦法很好接觸的地方，當(dāng)然，自己在這里的學(xué)習(xí)也是有不足的地方。像一些對屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時候要去查手冊。學(xué)的最不好的一個地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習(xí)一下，不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合，因為很多時候你都會用到函數(shù)，只是多了一些找元素和對元素綁定標(biāo)記的過程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過程！

第四部分：JQ及Bootstrap

對于JQ和Bootstrap的學(xué)習(xí)來說，其實就是一個應(yīng)用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會調(diào)用就好了的。當(dāng)然。調(diào)用他，其實對于JQ來說，學(xué)習(xí)的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫過一些案例，只要會改，基本沒有太大的難度。

后續(xù)：其實對于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽得時候其實都基本聽得懂，但是更重要的是在于你課后的練習(xí)，離開了老師的一個思維引導(dǎo)，我們該怎樣去完成項目才是我們該學(xué)會的。這一個月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個比較繁雜的過程，因為作為前端來說，我們需要不斷的優(yōu)化，不斷的修正，美化整個頁面。不管是前端還是后端，都希望自己能好好學(xué)！

第二篇：WEB 學(xué)習(xí)心得體會

WEB 學(xué)習(xí)心得體會

余凱健

Web 2.0是相對于Web1.0的新一代互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。是以Flickr、Craigslist、Linkedin、Tribes、Ryze、Friendster、Del.i-cio.us、43Things.com等網(wǎng)站為代表,以Blog、Tag、SNS、RSS、Wiki等社會軟件的應(yīng)用為核心，依據(jù)六度分隔、XML、Ajax等新理論和技術(shù)實現(xiàn)的互聯(lián)網(wǎng)新一代模式。

Web 2.0支持下的學(xué)習(xí)有如下兩個最為顯著的特征：首先是去中心化,其次是社會化。Web 2.0不單純是技術(shù)或者解決方案，Web 2.0是一套可執(zhí)行的理念體系，實踐著網(wǎng)絡(luò)社會化和個性化的理想，使個人成為真正意義的主體，實現(xiàn)互聯(lián)網(wǎng)生產(chǎn)方式的變革從而解放生產(chǎn)力，這個理念體系在不斷發(fā)展完善中,并且會越來越清晰。

web2.0是web1.0的進(jìn)化版，而在web1.0里，大家過多的重視了學(xué)習(xí)的硬性條件而忽視了學(xué)習(xí)的應(yīng)用和個人化。Web2.0是社會性網(wǎng)絡(luò)中的顯性知識與隱性知識的分享、管理和積累。所以，Web2.0更接近Internet的實質(zhì)，而Internet的本質(zhì)也就是知識在網(wǎng)絡(luò)環(huán)境下的共享、管理和積累。

web2.0在學(xué)習(xí)資源方面是很豐富的，它基于Blog、RSS、Podcasting、SNS、Tag、WIKI等平臺，因此基于平臺的資源有三個顯著的特征:首先是資源管理的社會化，資源的建設(shè)和管理由用戶共同參與，并不由一個固定的機(jī)構(gòu)來完成web2.0的許多應(yīng)用都使信息化主體發(fā)生了變化，從以往很少人的“寫”發(fā)展為現(xiàn)在很多人都愿意在自己的blog、BBS里發(fā)表自己的文章及資源。基于Web 2.0的服務(wù),如del.icio.us用于共享書簽,Flick用于圖片共享,Blog用于個人思想的交流等,這些應(yīng)用許多是屬于尾端的,只要存儲和流通的渠道足夠大,Web 2.0可以通過用戶的“自服務(wù)”而服務(wù)于“長尾”。雖然基于Web 2.0的學(xué)習(xí)資源在信任模式、信息冗余、用戶隱私、版權(quán)問題等方面存在問題但是通過梁斌的觀點(diǎn)不難看出在Web 2.0學(xué)習(xí)資源中進(jìn)行知識管理更為重要。web2.0使信息成為一種負(fù)擔(dān)，高質(zhì)量的信息利用價值很少這確實的在web2.0發(fā)展時的一大問題，但是任何新生事物的發(fā)展都會經(jīng)歷到坎坷，web2.0的發(fā)展就是建立在這些冗余的信息中，通過不斷的積累，不斷的共享知識和傳遞知識web2.0面臨的信息混雜的問題會得到很好的改善。

web2.0在當(dāng)初的提議到現(xiàn)在都引發(fā)了不少人對其的爭論，楊靜認(rèn)為Web2.0蘊(yùn)含了后現(xiàn)代主義思想,基于Web2.0的后現(xiàn)代學(xué)習(xí)方式表現(xiàn)在:基于Web2.0的學(xué)習(xí)創(chuàng)設(shè)雙贏的師生觀和知識觀、構(gòu)建多元化的思維模式、注重師生的合作與交流、鼓勵學(xué)生的自我意識和創(chuàng)造性、促進(jìn)學(xué)生各方面能力和諧發(fā)展。而江衛(wèi)華從網(wǎng)絡(luò)文化的的視角對Web2.0教育進(jìn)行了反思,提出“Web2.0網(wǎng)絡(luò)文化的分裂性教育趨向、Web2.0網(wǎng)絡(luò)文化傳播與泛在教育功能、Web2.0網(wǎng)絡(luò)文化的教育創(chuàng)新性特征”。我個人認(rèn)為任何事物都有兩面性，這就取決與大家對其的態(tài)度，不管怎么樣，在web.2.0下有效的學(xué)習(xí)還應(yīng)注意兩點(diǎn)：

一、重視對學(xué)習(xí)者網(wǎng)絡(luò)學(xué)習(xí)生存能力的培養(yǎng),使學(xué)習(xí)者學(xué)會在網(wǎng)絡(luò)中協(xié)作共處。二是要提升個體的網(wǎng)絡(luò)道德規(guī)范。

web2.0在當(dāng)今的遠(yuǎn)程學(xué)習(xí)中發(fā)揮著重大的作用和意義，為了實現(xiàn)全民學(xué)習(xí)和終身化學(xué)習(xí)這一目標(biāo)，web2.0在其中占著舉足輕重的地位，web2.0的思想也是推動遠(yuǎn)程學(xué)習(xí)的一大動力和武器。

第三篇：web心得體會

Web學(xué)習(xí)心得體會

這學(xué)期接近尾聲的一個月里我們又繼續(xù)我們開學(xué)本就該學(xué)的《web應(yīng)用與技術(shù)》。在開學(xué)初，剛開始的兩節(jié)課里聽老師的介紹，感覺這門課還是很有興趣的，它不像《計算機(jī)網(wǎng)絡(luò)》那么的只是理論，又不像語言類那么的空洞，敲著代碼出來個黑框框。它運(yùn)用著語言，展現(xiàn)著生動的畫面，只有你有想法，你很可能就會在小小的瀏覽器里實現(xiàn)呢。

這門課是理論和實踐的結(jié)合，雖然實驗課相對來說少了點(diǎn)，每次實驗課都會很有收獲。從一竅不通到慢慢的深入了解。其中老師起著非常大的作用，老師講課很豐富，展示例子多，并且很幽默。老師還很和藹可親。使對這門課的學(xué)習(xí)很有信心，每每實驗課上的提問，不管簡單難易，老師總是不厭其煩的解答，實驗課老師是最忙碌的。使我對學(xué)習(xí)這門課的信心倍增。

首先接觸的是開發(fā)運(yùn)行環(huán)境，Tomcat的配置，以及對MyEclipse的使用。不得不佩服人類的大腦，它就是個小宇宙，這些神奇的東西都是上輩的智慧結(jié)晶，我們在運(yùn)用著這些結(jié)晶，一直為選擇計算機(jī)專業(yè)而后悔，天天對著電腦敲著代碼，今天帶著另一種眼光來看計算機(jī)，其實是很有趣的，我們在一點(diǎn)點(diǎn)的學(xué)習(xí)著先輩們的智慧結(jié)晶。這些神奇的軟件，它是怎么樣的應(yīng)運(yùn)而生的。實在是讓人遐想萬千，他們是怎么知道要做這些的。配置好了Tomcat，新建的web工程部署進(jìn)去就可以在瀏覽器里訪問自己編寫的html.。學(xué)習(xí)總是一個由淺到深的過程，慢慢的接觸css，javascript，servlet，jsp。由于實用以及方便性，軟件在不斷的更新，語言也在不斷的更新。很不幸的是我曾經(jīng)把jsp和javascript弄混淆了。這學(xué)期課程是很繁重的，雖然不太多，但是內(nèi)容是相當(dāng)?shù)碾y?？赡苡袝r對web的偷懶就是以忙為借口的吧。終于其它課程結(jié)束了，可以好好的學(xué)習(xí)web了。不管你學(xué)或者不學(xué)，web就在那里，不來不去。

期末web課程設(shè)計如期而至，說實話，web學(xué)的是半深半淺，考考試，做做實驗還可以，做一個系統(tǒng)恐怕、、、、、、就這樣打開電腦好好的研究web了。好的web工程不是一兩個html，jsp就可以完成的，其實要思考，要想的很多。夸張點(diǎn)說web課程設(shè)計我們可謂“衣帶漸寬終不悔，為伊消得人憔悴”。晚上做夢還是jsp。由于開始的基礎(chǔ)不好，后期付出的代價是可想而知的，如今課程設(shè)計已經(jīng)結(jié)束，在web學(xué)習(xí)方面，收獲的比其他的要多的多，它的連接性，它的應(yīng)用性，甚至讓我想到今后是否要從事網(wǎng)頁的開發(fā)。這是我在大學(xué)里接觸的最有意義的一門學(xué)科?；ǖ臅r間最短而學(xué)習(xí)的一門學(xué)科?！盁o可奈何花落去，似曾相識燕歸來?！币恢币詠砗苄蕾p古人的這兩句詞，覺得很是雅美而深沉，每每讀來總是能觸動心靈深處那根恍然生銹的絲弦。于這“似曾相識”的心境，經(jīng)常忍不住的斂眉沉思，心弦獨(dú)奏。閉上眼睛回想著寫過的web代碼，竟有種“似曾相識”之感。或許是老朋友了吧?？偠灾?，web學(xué)習(xí)有趣，收獲，只可意會不可言傳。

第四篇：最新web前端學(xué)習(xí)路線

最新web前端的學(xué)習(xí)路線

程序設(shè)計之道無遠(yuǎn)弗屆，御晨風(fēng)而返?！?杰佛瑞 · 詹姆士 很多前端初學(xué)者總會問以下兩個問題： 第一種一直在問：如何學(xué)習(xí)前端？

第二種總說：前端很簡單，就那么一點(diǎn)東西。

我從沒有聽到有人問：如何做一名優(yōu)秀、甚至卓越的WEB前端工程師。詳細(xì)了解成為一個優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？ 何為前端工程師

前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來的行業(yè)。Web前端開發(fā)技術(shù)主要包括三個要素：HTML、CSS和JavaScript!

HTML 甚至不是一門語言，他僅僅是簡單的標(biāo)記語言!

CSS 只是無類型的樣式修飾語言。當(dāng)然可以勉強(qiáng)算作弱類型語言。

Javascript 的基礎(chǔ)部分相對來說不難，入手還算快。

此篇文章中就HTML、CSS、JS都有哪些區(qū)別？進(jìn)行了全面的解讀！

前端開發(fā)的入門門檻其實很低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。也正因為如此，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會用的階段，因為后面的學(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。

現(xiàn)在市場很需要優(yōu)秀的、高級的前端工程師。

一方面是因為這是一個比較新的細(xì)分行業(yè)，而且前端程序員大都自學(xué)一部分，知識結(jié)構(gòu)不系統(tǒng);另一方面，大學(xué)里面沒有這種課程，可以加入web前端學(xué)習(xí)君羊：前面數(shù)字是五一四，中間數(shù)字是一六七，后面三位數(shù)字是六七八，將數(shù)字串聯(lián)起來，了解學(xué)習(xí)更多在學(xué)校學(xué)不到的技術(shù)干貨。如何學(xué)習(xí)前端知識

我們生活在一個充滿規(guī)則的宇宙里面。社會秩序按照規(guī)則運(yùn)行，計算機(jī)語言幾乎全部是規(guī)則的集合。計算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時候，對數(shù)據(jù)的合理控制，來自于你對規(guī)則的掌握。

學(xué)習(xí)HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識。

而學(xué)習(xí)Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么!

如果你只想當(dāng)一個普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。

如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理、機(jī)制。需要知道他們的本源，需要深刻了解 Javascript 基于對象的本質(zhì)。

還需要深刻了解瀏覽器宿主下的 Javascript 的行為、特性。

初學(xué)者全面了解JavaScript，用心讀這篇文章 掌握六大JavaScript框架，薪水就是比同級別高！

作為一個優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會處理 Javascript 的這些缺陷。

優(yōu)秀的前端工程師應(yīng)具備什么條件

首先，優(yōu)秀的Web前端開發(fā)工程師要在知識體系上既要有廣度和深度!做到這兩點(diǎn)，其實很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。

在以前，會一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁。成為一個優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？

現(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。

Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

優(yōu)秀的Web前端開發(fā)工程師應(yīng)該具備快速學(xué)習(xí)能力

Web發(fā)展的很快，甚至可以說這些技術(shù)幾乎每天都在變化!如果沒有快速學(xué)習(xí)能力，就跟不上 Web發(fā)展的步伐。前端工程師必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式;僅僅依靠今天的知識無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化。

說到這里，我想起了一個大師說過的一句話：對于新手來說，新技術(shù)就是新技術(shù)。

對于一個高手來說，新技術(shù)不過是就技術(shù)的延伸。優(yōu)秀的前端工程師需要具備良好的溝通能力

因為前端工程師至少都要滿足四類客戶的需求：

1、產(chǎn)品經(jīng)理。這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們會想出很多新鮮的、奇怪的、甚至是不可是實現(xiàn)的應(yīng)用。一般來說，產(chǎn)品經(jīng)理都追求豐富的功能。

2、UI設(shè)計師。這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計和交互模擬。他們關(guān)心的是用戶對什么敏感、交互的一貫性以及整體的好用性。一般來說，UI設(shè)計師于流暢靚麗、但并不容易實現(xiàn)的用戶界面，而且他們經(jīng)常不滿前端工程師造成 1px 的誤差。

3、項目經(jīng)理。這些人負(fù)責(zé)實際地運(yùn)行和維護(hù)應(yīng)用程序。項目管理的主要關(guān)注點(diǎn)，無外乎正常運(yùn)行時間、應(yīng)用程序始終正?？捎玫臅r間、性能和截止日期。項目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。

4、最終用戶。指的是應(yīng)用程序的主要消費(fèi)者。盡管前端工程師不會經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要。最終用戶要求最多的就是對個人有用的功能，以及競爭性產(chǎn)品所具備的功能?？偨Y(jié)

要做優(yōu)秀的前端工程師，還需要繼續(xù)努力：《高性能網(wǎng)站建設(shè)指南》、《Yahoo工程師的網(wǎng)站性能優(yōu)化的建議》、“YSLOW”性能優(yōu)化建議、《網(wǎng)站重構(gòu)》、《Web開發(fā)敏捷之道》、“ jQuery 庫”、“前端框架”、“HTML5”、“CSS3” 這些都要深入研究!

萬事開頭難！如果你能到這個境界，剩下的路自己就可以走下去了。

人們常說：不想當(dāng)裁縫的司機(jī)，不是個好廚師。

在成為一個優(yōu)秀的前端工程師的道路上，充滿了汗水和辛勞，如果你對前端開發(fā)有更多的見解以及不同的意見，歡迎留言將您的見解分享給所有web前端開發(fā)愛好者。

程序設(shè)計之道無遠(yuǎn)弗屆，御晨風(fēng)而返?！?杰佛瑞 · 詹姆士 現(xiàn)在互聯(lián)網(wǎng)的大環(huán)境的發(fā)展如日中天，網(wǎng)絡(luò)已經(jīng)深入到每個人生活的的各個方面，各種項目層出不窮，以及各種定制化的ui風(fēng)格神馬的，PC端、手機(jī)端、mobile端，各種兼容問題真的很浪費(fèi)時間，大家在不斷的摸索中發(fā)現(xiàn)，把html+css+js這部分工作獨(dú)立出來一個新的崗位來處理。發(fā)展前景我是看好的，對于一個技術(shù)行業(yè)，我認(rèn)為首先如何提升自己的個人能力是保持行業(yè)發(fā)展的源動力。沒有真是過硬的技術(shù)，前景發(fā)展都是免談。

那么很多情況又是這樣： 第一種一直在問：如何學(xué)習(xí)前端？

第二種總說：前端很簡單，就那么一點(diǎn)東西。

我從沒有聽到有人問：如何做一名優(yōu)秀、甚至卓越的WEB前端工程師。詳細(xì)了解成為一個優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？ 何為前端工程師

前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來的行業(yè)。Web前端開發(fā)技術(shù)主要包括三個要素：HTML、CSS和JavaScript!

HTML 甚至不是一門語言，他僅僅是簡單的標(biāo)記語言!

CSS 只是無類型的樣式修飾語言。當(dāng)然可以勉強(qiáng)算作弱類型語言。

Javascript 的基礎(chǔ)部分相對來說不難，入手還算快。此篇文章中就HTML、CSS、JS都有哪些區(qū)別？進(jìn)行了全面的解讀！

前端開發(fā)的入門門檻其實很低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。也正因為如此，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會用的階段，因為后面的學(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。

現(xiàn)在市場很需要優(yōu)秀的、高級的前端工程師。

一方面是因為這是一個比較新的細(xì)分行業(yè)，而且前端程序員大都自學(xué)一部分，知識結(jié)構(gòu)不系統(tǒng);另一方面，大學(xué)里面沒有這種課程，可以加入web前端學(xué)習(xí)君羊：前面數(shù)字是五一四，中間數(shù)字是一六七，后面三位數(shù)字是六七八，將數(shù)字串聯(lián)起來，了解學(xué)習(xí)更多在學(xué)校學(xué)不到的技術(shù)干貨。

如何學(xué)習(xí)前端知識

我們生活在一個充滿規(guī)則的宇宙里面。社會秩序按照規(guī)則運(yùn)行，計算機(jī)語言幾乎全部是規(guī)則的集合。計算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時候，對數(shù)據(jù)的合理控制，來自于你對規(guī)則的掌握。

學(xué)習(xí)HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識。

而學(xué)習(xí)Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么!

如果你只想當(dāng)一個普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。

如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理、機(jī)制。需要知道他們的本源，需要深刻了解 Javascript 基于對象的本質(zhì)。

還需要深刻了解瀏覽器宿主下的 Javascript 的行為、特性。初學(xué)者全面了解JavaScript，用心讀這篇文章 掌握六大JavaScript框架，薪水就是比同級別高！

作為一個優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會處理 Javascript 的這些缺陷。

優(yōu)秀的前端工程師應(yīng)具備什么條件

首先，優(yōu)秀的Web前端開發(fā)工程師要在知識體系上既要有廣度和深度!做到這兩點(diǎn)，其實很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。

在以前，會一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁。成為一個優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？

現(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。

Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

優(yōu)秀的Web前端開發(fā)工程師應(yīng)該具備快速學(xué)習(xí)能力

Web發(fā)展的很快，甚至可以說這些技術(shù)幾乎每天都在變化!如果沒有快速學(xué)習(xí)能力，就跟不上 Web發(fā)展的步伐。前端工程師必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式;僅僅依靠今天的知識無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化。

說到這里，我想起了一個大師說過的一句話：對于新手來說，新技術(shù)就是新技術(shù)。

對于一個高手來說，新技術(shù)不過是就技術(shù)的延伸。優(yōu)秀的前端工程師需要具備良好的溝通能力 因為前端工程師至少都要滿足四類客戶的需求：

1、產(chǎn)品經(jīng)理。這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們會想出很多新鮮的、奇怪的、甚至是不可是實現(xiàn)的應(yīng)用。一般來說，產(chǎn)品經(jīng)理都追求豐富的功能。

2、UI設(shè)計師。這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計和交互模擬。他們關(guān)心的是用戶對什么敏感、交互的一貫性以及整體的好用性。一般來說，UI設(shè)計師于流暢靚麗、但并不容易實現(xiàn)的用戶界面，而且他們經(jīng)常不滿前端工程師造成 1px 的誤差。

3、項目經(jīng)理。這些人負(fù)責(zé)實際地運(yùn)行和維護(hù)應(yīng)用程序。項目管理的主要關(guān)注點(diǎn)，無外乎正常運(yùn)行時間、應(yīng)用程序始終正?？捎玫臅r間、性能和截止日期。項目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。

4、最終用戶。指的是應(yīng)用程序的主要消費(fèi)者。盡管前端工程師不會經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要。最終用戶要求最多的就是對個人有用的功能，以及競爭性產(chǎn)品所具備的功能。

總結(jié)

要做優(yōu)秀的前端工程師，還需要繼續(xù)努力：《高性能網(wǎng)站建設(shè)指南》、《Yahoo工程師的網(wǎng)站性能優(yōu)化的建議》、“YSLOW”性能優(yōu)化建議、《網(wǎng)站重構(gòu)》、《Web開發(fā)敏捷之道》、“ jQuery 庫”、“前端框架”、“HTML5”、“CSS3” 這些都要深入研究!

萬事開頭難！如果你能到這個境界，剩下的路自己就可以走下去了。

人們常說：不想當(dāng)裁縫的司機(jī)，不是個好廚師。

在成為一個優(yōu)秀的前端工程師的道路上，充滿了汗水和辛勞。

第五篇：web前端學(xué)習(xí)總結(jié)2

1.WEB標(biāo)準(zhǔn)以及W3C標(biāo)準(zhǔn)是什么？

標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、使用外鏈css和js、結(jié)構(gòu)行為表現(xiàn)的分離。

1.xhtml和html有什么區(qū)別

XHTML 元素必須被正確地嵌套，閉合，區(qū)分大小寫，文檔必須擁有根元素。

3.行內(nèi)元素有哪些？塊級元素有哪些？

行內(nèi)元素: a b img em br i span input select strong textarea

塊級元素：div p h1-h6 form ul dl ol table 4.行內(nèi)元素和塊級元素有什么區(qū)別？

行內(nèi)元素不可以設(shè)置寬高，不獨(dú)占一行;

塊級元素可以設(shè)置寬高，獨(dú)占一行。

5.我想讓行內(nèi)元素跟上面的元素距離10px，加margin-top和padding-top可以嗎？

margin-top,padding-top無效

6.CSS的盒模型由什么組成？

內(nèi)容，border ,margin，padding

7.說說display屬性有哪些？可以做什么？

display:block行內(nèi)元素轉(zhuǎn)換為塊級元素

display:inline塊級元素轉(zhuǎn)換為行內(nèi)元素

display:inline-block轉(zhuǎn)為內(nèi)聯(lián)元素

8.CSS 選擇符有哪些？

1.id選擇器（# myid）

2.類選擇器（.myclassname）

3.標(biāo)簽選擇器（div, h1, p）

4.相鄰選擇器（h1 + p）

5.子選擇器（ul < li）

6.后代選擇器（li a）

7.通配符選擇器（*）

8.屬性選擇器（a[rel = “external”]）

9.偽類選擇器（a: hover, li: nth-child）

9.哪些css屬性可以繼承？

可繼承： font-size font-family color, ul li dl dd dt;

不可繼承 ：border padding margin width height;

10.css優(yōu)先級算法如何計算？

!important > id > class > 標(biāo)簽

!important 比 內(nèi)聯(lián)優(yōu)先級高

*

優(yōu)先級就近原則，樣式定義最近者為準(zhǔn);

*

以最后載入的樣式為準(zhǔn);

11.text-align:center和line-height有什么區(qū)別？

text-align是水平對齊，line-height是行間。

12.前端頁面由哪三層構(gòu)成，分別是什么？作用是什么？

結(jié)構(gòu)層 Html 表示層 CSS 行為層 js

13.標(biāo)簽上title與alt屬性的區(qū)別是什么？

Alt是圖片屬性，讓搜索引擎認(rèn)識你的圖片。當(dāng)圖片不顯示的時候顯示。

title是網(wǎng)站標(biāo)題，是seo中最重要的屬性。(seo:做關(guān)鍵詞給百度搜索用的)

14.使用css 精靈有什么好處？

Css 精靈 把一堆小的圖片整合到一張大的圖片上，減輕HTTP的請求數(shù)量。

15.什么是語義化的HTML？

標(biāo)簽使用的合理性，對于搜索引擎的抓取有好處。

16.b標(biāo)簽和strong標(biāo)簽,i標(biāo)簽和em標(biāo)簽的區(qū)別？

后者有語義，前者則無。

17.tite與h1的區(qū)別。

title側(cè)重于網(wǎng)站信息標(biāo)題

從文章而言，h1側(cè)重于文章主題

站在seo的角度看，好網(wǎng)站少不了title，好文章少不了h1標(biāo)題，title權(quán)重高于h1。

18.清除浮動的幾種方式，各自的優(yōu)缺點(diǎn)

1.使用空標(biāo)簽清除浮動clear:both（缺點(diǎn)，增加無意義的標(biāo)簽）

2.使用overflow:auto（使用zoom:1用于兼容IE）

3.是用afert偽元素清除浮動(用于非IE瀏覽器)

19.display:none和visibility:hidden的區(qū)別是什么？

visibility: hidden----將元素隱藏，但是還占著位置。

display: none----將元素的顯示設(shè)為無，不占任何的位置。

20.說出幾種IE6 BUG的解決方法

1.雙邊距BUG float引起的 解決：使用display：inline , 取消元素的塊級屬性。

2.3像素問題 使用float引起的 解決：使用dislpay:inline;margin：-3px

3.超鏈接hover 點(diǎn)擊后失效 解決：使用正確的書寫順序 link visited hover active

4.Ie z-index問題 解決：給父級添加position:relative

5.Png 透明 解決：使用js代碼

6.Min-height 最小高度！Important 解決

7.img出現(xiàn)邊框

8.為什么沒有辦法定義1px左右的寬度容器（IE6默認(rèn)的行高造成的overflow:hidden,zoom:0.08 line-height:1px可以解決）

21.域名和服務(wù)器相關(guān)知識？

22.HTTP狀態(tài)碼都有那些。

200 OK

//客戶端請求成功

400 Bad Request //客戶端請求有語法錯誤，不能被服務(wù)器所理解

403 Forbidden //服務(wù)器收到請求，但是拒絕提供服務(wù)

404 Not Found //請求資源不存在，輸入了錯誤的URL

500 Internal Server Error //服務(wù)器發(fā)生不可預(yù)期的錯誤

503 Server Unavailable //服務(wù)器當(dāng)前不能處理客戶端的請求，一段時間后可能恢復(fù)正常

23.如何優(yōu)化網(wǎng)頁加載速度？

1.減少css，js文件數(shù)量及大小(減少重復(fù)性代碼，代碼重復(fù)利用)，壓縮CSS和Js代碼

2.圖片的大小

3.把css樣式表放置頂部，把js放置頁面底部

4.減少http請求數(shù)

5.使用外部 Js 和 CSS

24.position屬性absolute與relative的區(qū)別？

absolute絕對定位 //相對于瀏覽器定位

relative相對定位 //相對于前面的容器定位

25.HTML5 的有那些新標(biāo)簽？

26.CSS3新增偽類有那些？

p:first-of-type 選擇屬于其父元素的首個

元素的每個

元素。

p:last-of-type 選擇屬于其父元素的最后

元素的每個

元素。

p:only-of-type 選擇屬于其父元素唯一的

元素的每個

元素。

p:only-child

選擇屬于其父元素的唯一子元素的每個

元素。

p:nth-child(2)選擇屬于其父元素的第二個子元素的每個

元素。

:enabled、:disabled 控制表單控件的禁用狀態(tài)。

:checked，單選框或復(fù)選框被選中。

27.全局變量和局部變量有什么區(qū)別？

28.談?wù)凾his對象的理解。

this是js的一個關(guān)鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。但是總有一個原則，那就是this指的是調(diào)用函數(shù)的那個對象。

this一般情況下：是全局對象Global。作為方法調(diào)用，那么this就是指這個對象

29.documen.write和 innerHTML有什么區(qū)別？

DOM的innerHTML是DOM元素對象的一個屬性

而write是document對象的一個方法