當前位置:首頁 » 網頁前端 » 前端體會
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端體會

發布時間: 2022-09-06 11:06:48

❶ 如何學習前端開發

首先要明確:

前端開發入門學習有:HTML、CSS、JavaScript(簡稱JS)這三個部分。所以在學習之前我們需要先明確三個概念:

1、HTML——內容層,它的作用是表示一個HTML標簽在頁面里是個什麼角色。

2、CSS——樣式層,它的作用是表示一塊內容以什麼樣的樣式(字體、大小、顏色、寬高等)顯示。

3、JS——行為層,它的作用是當用戶觸發某些行為時,會給內容和樣式帶來什麼樣的改變。

我是在北京尚學堂學習的前端,效果很滿意,有專業的老師團隊,極其科學的教學方式,促使每一位學員學習的很扎實;感興趣可以去了解一下這個金牌機構。

分享一下前端的學習導圖,希望可以幫到你

❷ 轉行做Web前端的正確學習方法有哪些

今天小編要跟大家分享的文章是關於轉行做Web前端的正確學習方法有哪些?這是一篇來自前端大牛前輩的學習心德,好好看哦~其實本文可以說是「起於前端,但不止於前端。」希望能夠給同行一些可行性的建議吧。下面來和小編一起看一看吧!

1、Github,Github,Github


重要的事情所以說三遍。如今前端圈大熱,除了前端項目天生開源的優勢之外,Github這個網站功不可沒。可以說這是一個特別適合前端新手們練習和進步的地方。


我們打開瀏覽器的調試模式就能看到對應頁面的結構,以及對應的樣式實現,我們也可以通過恰當的方式獲取到頁面的js代碼。


如果說前端天生的開源知識是「發散」的,那我覺得github就是這類知識的一種「聚合」。


如今幾乎所有的前端技術都是開源的,前端開發人員可以很方便地在上面找到一些高效的插件庫。這不但可以提高我們的開發效率,還可以藉此學習一些前端知識。


如果你想搞前端,那我覺得咱們面試之前起碼得有個Github的賬號,畢竟這個全球最大的同性交友網站對於前端工作者來說太重要了。


但有一點要注意的Github跟網路雲盤是不一樣的。他是程序員交流的地方我們只需要上傳代碼就可以了,我們不需要通過視頻來交流(曾經有同學說想往Github上傳視頻)。


2、挑選一個合適的編輯器


一個好的編輯器能夠提高你的編碼效率,一個賞心悅目的編輯器能夠讓你開發的過程更加愉悅。


現在出現了許許多多優秀的編輯器:Vim、Emacs、SublimeText、Atom、VSCode
等等。編輯器之間該如何選擇?本來就是個人喜好問題。


據我個人的使用體會,Vim跟Emacs兩個編輯器比較輕量級一些,但是他們的界面我只能說一般,而且學習曲線比較陡峭。如果你喜歡折騰,倒是可以嘗試一下。


Sublime
Text是我目前發現周圍用的人比較多的編輯器,而我個人也比較推薦,他不但有豐富的插件,還有比較美觀的界面。更重要的是操作簡單,能夠滿足大部分開發需求。


雖說我推薦SublimeText,但其實我是一個Atom用戶,兩者用起來感覺差不多。


Atom比較Cool的地方是,它是通過Web技術搭建起來的桌面端軟體。這也有個問題,畢竟它是通過Web技術搭建的(可以看成是運行在chrome內核的瀏覽器上網站),這就導致了這款編輯器相當耗電。


總之選擇一個自己喜歡的編輯器,寫代碼去吧!!!


3、獨立解決問題的能力


我們生活在如此幸福的時代,其實很多問題已經有大牛解決了,並且他們會把經驗分享到網上,我們需要做的只是組織好自己的問題簡單地Google,或者網路一下。這樣很難嗎?


如果連這點都做不到,那我覺得要進入一家公司或者是在一家公司里生存都是很艱難的事情。畢竟大部分公司需要的是能夠解決問題的程序員,而不是只會寫代碼的打字員。


