web前端工作的心得體會

時間：2024-05-11 08:00:29 學習心得體會我要投稿

相關推薦

web前端工作的心得體會

　　我們從一些事情上得到感悟后，不如來好好地做個總結，寫一篇心得體會，這樣能夠給人努力向前的動力。應該怎么寫才合適呢？以下是小編收集整理的web前端工作的心得體會，希望對大家有所幫助。

web前端工作的心得體會

web前端工作的心得體會1

　　1、先從畫頁面開始，當你做出來一些東西的時候很有成就感，你就會對你所學的東西越來越感興趣，當你的興趣足夠時你就開始不會在百度知道這里問別人該怎么辦。而是會自己去尋找各種博客各種學習視頻文檔之類，最后你會發(fā)現(xiàn)上述任何一個都不如書帶給你的知識廣泛并且具有系統(tǒng)性。

　　2、然后頁面的HTML代碼熟悉了，就開始想想如何讓你的頁面不再顯得那么寒磣，想著如何看著美觀。你就會自覺的去學習css。

　　3、上面兩個都是相對簡單的語言。接下來你就應該考慮如何讓你的頁面有人機交互的功能，你需要在一個按鈕被點擊時做出某種頁面動作或者數(shù)據(jù)響應。這時你就會主動去查閱JavaScript教程之類的網(wǎng)站(w3cshool、菜鳥教程)書籍(JavaScript高級程序設計)。再后來你覺得JavaScript好是好，但是一個操作寫很多代碼，這時你就會發(fā)現(xiàn)有一樣JavaScript庫種東西(比如jquery)，只要兩三個單詞就能解決JavaScript十幾行的代碼解決的.問題。

　　4、再后來你會發(fā)現(xiàn)，你學了這么久，什么知識都一樣掌握得挺好了，可感覺得自己的頁面還是沒別人家的好看好用。這時你就會發(fā)現(xiàn)有框架這種東西，你就開始學習并熟練地使用起來。過些時日，你發(fā)現(xiàn)這框架無論怎么好都沒有那種稱心如意的感覺，總覺得這是別人的東西，用起來總是會遇到奇怪的問題，這時你發(fā)現(xiàn)還是你最初學習HTML、css、js時的基礎不夠好，你就會發(fā)現(xiàn)還是看書對自己有真正的幫助。

web前端工作的心得體會2

　　仔細想來，在Web前端開發(fā)方向實習已經一年多了，從最初的DIV+CSS學起，到JavaScript、jQuery、Bootstrap框架等等，前端要學習的東西很多。接下來就總結一下我在學習過程中的一些經驗吧。

　　第一、學好基礎知識，做一個基礎扎實的開發(fā)者。在IT行業(yè)，每年都會有很多新的技術誕生并且得到廣泛的推廣，前端技術也不例外。所以無論學到多深的程度，扎實的基本功肯定是必不可少的。

　�。�1）HTML：盡量掌握盡可能多的標簽。必須掌握的標簽有等，這些雖然平時比較少用甚至幾乎不用，但是當你學到Boostrap框架時，你會發(fā)現(xiàn)Boostrap框架為這些標簽賦予了特定的功能與外觀。除此之外，新增了很多標簽和屬性，使得HTML語言更加強大。還有很多新的內容，需要初學者更多的接觸并掌握。

　�。�2）CSS：對各個屬性以及一些屬性之間結合使用的技巧應該多鉆研。CSS能夠統(tǒng)一有效地對頁面的布局、字體等網(wǎng)頁中的各個元素顯示屬性進行控制，可以方便快捷地實現(xiàn)精美的頁面表現(xiàn)效果。你會用CSS技術的使用技巧解決下列問題嗎？清除浮動有哪些方式？比較好的方式是哪一種？當容器中具有浮動元素時，如何為容器設置邊框或背景顏色？怎樣讓塊級元素在容器中水平居中？當多個連續(xù)塊級元素的浮動布局影響了原本不想浮動的對象時該如何處理？容器內部的對象如何實現(xiàn)相對于容器的自由定位？為什么要初始化CSS樣式？

　�。�3）CSS+div布局模式：許多布局模式的基礎，也是大部分前端開發(fā)人員接觸到的'第一種布局方式。這種布局模式對于PC端頁面的設計是非常有幫助的，同時對于后面將會遇到的“移動端布局”、“響應式布局”等，這種布局方式都具有一定的指導意義。

　　第二、將JavaScript作為前端學習的重點。JavaScript是目前大多數(shù)主流瀏覽器支持的面向對象的腳本語言，它可以在不與服務器交互的前提下對HTML的頁面內容進行修改。JavaScript控制著網(wǎng)頁的行為，決定著網(wǎng)頁“做什么”。系統(tǒng)學習過JavaScript的同學們，你看看下列問題你能準確的找到答案嗎？通過表達式來系統(tǒng)闡述“==”和“===”這兩個運算符的區(qū)別。把某個元素移除你的視線的方法有哪些？你對JSON了解嗎？通過哪個函數(shù)可以判斷從文本框中獲取的內容是不是數(shù)字？DOM 操作——怎樣添加、移除、移動、復制、創(chuàng)建和查找節(jié)點？怎樣判斷是否為整數(shù)？運算符都能刪除哪些內容？在腳本中，this有幾種使用情況呢？

　　第三、多練習多操作，實踐是檢驗真理的唯一標準。IT編程是需要多加實踐的，要不斷反復進行上機操作，是學習編程開發(fā)的唯一方法。

