前端大神死了

完事;css中編寫樣式時不能頁面上樣式是有了，類名和屬性排序寫得一塌糊塗，建議大家按照BEM規范編寫風格良好的代碼;js中變數命名隨意是很常見的不規范行為，一個不直觀的變數名往往使同事看了腦袋大。


「代碼千萬行，注釋第一行。命名不規范，同事兩行淚。「一首流行詩，飽含了多少程序員的血與淚。


3、深究原理


Angular，react,vue框架和腳手架的普及，越來越多的前端工程師浮於表面，調用框架的API完成任務就完事。要成為一名優秀的前端，絕不能成為單純的"API調用工程師"，一定要掌握框架背後的原理性知識。


VirtualDOM
diff演算法，雙向綁定原理等等框架背後的機制都值得我們去學習。框架API可以更新很快，而他們背後的原理都是相似的，學好原理既可以讓我們對框架底層了解更深入，又可以使我們迅速掌握不斷更新的框架表層。只會用框架永遠也成不了大神。


4、良書益友


雖然現在網路上各種文檔、博客文章已經很豐富了，但是對工作經驗不足，基礎薄弱的同學來說，隨手拿起書，時時能學習才是王道，查漏補缺，完整地夯實基礎。


我推薦幾本值得購買的書給大家，《圖解HTTP》、《JavaScript設計模式與開發實踐》、《深入理解ES6》，《高性能JavaScript》。這些書籍都值得多次反復閱讀，對於鞏固基礎，學習框架原理性知識，寫出高性能的代碼都是大有裨益的。


5、登高見遠


前端經歷了這么多年的飛速發展，早已成為浩瀚的大海。如果悶著頭獨自鑽研苦學，那無疑是很慢的。


如果我們直接去跟隨大神學習，那將會使我們快速成長。github上有很多優秀的前端項目，仔細研讀這些項目的代碼，在commit記錄中查看編程思想和邏輯的進化過程，就是一場與大神直接的面對面交流，是一場絕妙的學習之旅。


現在網路課程也十分豐富，有很多技術大牛的課程讓我們直接通過視頻生動的講解快速地學習技術，這何嘗不是一種向大神快速學習的方式呢。


6、緊跟潮流


現在的前端技術體系更新十分迅速，想著要不要嘗試用下vue的事彷彿還在昨天，今天一覺醒來就看到尤雨溪宣布要開發vue3.0了。


前端體系中這兩年SPA已經不是新名詞，PWA，SSR，小程序愈發流行，前端微服務化的趨勢也應運而生，RN,electron在移動端，桌面端的使用也越來越多，ES10標準的發布也沒幾個月了。


所以最重要的是突破當前崗位需求的設限，對各種技術融會貫通，創造新的技術框架，做技術的領頭羊，適應時代發展。


技術人成長不能再單打獨斗，要學會與人交流，學會將別人的知識為自己所用。如果你依然覺得有些茫然，不如跟有多年前端開發經驗的資深工程師聊一聊。


七、其他發展方向和前景


除了在相關公司從事html5前端工程師的工作外，你還可以選擇以下兩種工作方式，賺錢多，也更自由。


1、自主創業：全職+兼職


學好html5前端相關技術，也可去一些網路交易平台開設店鋪，或成立工作室，專為小企業或是個人開發網站和H5小游戲，不僅工作自由，成本小，賺錢機會也多。也可在上班的同時在網上接單，與同事合作，利用下班時段和假期完成訂單。


2、網路運營人員：全職+兼職


現在許多企業都注重線上運營，配有運營崗位，但懂技術的這方面人才很少。


所以，你只需精通html、css3，會簡單的JQuery、JavaScript，在簡歷上寫著精通html5，起碼能使你的月薪在原基礎上再提升1.5K-3K。或兼職做代運營，每月一個號也有3.5k左右的收入。


互聯網時代，早已不是只拿一份死工資的時代，學會html5前端技術開發，將來不論做什麼，你都多一種賺錢能力。


以上就是小編今天為大家分享的關於學好web前端的幾點建議的文章，希望本篇文章能夠對想要學好web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們學習成功，成為一名優秀的web前端工程師。


文章來源：原創張_前端留學生

『柒』 手機端網頁不設置div的高度的話，字體大小就變得很大，哪位大神能解決呢

把你的網頁設置成響應式的，

『捌』 前端工程師寫在年末的一些話