4、閱讀英文文檔


這讓我之前想起知乎上Vue.js作者尤雨溪說過的一句話,其大意是:


我為什麼要浪費跟家人相處的時間來教你學英文?


如今大部分優秀開發的資源都是以英文的形式展現到網路上的。


當然不排除有些國內的熱心人會把他們翻譯成中文,再託管到相關網站上,但是,這畢竟是少數。而且中文文檔往往會跟不上國外官網的腳步。


還記得我當初用Python的時候,框架Django的中文版本是1.6.x而官方的最新版本已經到1.8.x了。這也導致了,如果你用著新版本的框架,而看著舊版本文檔寫代碼的話可能會引入一些新版本裡面已經拋棄了的寫法,進而你的項目可能會出現一些詭異的行為。而且這類bug往往最難發現。


當然,並不是說你一定要英文很流利才行,但是最起碼要看得懂英文文檔。(實話說現在我工作快兩年了,看英文文檔還是有些吃力。)


5、操作系統


這里我們談談操作系統,畢竟有些朋友還是會糾結選擇什麼操作系統。


Windows


§優點:用戶頁面可用性較好,豐富的桌面端軟體,玩游戲一級棒。


§缺點:軟體廣告比較多,病毒相對多些,命令行不夠友好。


Linux


§優點:命令行非常好用,開源社區活躍,發行版本比較多。


§缺點:常用桌面軟體開發商比較少,QQ這些都沒有。有些發行版不怎麼穩定,經常卡死。


MacOS


§優點:命令行非常好用,界面優雅,可用性高。蘋果商店有許多windows平台所沒有的優質軟體。


§缺點:設備昂貴,普遍配置不高,不太適合打游戲。


以上是我使用操作系統的一些小體會吧。至於具體使用什麼系統各位可以自行掂量,但是個人覺得結合命令行開發會更爽一些,因此我曾經選擇過Linux。後來,機緣巧合之下買了台Macbook之後就再也回不了頭了。


正如業界的人所贊賞的


「MacOS就像是Liunx跟Windows的結合體。它既有Windows的用戶友好的界面,也有Linux優雅的命令行。」


6、HTML+CSS+JavaScript


現在才談這些技術點並不是說這東西不重要。只是我覺得這三樣東西就算我不說,只要你有心搞前端肯定會去學,那還有說的必要嗎?(此處省略百萬字)


以上就是小編今天為大家分享的關於轉行做Web前端的正確學習方法有哪些的文章,希望本篇文章能夠對正在學習Web前端工作的小夥伴們有所幫助。想要了解更多Web前端知識記得關注北大青鳥Web培訓官網。最後祝願小夥伴們學習成功。


作者:心旗,來源:CSDN


原文:https://blog.csdn.net/qq_41852103/article/details/81286344

❸ 在網易游戲當前端是一種怎樣的體驗

因為自己的朋友拿到了網易前端的offe,之前也看到了網友們的各種提問,現在就和大家來分享一下入職網易的前端工作是一種什麼樣的感受?

先來回答之前網友們提出過的一些問題。

伙食:還算是可以,但是也做不到很滿意。

不是所有人都會吃滿所謂的一日五餐, 但是優質的三餐還是可以保證的。餐廳目前雖然人滿為患, 但是伙食質量仍然是上乘,種類很多, 話說我已經吃了快一個月的叉燒了。。。

平時生活么, 無外乎飯局、旅遊、團建 等 互聯網公司的常見項目, 每個團隊都可以選擇境外游。

公司也有游戲廳、室內體育場、健身房等常見設施, 這個我就不贅述了。

還有關鍵一點: 公司妹子的顏值愈發不可收拾的越來越高了。

❹ 前端開發應該學什麼看完這篇不在迷茫

