- 相關(guān)推薦
web前端工作的心得體會(huì)
我們從一些事情上得到感悟后，不如來好好地做個(gè)總結(jié)，寫一篇心得體會(huì)，這樣能夠給人努力向前的動(dòng)力。應(yīng)該怎么寫才合適呢？以下是小編收集整理的web前端工作的心得體會(huì)，希望對(duì)大家有所幫助。
web前端工作的心得體會(huì)1
1、先從畫頁面開始，當(dāng)你做出來一些東西的時(shí)候很有成就感，你就會(huì)對(duì)你所學(xué)的東西越來越感興趣，當(dāng)你的興趣足夠時(shí)你就開始不會(huì)在百度知道這里問別人該怎么辦。而是會(huì)自己去尋找各種博客各種學(xué)習(xí)視頻文檔之類，最后你會(huì)發(fā)現(xiàn)上述任何一個(gè)都不如書帶給你的知識(shí)廣泛并且具有系統(tǒng)性。
2、然后頁面的HTML代碼熟悉了，就開始想想如何讓你的頁面不再顯得那么寒磣，想著如何看著美觀。你就會(huì)自覺的去學(xué)習(xí)css。
3、上面兩個(gè)都是相對(duì)簡(jiǎn)單的語言。接下來你就應(yīng)該考慮如何讓你的頁面有人機(jī)交互的功能，你需要在一個(gè)按鈕被點(diǎn)擊時(shí)做出某種頁面動(dòng)作或者數(shù)據(jù)響應(yīng)。這時(shí)你就會(huì)主動(dòng)去查閱JavaScript教程之類的網(wǎng)站(w3cshool、菜鳥教程)書籍(JavaScript高級(jí)程序設(shè)計(jì))。再后來你覺得JavaScript好是好，但是一個(gè)操作寫很多代碼，這時(shí)你就會(huì)發(fā)現(xiàn)有一樣JavaScript庫種東西(比如jquery)，只要兩三個(gè)單詞就能解決JavaScript十幾行的代碼解決的.問題。
4、再后來你會(huì)發(fā)現(xiàn)，你學(xué)了這么久，什么知識(shí)都一樣掌握得挺好了，可感覺得自己的頁面還是沒別人家的好看好用。這時(shí)你就會(huì)發(fā)現(xiàn)有框架這種東西，你就開始學(xué)習(xí)并熟練地使用起來。過些時(shí)日，你發(fā)現(xiàn)這框架無論怎么好都沒有那種稱心如意的感覺，總覺得這是別人的東西，用起來總是會(huì)遇到奇怪的問題，這時(shí)你發(fā)現(xiàn)還是你最初學(xué)習(xí)HTML、css、js時(shí)的基礎(chǔ)不夠好，你就會(huì)發(fā)現(xiàn)還是看書對(duì)自己有真正的幫助。
web前端工作的心得體會(huì)2
仔細(xì)想來，在Web前端開發(fā)方向?qū)嵙?xí)已經(jīng)一年多了，從最初的DIV+CSS學(xué)起，到JavaScript、jQuery、Bootstrap框架等等，前端要學(xué)習(xí)的東西很多。接下來就總結(jié)一下我在學(xué)習(xí)過程中的一些經(jīng)驗(yàn)吧。
第一、學(xué)好基礎(chǔ)知識(shí)，做一個(gè)基礎(chǔ)扎實(shí)的開發(fā)者。在IT行業(yè)，每年都會(huì)有很多新的技術(shù)誕生并且得到廣泛的推廣，前端技術(shù)也不例外。所以無論學(xué)到多深的程度，扎實(shí)的基本功肯定是必不可少的。
（1）HTML：盡量掌握盡可能多的標(biāo)簽。必須掌握的標(biāo)簽有等，這些雖然平時(shí)比較少用甚至幾乎不用，但是當(dāng)你學(xué)到Boostrap框架時(shí)，你會(huì)發(fā)現(xiàn)Boostrap框架為這些標(biāo)簽賦予了特定的功能與外觀。除此之外，新增了很多標(biāo)簽和屬性，使得HTML語言更加強(qiáng)大。還有很多新的內(nèi)容，需要初學(xué)者更多的接觸并掌握。
�。�2）CSS：對(duì)各個(gè)屬性以及一些屬性之間結(jié)合使用的技巧應(yīng)該多鉆研。CSS能夠統(tǒng)一有效地對(duì)頁面的布局、字體等網(wǎng)頁中的各個(gè)元素顯示屬性進(jìn)行控制，可以方便快捷地實(shí)現(xiàn)精美的頁面表現(xiàn)效果。你會(huì)用CSS技術(shù)的使用技巧解決下列問題嗎？清除浮動(dòng)有哪些方式？比較好的方式是哪一種？當(dāng)容器中具有浮動(dòng)元素時(shí)，如何為容器設(shè)置邊框或背景顏色？怎樣讓塊級(jí)元素在容器中水平居中？當(dāng)多個(gè)連續(xù)塊級(jí)元素的浮動(dòng)布局影響了原本不想浮動(dòng)的對(duì)象時(shí)該如何處理？容器內(nèi)部的對(duì)象如何實(shí)現(xiàn)相對(duì)于容器的自由定位？為什么要初始化CSS樣式？
�。�3）CSS+div布局模式：許多布局模式的基礎(chǔ)，也是大部分前端開發(fā)人員接觸到的'第一種布局方式。這種布局模式對(duì)于PC端頁面的設(shè)計(jì)是非常有幫助的，同時(shí)對(duì)于后面將會(huì)遇到的“移動(dòng)端布局”、“響應(yīng)式布局”等，這種布局方式都具有一定的指導(dǎo)意義。
第二、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語言，它可以在不與服務(wù)器交互的前提下對(duì)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è)元素移除你的視線的方法有哪些？你對(duì)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前端工作的心得體會(huì)3
作為一個(gè)合格的Web前端工程師，需要具備哪些技能呢?
Web前端工程師必備的六個(gè)技能
1HTML5
HTML是超級(jí)文本標(biāo)記語言，是為“網(wǎng)頁創(chuàng)建和其他可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計(jì)的語言。
HTML5是由萬維網(wǎng)發(fā)布的最新的語言規(guī)范，是開放的Web網(wǎng)絡(luò)平臺(tái)的奠基石，所以做Web前端，精通HTML5是必須要掌握的一項(xiàng)技能。
2CSS3
CSS即層疊樣式表(Cascading StyleSheet)。
在網(wǎng)頁制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。
只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的.修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。
CSS3是CSS技術(shù)的升級(jí)版本，CSS3語言開發(fā)是朝著模塊化發(fā)展的。
以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來。
這些模塊包括： 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。
CSS3對(duì)于Web前端整個(gè)頁面的設(shè)計(jì)是必備的技能。
3JavaScript
JavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。
它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。
掌握了JavaScript，你就可以給你的網(wǎng)頁增加各種不同的動(dòng)態(tài)效果，比如百葉窗特效，廣告切換特效，浮動(dòng)廣告特效，上下無縫滾動(dòng)特效等等。
達(dá)內(nèi)Html、CSS、JavaScript免費(fèi)課程文末閱讀原文搶占
4jQuery
JQuery，顧名思義也就是JavaScript和查詢(Query),即是輔助JavaScript開發(fā)的庫。
它是輕量級(jí)的JS庫 ，它兼容CSS3，還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)，JQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。
JQuery使用戶能更方便地處理HTML、EVENTS、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。
熟練掌握J(rèn)Query會(huì)讓你更好的使用JavaScript。
5AJAX
AJAX即“Asynchronous JavaScript And XML”(異步JavaScript和XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。
AJAX開發(fā)人員必須理解傳統(tǒng)的MVC架構(gòu)，這限制了應(yīng)用層次之間的邊界。
同時(shí)，開發(fā)人員還需要考慮C/S環(huán)境的外部和使用AJAX技術(shù)來重定型MVC邊界。
最重要的是，AJAX開發(fā)人員必須禁止以頁面集合的方式來考慮Web應(yīng)用而需要將其認(rèn)為是單個(gè)頁面。
一旦UI設(shè)計(jì)與服務(wù)架構(gòu)之間的范圍被嚴(yán)格區(qū)分開來后，開發(fā)人員就需要更新和變化的技術(shù)集合了。
實(shí)現(xiàn)網(wǎng)站交互必須熟練掌握AJAX。
6Bootstrap
Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。
Bootstrap 是基于 HTML、CSS、JavaScript 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷。
它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。
Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。
Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC(微軟全國(guó)廣播公司)的Breaking News都使用了該項(xiàng)目。
國(guó)內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。
Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。
其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等。
時(shí)刻學(xué)習(xí)最近的前端框架也是Web前端工程師的必備技能哦!
web前端工作的心得體會(huì)4
過這五周的學(xué)習(xí)，在老師的精心教導(dǎo)下和同。
以前我一直在做網(wǎng)頁，不過是在博客上，那里提供了模板，只需要自己在里面添舔改改就行了，對(duì)一些代碼我更本就看不懂，現(xiàn)在好了，雖然我不是很會(huì)，但是可以看懂一些了，也能改一些代碼了。
通過這五周的學(xué)習(xí)，在老師的精心教導(dǎo)下和同學(xué)們的幫助下，以及通過自己在平時(shí)的學(xué)習(xí)和實(shí)踐，對(duì)ASP動(dòng)態(tài)網(wǎng)頁知識(shí)有了初步認(rèn)識(shí)。
通過學(xué)習(xí)ASP動(dòng)態(tài)網(wǎng)頁，不但增加了我的知識(shí)面，還使我學(xué)會(huì)了很多以前不會(huì)使用的工具，當(dāng)然這樣還不夠，因?yàn)槲疫�有很多需要學(xué)習(xí)的地方，ASP課程雖然上完了，但是在以后的時(shí)間里我一定會(huì)繼續(xù)努力，爭(zhēng)取做更多的.精美的網(wǎng)頁出來。
通過ASP動(dòng)態(tài)網(wǎng)頁的學(xué)習(xí)還讓我明白了做網(wǎng)頁時(shí)頁面不一定要很復(fù)雜，但留白的地方不能很多，這樣看起來就不會(huì)覺得呆板，反面顯得有層次，比較高檔，而且百看不厭。
網(wǎng)頁的特點(diǎn)就是要有一副漂亮的背景圖，整個(gè)頁面看起來就比較舒服。
網(wǎng)頁的文字要排得整齊緊湊，這樣才能給人一種舒服的感覺。
在網(wǎng)頁適當(dāng)?shù)牡胤娇梢约右恍﹫D片，每張畫面再加一些不同的文字說明和加一些不同的文字效果，再加一些小動(dòng)畫，這樣網(wǎng)頁會(huì)顯得更加的精美。
這次做的網(wǎng)頁雖不是很好看，可是我花了很多時(shí)間來按成它，所以呢它對(duì)我以后做網(wǎng)頁有很大的幫助。
在此次做網(wǎng)頁的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的考試，為什么呢?因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。
因此，不論從哪個(gè)角度來說，老師此次布置的任務(wù)是上大學(xué)以來唯一把知識(shí)用于實(shí)踐的第一回，再一次謝謝你老師。
【web前端工作的心得體會(huì)】相關(guān)文章：
web前端實(shí)訓(xùn)心得體會(huì)web前端技術(shù)實(shí)訓(xùn)心得11-16
web前端簡(jiǎn)歷模板05-29
web前端簡(jiǎn)歷封面05-28
web前端自我介紹06-28
如何面試Web前端開發(fā)10-10
web前端轉(zhuǎn)正工作總結(jié)范文10-17
Web前端講師崗位職責(zé)07-31
web前端應(yīng)聘自我介紹02-25