寫慣了技術類的文章，這種總結和嘮嗑型的我基本也就在年末才來一篇。說實話，這種輕松類的文章往往比技術類的要受歡迎的多，因為其受眾更廣，看起來也不燒腦。


說來愧疚，這一年其實產出有點低，大致就寫了不到二十篇技術隨筆，特別下半年入職騰訊後就更少有時間動筆了。


但再忙也沒打算摒棄寫文章的習慣，一來是為了自己沉澱，二來也是希望自己能為國內的前端分享出點貢獻——這想法雖然有些滑稽，卻也是我本人確切真實的想法。有時會想著自己能給這個社會帶來、留下些什麼，如果沒有揭露相對論的能力，那麼寫點文章我還是得以勝任的。


就我個人而言，今年發生了蠻多事情，但今天不討論私事，純粹作為一名前端er來侃侃前端這塊的一些趣事兒，或者說我的一些拙見。


前端的大環境


自從09年Node出來後，前端的內容愈來愈豐富，各種技術日新月異迭代起來樂此不疲。


如果你想學習Node，可能會入手《Node.js實戰》一書，然後試著搗弄Express。殊不知現在有很多人已經玩上了KoaJS，嘲笑著還在使用
Express的民工，緊接著是用上thinkJS的人翻著白眼談笑風生。


前端自動化工具也是撕逼的厲害，從Grunt到Gulp，從Bower到jspm和webpack，彷彿一夜間Grunt
上那上萬個插件包就都統統過氣。


哦對了，謝謝谷歌和臉書，ng拉起了五花八門的前端mv*框架潮，React的組件化概念也顛覆了常規web開發的理念。


還有新面世的ES2015，讓我想到個好笑的事情——babel迭代到6的時候，各大前端技術群里風聲鶴唳的，因為相比舊版本，babel6的配置變得太多了，又缺乏(中文)文檔，導致一堆手賤升級又不懂配置的碼農哭暈在地板上。


另外Phonegap、ReactNative、Fuse等的出現也讓前端日漸滲透進了移動應用端，噢別忘了現在通過node
還能開發桌面級應用呢。


有人說這是前端最好的時代。


我覺得對前端er來說，這或許也是個挺操蛋的時代——要去了解的東西實在太多了。


前段時間Aaron在群里吐槽，表示近些日子前端的變化讓他都要崩潰了(當然是句玩笑話，真正會讓他崩潰的應該是他當日的豬肉沒賣完)。


有個朋友不久前告訴我，說他買了好幾本小說在看，我當時的表情是這樣的：


原因很簡單——我已經很久很久很久沒有涉獵過非技術類的書籍了，要知道我的書架上每天都有幾本厚厚的技術書對著我說：「還沒把我看完啊?啥時候看我啊?今晚上我好嗎?」。。。我又哪有閑暇時光去看其它的小說。


所以如果現在有張白紙(當年剛畢業的時候，我的第一位上級是這么形容我的)說他要從事前端的工作，我會笑著摸摸TA的頭溫柔地說道：「請你吃點屎冷靜下好嗎」。


武器或內功


前段時間成立了個分享小組NZOO，大熊在里頭揮著旗幟帶大夥搞Node，原生的Node。然後北川君站起來了，說他覺得更希望帶動小組直接分享一些現有的主流框架，而非把學習成本花費在原生Node上，原因很簡單——來錢快。


北川君在公司是個領導級的人物，所以很好定位他的思維——一切以開發效率為主、以錢為主。


這並非只是一個日常觀點小碰撞，我覺得有必要好好思考思考，自己現在在學的是什麼、想學的是什麼。


我在上家公司的時候，給他們部署了gulp前端自動化工程，帶起了sass、avalon等一些他們沒應用過的、開發快也更好維護的新技術，效果是，顯得你很牛逼
——
如果你擅長使用一些新穎好用的新工具，那麼常常能很直觀地給項目帶來利益(效率或性能上)，那麼這會成為你職場上的一個助力。事實上對於許多中小型企業而言，他們更注重於敏捷開發，那麼懂得「班門弄斧」會是一件重要的事情。


對於大公司而言就不一定了，像我現在所處的部門基於歷史原因基本都還在使用Grunt，有時業務需求一負責你是找不到對應的Grunt
插件的，會考究你的原生代碼書寫能力——自己寫出一個插件來作為解決方案，而不是去npm上搬個擦屁股的救兵。