初級階段:從零基礎到網頁大師
HTML5標簽
HTML5表單
CSS3頁面美化
CSS3頁面布局
CSS3動畫
瀏覽器兼容和SEO
Bootstrap響應式框架
項目管理和原型設計
UI設計及切圖技巧
JavaScript入門
HTML 相當於蓋房子的原材料。學習了HTML之後,我們只是掌握了各種「原材料」的製作方法,要想蓋一幢樓房就還需要把這些「原材料」按照我們設計的方案組合布局在一起並進行一些樣式的美化。
而css就是做這些工作的。
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的,這樣就極大地提高了我們開發的速度,降低了維護的成本。
學完css,我們就可以順利完成「一幢樓房」的建設。
「樓房」建設完成之後,我們可以交給用戶使用,但是如果想讓用戶獲得更佳的體驗,我們還可以對「樓房」進行更深一步的「裝修」,讓它看起來更「豪華」一些。就要我們就用到了JavaScript。
基礎階段:從網頁大師到前端開發工程師
JavaScript語言基礎
JavaScript核心對象
DOM、BOM、事件驅動編程
閉包、原型、面向對象編程
jQuery、插件、Underscore
Promise、Defferred非同步編輯
Ajax、RESTful
SVG、Chart圖表
Node.JS服務端和應用介面設計
GIT源代碼管理
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當中為我們提供了一些內置函數、對象和DOM操作,藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等,使我們的頁面看起來不那麼呆板,屌絲瞬間逆襲高富帥!
剛學會JavaScript,你會沉浸在JavaScript給你帶來的驚喜之中不能自拔,產生一種「天下你有」的錯覺。但這個時候你去找一份工作,你的項目經理會經常對你大吼道:
這個效果在××瀏覽器下不兼容,重新搞……」
「不兼容?」瞬間石化!「我擦,坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊,吐血了都!」
JavaScript的兼容性和復雜性有時候的確讓我們頭疼,還好有「大神」幫我們做了封裝。
jQuery 是一個免費、開源的輕量級的JavaScript庫,並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持),同時現在有很多基於jQuery的插件可供選擇,這樣在我們實現一些豐富的動態效果時更方便快捷,大大節省了我們開發的時間,提高了開發速度,這也充分體現了其 write less,do more的核心宗旨。這個Feel倍兒爽!有么有?
「豪華大樓」至此拔地而起,但是每天這樣日復一日,年復一年的蓋樓,好繁瑣!能不能將大樓裡面每一個單獨部件模塊化,當需要蓋樓時就像堆積木一樣組合在一起,這樣豈不是爽歪歪?
可以實現嗎?答案是肯定的。
這種思想在Web前端開發中也是適合的,於是乎就出現了各種前端框架。在項目開發過程中,我們可以藉助框架提供的CSS樣式、組件、JavaScript插件等快速的完成頁面布局和樣式設置,然後再有針對性的微調樣式,這樣基於框架進行開發大大縮短了開發周期。站在巨人的肩膀上就是爽!
進階階段:前端高級開發工程師
HTML5存儲、多線程
HTML5 Canvas
PHP服務端
SUI、HTML模版化
HTML模板化引擎
AMD、RequireJs模塊化
設計模式與MVC架構
Backbone高級編程
Angular高級編程
自動化構建、測試、缺陷管理
基礎的東西以完成,到了本階段,就是量變到質變的過程。學完本階段可以掌握大型網站、管理系統、Web應用的整體架構體系,能夠獨立完成或帶領團隊完成中大型前端項目的研發工作。
項目實施:經驗豐富的業界高手
Java及.NET服務端技術
新浪微博/騰訊第三方OAuth登錄
網路地圖 JS SDK
支付寶在線支付集成
Web Socket即時通訊
React高級編程
微信平台、微網站開發
HTML5游戲開發
項目管理技術
全棧綜合項目實戰
學完本階段可以極大地豐富前端開發經驗、掌握到當前前端開發領域中最熱門、最具商業價值的前沿技術和高端技術,在前端開發方面達到專家級別,成為市場上炙手可熱的高端人才。
以上每個階段均會有1~2個真實項目實操訓練,幫助同學熟練掌握並運用所學知識,以解決具體項目、具體問題出發,在見招拆招中提高。
當然,從菜鳥到大牛,路很長。前端是一個看似入門門檻不高,但要學好很難的領域。前端的知識體系龐雜又鬆散,技術演進快,如果摸不清脈絡的話很容易陷入盲人摸象的困境甚至跑偏。
經常在前端的論壇上看到有人說,「前端都是自學的,一點都不難」。我毫不懷疑,95% 的想學前端的人都可以通過網路組建自己的關於前端的「超級無敵」學習資料包。用不了多久你的網頁收藏夾里就會堆滿互聯網上豐富的前端學習資源,你的購物車里也會多出幾本待付款的經典教材,你甚至還會興沖沖地跑去注冊一些在線課程。
提前恭喜你,即將從「編程小白」成功蛻變為「准程序員」。
但是,如果你沒有掌握正確的學習方法和循序漸進的學習路線,你將處於並將長期處於「學習前端」的階段。所以,我更期待剩餘的5% 的人,能夠體會到上文一直在強調的方法:以解決某個具體問題為出發點,直接上手一個小項目,在見招拆招的過程中提高學習的效率。
掌握了正確的方法,「學習前端」和「學好前端」就只是個時間問題。

