web前段開發(fā)實(shí)訓(xùn)總結(jié)

web前段開發(fā)實(shí)訓(xùn)總結(jié)web前段開發(fā)實(shí)訓(xùn)總結(jié)篇一仔細(xì)想來，在Web前端開發(fā)方向?qū)嵙?xí)已經(jīng)一年多了，從最初的DIV+CSS學(xué)起，到JavaScript、jQuery、Bootstrap框架等等，前端要學(xué)習(xí)的東西很多。接下來就總結(jié)一下我在學(xué)習(xí)過程中的一些經(jīng)驗(yàn)吧。一、學(xué)好基礎(chǔ)知識，做一個(gè)基礎(chǔ)扎實(shí)的開發(fā)者。在IT行業(yè)，每年都會有很多新的技術(shù)誕生并且得到廣泛的推廣，前端技術(shù)也不例外。所以無論學(xué)到多深的程度，扎實(shí)的基本功肯定是必不可少的。（1）HTML：盡量掌握盡可能多的標(biāo)簽。必須掌握的標(biāo)簽有等，這些雖然平時(shí)比較少用甚至幾乎不用，但是當(dāng)你學(xué)到Boostrap框架時(shí)，你會發(fā)現(xiàn)Boostrap框架為這些標(biāo)簽賦予了特定的功能與外觀。除此之外，新增了很多標(biāo)簽和屬性，使得HTML語言更加強(qiáng)大。還有很多新的內(nèi)容，需要初學(xué)者更多的接觸并掌握。（2）CSS：對各個(gè)屬性以及一些屬性之間結(jié)合使用的技巧應(yīng)該多鉆研。CSS能夠統(tǒng)一有效地對頁面的布局、字體等網(wǎng)頁中的各個(gè)元素顯示屬性進(jìn)行控制，可以方便快捷地實(shí)現(xiàn)精美的頁面表現(xiàn)效果。你會用CSS技術(shù)的使用技巧解決下列問題嗎？清除浮動(dòng)有哪些方式？比較好的方式是哪一種？當(dāng)容器中具有浮動(dòng)元素時(shí)，如何為容器設(shè)置邊框或背景顏色？怎樣讓塊級元素在容器中水平居中？當(dāng)多個(gè)連續(xù)塊級元素的浮動(dòng)布局影響了原本不想浮動(dòng)的對象時(shí)該如何處理？容器內(nèi)部的對象如何實(shí)現(xiàn)相對于容器的自由定位？為什么要初始化CSS樣式？（3）CSS+div布局模式：許多布局模式的基礎(chǔ)，也是大部分前端開發(fā)人員接觸到的第一種布局方式。這種布局模式對于PC端頁面的設(shè)計(jì)是非常有幫助的，同時(shí)對于后面將會遇到的“移動(dòng)端布局”、“響應(yīng)式布局”等，這種布局方式都具有一定的指導(dǎo)意義。二、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語言，它可以在不與服務(wù)器交互的前提下對HTML的頁面內(nèi)容進(jìn)行修改。JavaScript控制著網(wǎng)頁的行為，決定著網(wǎng)頁“做什么”。系統(tǒng)學(xué)習(xí)過JavaScript的同學(xué)們，你看看下列問題你能準(zhǔn)確的找到答案嗎？通過表達(dá)式來系統(tǒng)闡述“==”和“===”這兩個(gè)運(yùn)算符的區(qū)別。把某個(gè)元素移除你的視線的方法有哪些？你對JSON了解嗎？通過哪個(gè)函數(shù)可以判斷從文本框中獲取的內(nèi)容是不是數(shù)字？DOM操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)？怎樣判斷是否為整數(shù)？運(yùn)算符都能刪除哪些內(nèi)容？在腳本中，this有幾種使用情況呢？第三、多練習(xí)多操作，實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。IT編程是需要多加實(shí)踐的，要不斷反復(fù)進(jìn)行上機(jī)操作，是學(xué)習(xí)編程開發(fā)的唯一方法。這些問題的答案就是我的實(shí)習(xí)心得，經(jīng)過這段時(shí)間的實(shí)習(xí)，我覺得自己可以獨(dú)當(dāng)一面，當(dāng)一個(gè)web前端工程師了呢。web前段開發(fā)實(shí)訓(xùn)總結(jié)篇二做了整一年web前端開發(fā)，對這個(gè)職業(yè)感觸頗多。這是一個(gè)新的職業(yè)，入門相對后臺的開發(fā)人員較低，會一些基本的技術(shù)就可以了，如：html、css、js等。但是，隨著開發(fā)時(shí)間的增長你就會發(fā)現(xiàn)自己很快的就會進(jìn)入一個(gè)瓶頸，可能會錯(cuò)誤的認(rèn)為，做前端開發(fā)不過如此。可是，如果你靜下心來在回頭看你寫的代碼，你會發(fā)現(xiàn)之前需求的實(shí)現(xiàn)方式并不是最好的，舉個(gè)最簡單的例子，有沒有使用jquery的連綴式編程。如：$(#id).css({color:red});$(#id).show;可以寫成，$(#id).css({color:red}).show;不要小看這次小小的優(yōu)化，實(shí)力都是慢慢積累的。上面只是一個(gè)簡單舉例，要說明的是，雖然這個(gè)職業(yè)入門比較低，但是每一次提高都是艱難的。幾乎每個(gè)前臺工程師都是自學(xué)成才，因?yàn)榕Ｈ吮緛砭蜕?，難得遇見，就算遇到一個(gè)你也不一定就有機(jī)會能跟著他學(xué)習(xí)。所以在自學(xué)過程是坎坷的，甚至都不知道改如何進(jìn)步，當(dāng)然本人也在努力中，呵呵。分享一點(diǎn)經(jīng)驗(yàn)：1.千萬注意寫代碼、和命名規(guī)范（也許n久之后或者項(xiàng)目大的時(shí)候這才是重中之重）。3.盡量盡自己的水平優(yōu)化代碼html，css，js（每一次優(yōu)化都是提高）。4.多去關(guān)組網(wǎng)站性能優(yōu)化的方式（最后網(wǎng)站的訪問速度和用戶體驗(yàn)是證明你能力的時(shí)候）。個(gè)人目前的水平有限，就分享這么多吧。學(xué)習(xí)經(jīng)驗(yàn)：個(gè)人覺得，盡量看書加上實(shí)際操作來學(xué)習(xí)，因?yàn)閺臅蠈W(xué)習(xí)東西比較系統(tǒng)，學(xué)到的東西是系統(tǒng)的而不是一片一片或者一點(diǎn)一點(diǎn)的。最重要的是要去驗(yàn)證書上寫的跟實(shí)戰(zhàn)的結(jié)果進(jìn)行對比，你會發(fā)現(xiàn)實(shí)際可能還真不一定是那樣的。等系統(tǒng)學(xué)習(xí)完之后，再要提高可能就要找論壇，博客等針對某個(gè)點(diǎn)進(jìn)行突破，后面的成長還有很長。個(gè)人能力不到那個(gè)地方不在妄加說辭。如果按照這樣的方式來學(xué)習(xí)，那么開什么書就是最重要的了，看一本好的書可以使你恍然大悟，看一本垃圾的書可能連作者都不知道他寫的是什么。個(gè)人覺得“圖靈”系列的書籍都是