作為一名老前端，肯定會用過許多主流的工具，比如jQuery及其各式插件，比如Vue比如
React，但很多時候我們就是那麼習慣性地用著，可能沒想過了解下它的源碼、實現方式——這在我後期想起來是種略為毛骨悚然的事情。


如果說把各優秀的前端工具/框架當作一把鋒利的兵器，那麼閱讀源碼、了解它們的實現方案便是內力的培養。


很多人可能工作了不短時間，但技術不見增長，一個較大的原因還是「懶」——啥功能都懶得自己寫，直接拿起插件生搬硬套，搞的頁面性能差不說，自己也不懂擴展和維護，不知其中一二。


其實說白了，武器的練習跟內功的培養其實也不沖突，你可以一手抓，只是往往罩杯較大可能沒法一手掌握，會比較吃力，那麼還是建議你審視下自己的職業規劃，是兵器能帶給你更多的利益，還是內功能讓你更強大，然後做出權衡。


如何學習


關於本人「兩年前還在群里問js對象里的冒號是什麼意思」的經典範例常常會被群里的人拿出來做談資笑料，北川這死不要臉的還說他給下屬洗腦的時候還把我當例子了。


今天下午也有個孩紙私聊我問我是怎麼學習的，才能從小白變V神(雖然我牆裂覺得後面加個「經」字才合適)。


雖然離「大神」還有挺長的摸索距離，但。。。咳咳。。。稍微吹下牛我還是可以的。如果涎皮賴臉地總結下我的學習經驗，我大致會歸納為這么幾點：


1.拒絕插件


不要遇到一個交互效果就想著扒個插件來用，想想它會怎麼實現然後試著去寫出來。遇到困難了不著急，參考下別人的插件是怎麼實現的。


個人覺得「寫插件」是每個前端小白要初步進階所必須試著去做的一件事，它對你的提升可以是很大的，不僅僅是有助於你在技術點上的認知，也有利於提升你的JS語感。


2.加入一個氛圍好的技術群/團隊


如果你身邊沒有這么一群喜愛技術的小夥伴，那麼找個氛圍好的群加進去吧，讓大神帶帶你或者跟小夥伴一起同步交流，學習起來自然也不孤單，還有人不斷激勵你前行，何樂而不為呢?


3.多利用時間


「多看書多看好文章」這種廢話我就不說了，但請你不要每天把精力花在看肥皂劇上然後又埋怨沒時間學習。


時間總是可以擠出來的，你可以在你上廁所的時候想想Ajax原生請求怎麼寫，或者像我之前像個傻逼一樣把NodeAPI列印出來拿在路上邊走邊看。


當然也不要把時間都花費在學習上，有時間多陪陪妹子多出去走走聚聚，程序員的日子不應該太壓抑。


不過我也檢討一下，上周有三天時間沉迷於我廠新游怪物獵人OL上(卧槽我真的不是打廣告)，結果第三天玩著玩著，向來討厭浪費時間的我突然覺得自己是不是神經病了(反正就這個念頭)，接著立馬把游戲卸載了。。。


4.學!英!語!


不久前很多話題討論說，英語是最沒必要掌握的課程，建議教育部革除其作為三大主課程之一的身份。對於這批可愛的網友，我建議他們可以去敘利亞好好地旅遊放鬆下。


起碼就IT行業而言，英語是非常重要的技能，特別當許多新技術出來的時候，基本只有查閱英文文獻才能找到解決方案(babel6就是個好示例)。


所以如果你的英語能力不夠好，努力地去提升它吧，裝個有道詞典劃詞來看文章，爭取能看懂外文的大部分意思。


總之這點不是開玩笑，閱讀英文文獻對於碼農來說是非常受益的事情，另外遇到問題你也得以去github提個issue來解決。


5.多沉澱


試著開個博客吧，認真地記錄下那些你在項目中遇到的問題和解決方案，或者用心地去查找、梳理你感興趣的技術點然後記錄下來。


它會耗費你一些時間精力，但也能催動你更深入地去了解、探討某個知識點，鞏固你對它的記憶。也可以作為將來反過來查詢的工具書。


6.幹掉讓自己焦慮的那些東西


在職業生涯初期，作為小白總會有許多未接觸過的技術盲點，有時候工作來了或者前往面試，都會由衷地擔心起來，為自己知識的欠缺、勝任與否而焦慮。


我個人及其討厭這種「焦慮」甚至「害怕」的感覺，一旦你感到這塊的壓力，一定要大膽地把它挖掘出來，然後一個個幹掉它。