❺ 最近看網上的課程評價有好有壞,有沒有上過中職通的IT前端課說說感受啊

說實話,我在那裡學了快半年的IT前端課,真心感覺還挺有用的,雖然跟一些專業的人想比,我要成長的地方還有很多,但中職通的課程教學對我轉行起到的幫助還是很大。學習這件事畢竟還是要靠自己的。相比一個人學習的艱難,中職通大大給我提供了一個比較好的學習平台,在這里,有很多實用靠譜的學習資源,有老師領路自己也不用瞎摸索走彎路,只要自己想學習,效果應該不會差。總體來說中職通在課程質量這方面做的我個人覺得還是挺不錯的。

❻ 馬上2021年了,現在學習WEB前端還可以吧,可以說收學習感受嗎

您好!您這個問題我也遇見過!以下是我的部分見解:這個問題朋友你可以完全不用擔心,因為web前端是作為IT技術行業中不可缺少的角色,其就業面也是十分廣闊的,無論是向管理還是技術發展,都有很大的職業晉升空間。在這個社會上,擁有過硬的技術才是需要真正去考慮和怎麼樣去提升自己,這才是關鍵,因為公司需要你的不是因為你年輕,是因為你有過硬的技術。非常感謝您的耐心觀看,如有幫助請採納,祝生活愉快!謝謝!

❼ WEB前端開發實訓心得體會1500字左右

摘要 1.學習一個技術,不是一看見源代碼就是,而是仔細閱讀後,找到自己想要的,並且自己寫出來,自己理解了,下次遇到同樣的問題,自己才能解決。

❽ 學習wed前端

在國內大學課程裡面,幾乎沒有前端開發這門課程,無非就是一些網頁設計之類的課程,但那些課程無論是老師講還是學生聽,都是敷衍了事,這個我深有體會,我相信大家一定也有同感!所以,目前前端開發主要是通過自學,和參加正規的培訓!對於培訓來說,一般會分為初級、中級、高級等級別,因為憑我們自己很難掌握這些技能。但是自學是很困難的,畢竟是一個人自己摸索,網上看上去有很多視頻可以學習,但是那些視頻很多都是過時的,像js和h5這些想要自學根本學不會,更何況以後深入學習還要掌握框架構造!很多小夥伴就根本找不到學習的方向,最後白白浪費了自己的時間和精力!所以對於有條件的小夥伴,個人推薦最好是系統的學習一下!
接下來為大家介紹一下怎麼零基礎學習前端
基礎知識:
1、HTML + CSS 這部分建議在 W3school 在線教程 上學習,邊學邊練,每章後還有小測試。 之後可以模仿一些網站做些頁面。在實踐中積累了一些經驗後,可以系統的讀一兩本書,推薦《Head First HTML 與 CSS 中文版》,這本書講的太細了,我沒能拿出耐心細讀。你可以根據情況斟酌。也可以去w3school和慕課網學習。