　　這些問題的答案就是我的實習心得，經過這段時間的實習，我覺得自己可以獨當一面，當一個web前端工程師了呢。

web前端工作的心得體會3

　　作為一個合格的Web前端工程師，需要具備哪些技能呢?

　　Web前端工程師必備的六個技能

　　1HTML5

　　HTML是超級文本標記語言，是為“網(wǎng)頁創(chuàng)建和其他可在網(wǎng)頁瀏覽器中看到的信息”設計的語言。

　　HTML5是由萬維網(wǎng)發(fā)布的最新的語言規(guī)范，是開放的Web網(wǎng)絡平臺的奠基石，所以做Web前端，精通HTML5是必須要掌握的一項技能。

　　2CSS3

　　CSS即層疊樣式表(Cascading StyleSheet)。

　　在網(wǎng)頁制作時采用層疊樣式表技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。

　　只要對相應的代碼做一些簡單的.修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。

　　CSS3是CSS技術的升級版本，CSS3語言開發(fā)是朝著模塊化發(fā)展的。

　　以前的規(guī)范作為一個模塊實在是太龐大而且比較復雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。

　　這些模塊包括：盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等。

　　CSS3對于Web前端整個頁面的設計是必備的技能。

　　3JavaScript

　　JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內置支持類型。

　　它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML(標準通用標記語言下的一個應用)網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。

　　掌握了JavaScript，你就可以給你的網(wǎng)頁增加各種不同的動態(tài)效果，比如百葉窗特效，廣告切換特效，浮動廣告特效，上下無縫滾動特效等等。

　　達內Html、CSS、JavaScript免費課程文末閱讀原文搶占

　　4jQuery

　　JQuery，顧名思義也就是JavaScript和查詢(Query),即是輔助JavaScript開發(fā)的庫。

　　它是輕量級的JS庫，它兼容CSS3，還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)，JQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。

　　JQuery使用戶能更方便地處理HTML、EVENTS、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。

　　熟練掌握JQuery會讓你更好的使用JavaScript。

　　5AJAX

　　AJAX即“Asynchronous JavaScript And XML”(異步JavaScript和XML)，是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術，可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

　　AJAX開發(fā)人員必須理解傳統(tǒng)的MVC架構，這限制了應用層次之間的邊界。

　　同時，開發(fā)人員還需要考慮C/S環(huán)境的外部和使用AJAX技術來重定型MVC邊界。

　　最重要的是，AJAX開發(fā)人員必須禁止以頁面集合的方式來考慮Web應用而需要將其認為是單個頁面。

　　一旦UI設計與服務架構之間的范圍被嚴格區(qū)分開來后，開發(fā)人員就需要更新和變化的技術集合了。

　　實現(xiàn)網(wǎng)站交互必須熟練掌握AJAX。

　　6Bootstrap

　　Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。

　　Bootstrap 是基于 HTML、CSS、JavaScript 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。

　　它由Twitter的設計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。

　　Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。

　　Bootstrap一經推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。

　　國內一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來。

　　Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個漂亮、功能完備的網(wǎng)站。

　　其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。

　　時刻學習最近的前端框架也是Web前端工程師的必備技能哦!

web前端工作的心得體會4

　　過這五周的學習，在老師的精心教導下和同。

　　以前我一直在做網(wǎng)頁，不過是在博客上，那里提供了模板，只需要自己在里面添舔改改就行了，對一些代碼我更本就看不懂，現(xiàn)在好了，雖然我不是很會，但是可以看懂一些了，也能改一些代碼了。

　　通過這五周的學習，在老師的精心教導下和同學們的幫助下，以及通過自己在平時的學習和實踐，對ASP動態(tài)網(wǎng)頁知識有了初步認識。

　　通過學習ASP動態(tài)網(wǎng)頁，不但增加了我的知識面，還使我學會了很多以前不會使用的工具，當然這樣還不夠，因為我還有很多需要學習的地方，ASP課程雖然上完了，但是在以后的時間里我一定會繼續(xù)努力，爭取做更多的.精美的網(wǎng)頁出來。

　　通過ASP動態(tài)網(wǎng)頁的學習還讓我明白了做網(wǎng)頁時頁面不一定要很復雜，但留白的地方不能很多，這樣看起來就不會覺得呆板，反面顯得有層次，比較高檔，而且百看不厭。

　　網(wǎng)頁的特點就是要有一副漂亮的背景圖，整個頁面看起來就比較舒服。

　　網(wǎng)頁的文字要排得整齊緊湊，這樣才能給人一種舒服的感覺。

　　在網(wǎng)頁適當?shù)牡胤娇梢约右恍﹫D片，每張畫面再加一些不同的文字說明和加一些不同的文字效果，再加一些小動畫，這樣網(wǎng)頁會顯得更加的精美。

　　這次做的網(wǎng)頁雖不是很好看，可是我花了很多時間來按成它，所以呢它對我以后做網(wǎng)頁有很大的幫助。

　　在此次做網(wǎng)頁的過程中也讓我學到了很多東西，所以呢從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的考試，為什么呢?因為在制作過程中我不僅學到了書上沒有的東西，也培養(yǎng)了我獨立思考問題的能力，同時還增強了同學之間的團結互助的友誼。

　　因此，不論從哪個角度來說，老師此次布置的任務是上大學以來唯一把知識用于實踐的第一回，再一次謝謝你老師。

【web前端工作的心得體會】相關文章：

web前端實訓心得體會web前端技術實訓心得11-16

web前端開發(fā)工程師的工作職責03-08

Web前端講師崗位職責07-31

web前端應聘自我介紹02-25