什麼意思呢?比如當你覺得「我好像不會寫原生的Ajax」、「跨域的方法我貌似沒法都答上來」的時候，就盡早去找資料學習和了解，一步步幹掉知識盲點，這樣你只會愈來愈自信。


要記住只有你才是最了解自己弱點的那個人，只有你才是能拯救你自己的那個人(卧槽你拍電影啊)


有必要進大公司嗎?


我覺得，作為一名搞IT的碼農，沒進過BAT總會有些遺憾(我也經常拿這個激將Aaron來深圳)，所以如果有能力還是試著來這邊鍍鍍金，或者說鍍個經歷。


他會讓你了解一個大公司是怎樣運作的，會讓你視野變得很廣闊，這里也有很多前人的知識沉澱或課程分享，身邊也都是優秀的小夥伴可以交流和碰撞idea。


也會讓你走上加班不歸路(哼我設為斜體字了你們肯定看不到這一行)


但是如果你是應屆生，我建議是先別急著進大公司。


原因很簡單，大公司分工太細了，常規招你進來只做專才，你會在某個領域逐步精通，但放開整個前端面而言，會很欠缺實踐。


說實話，我覺得大企業細分工作的形式，會讓部分一直待著的員工，即使他們很優秀，跳槽去一家中小型企業的話，可能也沒法很好地勝任前端一職。因為很多中小企業要求前端得是全能的——切的了圖寫的了樣式編的了腳本，今天讓你寫個手勢插件，明天讓你搞個跨域通訊，後天讓你負責個走spa的hybird。


有能力進大企業的應屆生，往往都能在中小型企業里逐漸成為技術主導，會負責各種各樣的工作，遇到各種各樣的問題，自己手動編寫各種各樣的模塊，這能給你帶來非常豐富的從業經驗(當然也會有所壓力)。


在大企業的話，所能主導的部分自然會變少，因為有許多大牛早已幫你寫好了各種業務模塊，項目也早已確定好了相應的技術選型，而我們更多的是在上面做二次開發。


所以總的來說，能在外面有個幾年實踐和磨練再進大公司，會是我個人覺得的比較合適的選擇。


年度書籍推薦


不吹不黑，我廠AlloyTeam成員曾探先生在今年發行的《javascript設計模式與開發實踐》一書，是我個人認為的今年最佳的前端書籍之一。


本書結合了大量的業務實踐來娓娓道來js各大設計模式的原理和應用，能讓你更好地了解、掌握這些思想。


另外本書的語言組織能力也非常出色，用了許多生動形象的例子來幫讀者了解一些生澀的概念，相比之下，現在世面上某本譯作簡直是disaster(那本書被我扔在上家公司都懶得收回了)。


這本書比較適合中等級別的前端朋友來涉獵，能讓你收獲很多意想不到的知識或解決方案。


弱弱地說下，這本書是打從心裡的推薦，在群里也有很好的口碑，俺的推廣可收不到曾探先生的推廣費(曾探先生在看我文章么?下面有我二維碼哦)


今晚就嘮嗑這些，如果說了一些不中聽的大話，諸位看官笑一笑就可以了~


願後續新的一年能繼續奮力前行，共勉~

『玖』 為什麼很多精通前端的人都不使用DW(dreamweaver)做開發

前端還是用vscode好點

『拾』 自學 Web 前端真的很難找到工作嘛

不管你是自學還是培訓，找工作主要看的是技術能力、相關工作經驗、綜合實力及溝通能力等。只是對於自學的小夥伴來說，不知道企業需要哪些技術，並且不知道需要達到什麼樣的技術水平才能就業？所以在學習過程中很迷茫，學了很久之後也可能達不到要求，因此找工作很難。蝸牛學院這里根據行業變化和企業需求整理了一份最新的web前端學習路線，都是企業招聘時所需的技術，希望對自學的小夥伴有所幫助。

第一階段：專業核心基礎

階段目標：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術，動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿製任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點：

1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。

3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段：Web後台技術

階段目標:

1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握JavaScript的基本數據類型和變數的概念。

3. 熟練掌握JavaScript中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點：

1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。

2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段：資料庫和框架實戰

階段目標：

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb資料庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發後台應用程序。

6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。

知識點：

1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。

2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。

4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。

第四階段：移動端和微信實戰

階段目標：

1.熟練掌握React.js框架，熟練使用React.js完成開發。

2.掌握移動端開發原理，理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點：

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。