Javascript 要學的內容實在很多,如果沒有其他編程語言的基礎的話,學起來可能要費些力,還是建議先在 W3school上學習。之後建議馬上看《Javascript語言精粹》,JS是一門很混亂的語言,這本書能夠幫助你區分哪些是語言的精華,哪些是糟粕,對於語言精華,應該深入學習。糟粕部分能看懂別人寫的代碼就行,自己就不用嘗試了。對於有需要的小夥伴,推薦找一個培訓班或者裙進行系統學習,下文會講到呢 。
有了以上基礎,就可以進行一般的靜態網頁設計,不過對於復雜的頁面還需要進一步學習。

jQuery,簡單易用,在W3school簡單學習js後,直接上手jQuery即可完成一些簡單的項目。學習方法也很簡單,照著產品文檔做幾個頁面就行了,不用面面俱到,以後遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性,讓你能更專注與Web開發學習的精髓部分。補充: 可以使用 Codecademy 學習 Javascript,jQuery,用戶體驗真的很好

傳統web從業者為什麼必須學習前端開發技能?——學習前端開發是晉升和加薪的捷徑。傳統web從業者,只要精通html+css,簡單的JS效果,切切圖,寫寫網站等就可以了,而如今的前端開發不再只是一個簡單的網站,現在越來越多的雲計算應用程序,比如web QQ接近我們經常使用的QQ的功能。以前用java 、J2EE、 .Net 、Object C等高級語言開發的應用程序也越來越走向web化、雲端化。 BS架構應用程序已逐漸成為主流。時代變了,用最犀利的前端技術武裝我們的大腦的時代已經來臨!
那麼我們應該怎麼學習前端開發這門技術呢 ? 現在很多小夥伴喜歡在互聯網上找視頻資料學習網頁製作,但是光看視頻你是不可能學會網頁製作的,沒有人指導你,而且很多視頻已經過時了 ,並沒有什麼用! 如果你真的想學習網頁製作這門技術,你可以來這個裙,前面是伍思二,中間是一把一,最後是八溜一! 在這里有最新的HTML課程 免費學習 也有很多人指導你進步,不需要你付出什麼 只要你有一顆學習的心就可以了。

下面是關於前端開發的一下雜談 有興趣的可以看看 :

1、想要跟上潮流,想要掌握最新技術,做高精尖人才升職加薪,必須學習前端開發最新技能,畢竟做前端的就得跟上時代的潮流,如果有小夥伴想要學習前端開發,個人認為潭州學院還是蠻不錯的 !相比於線下的培訓班,潭州無論是學費還是學習時間,都遠遠比線下的培訓班更加實惠,而且只要有電腦,有網路就可以進行學習!

2、前端開發的就業方向及薪資情況。
記得有人說過,未來不再有互聯網公司,因為未來所有的企業都會有互聯網部門,而互聯網世界離不開前端開發,像淘寶、阿里巴巴、支付寶、騰訊、京東、新浪微博等等大型的基於互聯網的企業與產品,都需要優秀的前端高級開發人才。
不僅僅是互聯網企業,隨著O2O模式的越來越普及,傳統企業越來越互聯網化、雲端化,前端開發人才需求越來越多,人才缺口高達上百萬。
招聘網站上現在的前端開發工程師的平均薪酬已經達到了12926元,需求巨大,前景廣闊,薪資還高。

3、你適不適合學習前端開發?
如果你已經有了傳統web基礎(css+div),那麼是時候提升你的前端開發技能了…
如果你沒有接觸過web前端開發,那麼如果你經常上網,沖浪,希望要了解互聯網世界背後的故事,可以先從web前端開始了解,因為這是開啟互聯網世界大門的鑰匙…
web前端JS課程的核心特點。
web前端課程的核心特點是:我們不僅僅要學會製作一個網頁,一個特效。
更多的是我們要用web前端開發傳統應用程序,我們做pc端,移動端,各種響應式,web 游戲,web 企業管理系統,web 移動程序,開發一個大規模項目,html5游戲,甚至用js開發傳統高級語言才能做的資料庫交互,不用後台語言,就靠我們js做後台,流行大趨勢……

4、課程模塊介紹。
未來需要什麼,我們就需要學什麼:
模塊1:基礎入門階段;
模塊2:web移動開發– html5、 css3、
模塊3:html 5 游戲— html5 、canvas;
模塊4:用js去做傳統java 、.NET、 PHP才能做的資料庫操作,伺服器編程。— ajax 、node.js;
模塊5:大型BS、雲計算、項目開發(比如淘寶,京東)–面向對象、設計模式、大型項目分層架構思想(比如MVC,MVVM)、js框架、web前端架構、js組件;

5、學習方法、薪資目標。
【兩大基礎,內外雙修】
兩大基礎:js基礎(蹲馬步,基礎中的基礎–函數,事件,語句等)、面向對象(基礎)。內外雙修:
【內】掌握面向對象編程思維,模塊化編程思維,大型項目分層編程思維,大型項目團隊如何合作;
【外】學習一些前輩總結出來的最佳編程實踐:設計模式,比如能夠保證全局唯一的單例模式,創造萬物的工廠模式,模擬現實中介的中介模式,代理模式,以及所有業界都在談,都在吹,都在用的依賴倒置,依賴注入,面向切面編程等。
結語:年前,隨著iPhone的興起,iOS開發火爆中國。當年的行動者,如今已經成為百萬富翁!今天,隨著HTML5等WEB前端技術興起,前端開發的大潮已經襲來!趕快行動,讓青春不留遺憾,佔領行業制高點,主動權就再你的手中!

❾ Web前端工程師給你傳授Web學習經驗

今天小編要跟大家分享的文章是關於Web前端工程師給你傳授web學習經驗。這是一篇來自前端大牛前輩的學習心德,好好看哦~其實本文可以說是「起於前端,但不止於前端。」希望能夠給同行一些可行性的建議吧。下面來和小編一起看一看吧!

1、Github


重要的事情所以說三遍。如今前端圈大熱,除了前端項目天生開源的優勢之外,Github這個網站功不可沒。可以說這是一個特別適合前端新手們練習和進步的地方。


我們打開瀏覽器的調試模式就能看到對應頁面的結構,以及對應的樣式實現,我們也可以通過恰當的方式獲取到頁面的js代碼。


如果說前端天生的開源知識是「發散」的,那我覺得github就是這類知識的一種「聚合」。


如今幾乎所有的前端技術都是開源的,前端開發人員可以很方便地在上面找到一些高效的插件庫。這不但可以提高我們的開發效率,還可以藉此學習一些前端知識。


如果你想搞前端,那我覺得咱們面試之前起碼得有個Github的賬號,畢竟這個全球最大的同性交友網站對於前端工作者來說太重要了。


但有一點要注意的Github跟網路雲盤是不一樣的。他是程序員交流的地方我們只需要上傳代碼就可以了,我們不需要通過視頻來交流(曾經有同學說想往Github上傳視頻)。


2、挑選一個合適的編輯器


一個好的編輯器能夠提高你的編碼效率,一個賞心悅目的編輯器能夠讓你開發的過程更加愉悅。


現在出現了許許多多優秀的編輯器:Vim、Emacs、SublimeText、Atom、VSCode
等等。編輯器之間該如何選擇?本來就是個人喜好問題。


據我個人的使用體會,Vim跟Emacs兩個編輯器比較輕量級一些,但是他們的界面我只能說一般,而且學習曲線比較陡峭。如果你喜歡折騰,倒是可以嘗試一下。


Sublime
Text是我目前發現周圍用的人比較多的編輯器,而我個人也比較推薦,他不但有豐富的插件,還有比較美觀的界面。更重要的是操作簡單,能夠滿足大部分開發需求。


雖說我推薦SublimeText,但其實我是一個Atom用戶,兩者用起來感覺差不多。


Atom比較Cool的地方是,它是通過Web技術搭建起來的桌面端軟體。這也有個問題,畢竟它是通過Web技術搭建的(可以看成是運行在chrome內核的瀏覽器上網站),這就導致了這款編輯器相當耗電。


總之選擇一個自己喜歡的編輯器,寫代碼去吧!!!


3、獨立解決問題的能力


「這種能力是個人都有啊!!」


是嗎?


如果一個程序員在一些沒有耐心的老鳥面前問這種問題的話,我相信老鳥們不只是內心有千萬只草泥馬在蹦騰,而是草泥馬早已脫口而出了。


「當然如果對象是妹子的話,我們倒是很樂意著手幫她解決這些問題。」


以上哥們明顯就還不具有這種獨立解決問題的意識,並不是說不能拿問題去請教別人。而是,您需要請教別人的問題,必須是自己已經動手嘗試解決,而且解決不了的問題。


畢竟程序員最怕打擾,咱們能不打擾就不打擾。


我們生活在如此幸福的時代,其實很多問題已經有大牛解決了,並且他們會把經驗分享到網上,我們需要做的只是組織好自己的問題簡單地Google,或者網路一下。這樣很難嗎?


如果連這點都做不到,那我覺得要進入一家公司或者是在一家公司里生存都是很艱難的事情。畢竟大部分公司需要的是能夠解決問題的程序員,而不是只會寫代碼的打字員。


4、閱讀英文文檔


這讓我之前想起知乎上Vue.js作者尤雨溪說過的一句話,其大意是:


我為什麼要浪費跟家人相處的時間來教你學英文?


如今大部分優秀開發的資源都是以英文的形式展現到網路上的。


當然不排除有些國內的熱心人會把他們翻譯成中文,再託管到相關網站上,但是,這畢竟是少數。而且中文文檔往往會跟不上國外官網的腳步。


還記得我當初用Python的時候,框架Django的中文版本是1.6.x而官方的最新版本已經到1.8.x了。這也導致了,如果你用著新版本的框架,而看著舊版本文檔寫代碼的話可能會引入一些新版本裡面已經拋棄了的寫法,進而你的項目可能會出現一些詭異的行為。而且這類bug往往最難發現。


當然,並不是說你一定要英文很流利才行,但是最起碼要看得懂英文文檔。(實話說現在我工作快兩年了,看英文文檔還是有些吃力。)


5、操作系統


好吧,允許我再_嗦一下。


這里我們談談操作系統,畢竟有些朋友還是會糾結選擇什麼操作系統。


Windows


§優點:用戶頁面可用性較好,豐富的桌面端軟體,玩游戲一級棒。


§缺點:軟體廣告比較多,病毒相對多些,命令行不夠友好。


Linux


§優點:命令行非常好用,開源社區活躍,發行版本比較多。


§缺點:常用桌面軟體開發商比較少,QQ這些都沒有。有些發行版不怎麼穩定,經常卡死。


MacOS


§優點:命令行非常好用,界面優雅,可用性高。蘋果商店有許多windows平台所沒有的優質軟體。


§缺點:設備昂貴,普遍配置不高,不太適合打游戲。


以上是我使用操作系統的一些小體會吧。至於具體使用什麼系統各位可以自行掂量,但是個人覺得結合命令行開發會更爽一些,因此我曾經選擇過Linux。後來,機緣巧合之下買了台Macbook之後就再也回不了頭了。


正如業界的人所贊賞的


「MacOS就像是Liunx跟Windows的結合體。它既有Windows的用戶友好的界面,也有Linux優雅的命令行。」


不過這玩意兒


用了之後就很難回頭了。


我有個同學買了它之後,乾脆把LOL(英雄聯盟)都戒了。


6、HTML+CSS+JavaScript


現在才談這些技術點並不是說這東西不重要。只是我覺得這三樣東西就算我不說,只要你有心搞前端肯定會去學,那還有說的必要嗎?(此處省略百萬字)


以上就是小編今天為大家分享的關於Web前端工程師給你傳授web學習經驗的文章,希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助,想要了解更多web前端知識記得關注北大青鳥web培訓官網。最近祝願小夥伴們工作順利。


作者:心旗,來源:CSDN


原文:https://blog.csdn.net/qq_41852103/article/details/81286344


❿ 前端切圖切到很高的境界是怎樣一種體驗

就我個人的一點經驗分享一下,談不上很高的境界,只說是一點心得,我認為比較好的切圖的同學是,如何在眾多林立的需求之間取得一個平衡。說到底還是眼界的問題,剛開始可能糾結如何命名css比較易用,過後可能糾結html結構是否合理,然後頁面是否兼容,可復用,再往後頁面功能設計是否合理,頁面體驗是否符合人的基本心理需求。做的時間長了,就有空琢磨這個產品到底如何,能否真的佔有一定的市場或用戶量,然後做失敗幾個產品之後,看看其它行業是否還有潛力的機會,是否有與互聯網接合的切點。然後在跨地區看看,地球那邊的行業是怎麼樣的?所以,下午去巴黎看看那邊是否有訂餐需求不是一個夢。然後在每個階段下對前端的審視或要求是不一樣的,也談不上很高的境界,只是公司或人原來的目標或需求變了,所以就像我以前提到一樣,這個點永遠都達不到,只有無限可能的接近。

然後在分享點目前我接觸到具體的體驗:
1. 滿足UI同學的視覺需求。
無論是css hack還是通過js進行差異化處理,從技術手段上無底線的實現UI同學的視覺要求。這是工作負責的態度,也是自我需求突破的一個手段。從UI同學來說,做的設計稿沒有達到要求,是對其本身工作成果的不尊重。

2. 控制好後端同學的數據顯示。
前端做為後端同學的代言人,無趣的數字通過有趣的交互或界面展現出來,本身是一件很美好的事情,通過合作的方式讓整個流程完美無瑕,但總是在外界因素的影響下,把握不好。

3. 在這有限的條件下提高自己的效率或代碼質量。
這就要提到一般頁面的 頁面的健壯性,擴展性,復用性。

a. 健壯性:
這個怎麼說呢,UI出的psd圖是一個頁面理想狀態下的形態,而頁面有數據,會出現兩種極端狀態,一,數據極多,二,數據極少。所以在頁面排版的時候,考慮這兩種狀態,以免數據太多的時候,撐破頁面,以免數據太少,頁面部分元素會出現收回去狀況,這樣的頁面會出現一些細節沒有處理的常規失誤。

b. 擴展性:
可以說,這個也是第一條的擴充,擴展性的意思為,在頁面的模塊很少的時候,要考慮未來添加子模塊或兄弟模塊的狀態,為將來留好html介面。在將來添加模塊的時候,盡可能少的去動原來的html結構,使html易於擴展。這個具體情況,具體處理。一般的處理就是如果有可能會有兄弟元素就多套一層,為後台添加兄弟元素盡可能的不影響現有結構。這個點乍看起來很小,其實如果擴充到整個項目,多個項目就有可觀的效應了。

c. 復用性:
由於頁面中風格相似的模塊很多,或頁面中與頁面中相似的模塊很多,但是總會有那麼一丁點的差異,這是設計師認識世界然後在表達世界的產物,我們理解設計師的職業操守,所以只能在前期做一些技術處理,免得後期問候某崗位的親人。具體的有的模塊高點有的模塊低點,還有結構完全一樣,但底紋不一定。這樣建議把表現形式的樣式放在一個class中,物理屬性放在一個class中。還有就是裝飾性的圖片決不不以明標簽的方式插入到頁面中,內容式的內容絕對以<img src="" />的方式插入中去,以免將來多主題,多語言版本的實現。

可能有時候還有的情況是,頁面完全切不出來,html,css完全不知道怎麼寫了。但基礎掌握良好,概念基本清楚。這時候我個人建議應該是吸收別人好的東西時候到了,也是個人水平瓶頸的時候,需要在堅持一下完全的突破。具體的方式就是,用firebug去分析先有的bat各個項目的各個頁面,總有你可以借鑒的地方。