程序員前端幽默瞬間

『壹』 程序員分前端與後端，那麼後端程序員都做些什麼看完就知道了

我剛開始做Web開發的時候，根本沒有前端，後端之說。

原因很簡單，那個時候伺服器端的代碼就是一切： 接受瀏覽器的請求，實現業務邏輯，訪問資料庫，用JSP生成HTML，然後發送給瀏覽器。

即使後來Javascript在瀏覽器中添加了一些AJAX的效果，那也是錦上添花，絕對不敢造次。因為頁面的HTML主要還是用所謂「 套模板 」的方式生成：美工生成HTML模板，程序員用JSP,Veloctiy,FreeMaker等技術把動態的內容添加上去，僅此而已。

那個時候最流行的圖是這個樣子：

在最初的J2EE體系中，這個 表示層 可不僅僅是瀏覽器中運行的頁面，還包括Java寫的桌面端，只是Java在桌面端太不爭氣， 沒有發展起來。

每個程序員都是所謂 「全棧」工程師 ，不僅要搞定HTML, JavaScript, CSS，還要實現業務邏輯，編寫訪問資料庫的代碼。等到部署的時候，就把所有的代碼打成一個WAR包，往Tomcat指定的目錄一扔，測試一下沒問題，收工回家！

不差錢的公司會把程序部署到Weblogic，Websphere這樣的應用伺服器中，還會用上高大上的EJB。

雖然看起來生活「簡單」又「愜意」，但實際上也需要實現那些多變的、不講邏輯的業務需求，苦逼的本質並沒有改變。

隨著大家對瀏覽器頁面的 視覺和交互 要求越來越高，「套模板」的方式漸漸無法滿足要求，這個所謂的表示層慢慢地遷移到瀏覽器當中去了，一大批像Angular, ReactJS之類的框架崛起，前後端分離了！

後端的工程師只負責提供介面和數據，專注於業務邏輯的實現，前端取到數據後在瀏覽器中展示，各司其職。

像Java這樣的語言很適合去實現復雜的業務邏輯，尤其是一些MIS系統，行業軟體如稅務、電力、煙草、金融，通信等等。 所以剝離表示層，只做後端挺合適的。

但是如果僅僅是實現業務邏輯，那後端也不會需要這么多技術了，搞定SSH/SSM就行了。

互聯網，尤其是移動互聯網開始興起以後，海量的用戶呼嘯而來，一個單機部署的小小War包肯定是撐不住了，必須得做分布式。

原來的單個Tomcat得變成Tomcat的 集群 ，前邊弄個Web伺服器做請求的 負載均衡， 不僅如此，還得考慮狀態問題，session的一致性。

（註：參見文章《小白科普：分布式和集群》）

業務越來越復雜，我們不得不把某些業務放到一個機器（或集群）上，把另外一部分業務放到另外一個機器（或集群）上，雖然系統的計算能力，處理能力大大增強，但是這些系統之間的通信就變成了頭疼的問題， 消息隊列 （MQ)， RPC框架 （如Dubbo）應運而生，為了提高通信效率，各種 序列化的工具 (如Protobuf)也爭先空後地問世。

單個資料庫也撐不住了，那就做資料庫的 讀寫分離 ，如果還不行，就做 分庫和分表 ，把原有的資料庫垂直地切一切，或者水平地切一切， 但不管怎麼切，都會讓應用程序的訪問非常麻煩，因為數據要跨庫做Join/排序，還需要事務，為了解決這個問題，又有各種各樣「 數據訪問中間件 」的工具和產品誕生。

為了最大程度地提高性能，緩存肯定少不了，可以在本機做緩存(如Ehcache)，也可以做 分布式緩存 (如Redis)，如何搞 數據分片 ，數據遷移，失效轉移，這又是一個超級大的主題了。

互聯網用戶喜歡上傳圖片和文件，還得搞一個 分布式的文件系統 （如FastDFS），要求高可用，高可靠。

數據量大了，搜索的需求就自然而然地浮出水面，你得弄一個支持全文索引的 搜索引擎 (如Elasticsearch ,Solr)出來。

林子大了，什麼鳥都有，必須得考慮 安全 ，數據的加密/解密，簽名、證書，防止SQL注入，XSS/CSRF等各種攻擊。

前面提到了這么多的系統，還都是分布式的，每次上線，運維的同學說：把這么多系統協調好，把老子都累死了。

得把持續集成做好，能自動化地部署，自動化測試（其實前端也是如此），後來出現了一個革命化的技術 docker ， 能夠讓開發、測試、生成環境保持一致，系統原來只是在環境（如Ngnix, JVM,Tomcat,MySQL等）上部署代碼，現在把代碼和環境一並打包， 運維的工作一下子就簡化了。

公司自己購買伺服器比較貴，維護也很麻煩，又難於彈性地增長，那就搞點虛擬的伺服器吧，硬碟、內存都可以動態擴展（反正是虛擬的）， 訪問量大的時候多用點，沒啥訪問量了就釋放一點，按需分配，很方便，這就是 雲計算 的一個場景。

隨著時間的推移，各個公司和系統收集的數據越來越多，都堆成一座大山了，難道就放在那裡白白地浪費硬碟空間嗎？

有人就驚奇地發現，咦，我們利用這些數據搞點事情啊， 比如把數據好好分析一下，預測一下這個用戶的購買/閱讀/瀏覽習慣，給他推薦一點東西嘛。

可是這么多數據，用傳統的方式計算好幾天甚至好幾個月才能出個結果，到時候黃花菜都涼了，所以也得利用分布式的技術，想辦法把計算分到各個計算機去，然後再把計算結果收回來， 時勢造英雄， Hadoop 及其生態系統就應運而生了。

之前聽說過一個大前端的概念，把移動端和網頁端都歸結為「前端」，我這里造個詞「大後端」，把那些用戶直接接觸不到的、發生在伺服器端的都歸結進來。

現在無論是前端還是後端，技術領域多如牛毛，都嚴重地細分了，所以 我認為真正的全棧工程師根本不存在，因為一個人精力有限，不可能搞定這么多技術領域，太難了 。

培訓機構所說的「全棧」，我認為就是前後端還在拉拉扯扯，藕斷絲連，沒有徹底分離的時候的「全棧」工程師。

那麼問題來了， 後端這么多東西，我該怎麼學？

之前寫過一篇文章叫做《上天還是入地》，說了學習的廣度和深度，在這里也是相通的。

往深度挖掘，可以成為某個技術領域的專家，如搜索方面的專家、安全方面的專家，分布式文件的專家等等，不管是哪個領域，重點都不是學會使用某個工具和框架， 而是保證你可以自己的知識和技術去搞定這個領域的頂尖問題。

往廣度發展，各個技術領域都要了解，對於某種需求，能夠選取合適的軟體和技術架構來實現它，把需求轉化成合適的技術組件，讓這些組件以合適的方式連接、部署、運行，這也需要持續地學習和不斷的經驗積累。

最後，以一張漫畫來結束吧！

C/C++高級工程師學習路線圖：

『貳』 前端程序員個人年終總結

前端程序員個人年終總結

不知不覺間一年就快結束了，在經過一年的努力後，我們終於可以說自己在不斷的成長中得到了更多的進步，不如來個總結以對過去工作做個分析和借鑒。那麼如何把一年一度的總結寫出新花樣呢？下面是我收集整理的前端程序員個人年終總結，歡迎大家借鑒與參考，希望對大家有所幫助。

前端程序員個人年終總結1

在學校我是學習前端工作的所以對這方面有所涉足，到了社會，我選擇了前端，選擇了這份工作，一個是喜歡一個是自己有不錯的底子，經過努力我得到了公司的青睞，進入了公司，開始了自己的前段工作生涯。

有人所做技術的非常枯燥，非常無聊，單是我就喜歡這樣的工作，從自己性格而言選擇這樣的工作對我來說正合適，也適合我，是我需要的工作，同樣我也需要這樣的工作來鍛煉自己，有這個機會有了這樣的平台反而讓我得到了更大的發展，剛進入公司的時候，我的技術和速度可以說是最慢的，但是部門需要對我的工作從來都不會嚴格催促，看到其他同事都已經做完任務，都已經做好任務，而自己還在哪裡慢慢的做就會感到有些愧疚，於是我就開始發狠，別人休息的時候我在做網頁，學習各種前段代碼，學習更多的前段知識，想辦法提升自己，一個是因為我真的不甘心落後，我在學校畢竟也是成績優異，但是卻沒想到自己與真正工作過的同事有這樣打的差距，這讓我感到非常的難過。

一顆不屈的心，讓我要堅持努力下去，我們前段，拼的的是積累，拼的是經驗，學的多，做的多才能夠得到更多，這才是我們所希望的，也是我們需要努力的，就這樣我一點點努力，一點點堅持，始終不忘自己原本的初心，始終銘記自己心中所想，終於讓我有了更多的收獲，有了更多的成績，這是我自己努力的結果，同樣也是我們公司，部門的培養，我經過了一年工作，改變了很多，青澀褪去，變得更加成熟穩重，這些都是同事給我的評價。同時自己的能力見長，我已經不再如同過去一班，沒有了以前的那種迷茫沒有了以前那種焦慮，已經融入了工作中，一點點的進步，一次次蛻變。

路還很長，做我們技術的，就要考我們踏實工作，對於工作的細節和操作都非常細心和認真都知道如果不努力做好就會留下遺憾，就會完不成任務，我曾因為一次小錯誤，令我耽擱了很長時間尋找錯誤代碼，最後雖然找到了，但是卻也浪費了很長時間這讓我清楚了自己的責任，我必須要認真對待，每一個細節，面對密密麻麻的代碼時，規范整潔有序才能夠做好工作，這才能夠減少失誤的發生，這才能讓我收獲更多。

每一天我都沉寂在工作中，當看到一個個嶄新且是自己設計和製作的網頁時我就會感到高興，感到自豪，因為這是我的'努力也是我的堅持，至少我沒有失望，付出的工作得到了結果，以後我還需努力不管過程有多難，都不能做到我這個技術宅的決心。

前端程序員個人年終總結2

轉眼間，來到遠洋科技已經三個月了，雖然時間不算長，但是這三個月讓我在遠洋學到了很多東西，結識了很多朋友，這是我最大的收獲。也讓我更加熱愛這份工作。

設計工作是痛苦與快樂的煉獄，每當面臨新的設計任務時，因為覺得自己的水平不夠，感覺充滿了壓力，開始搜集各種資料(包括文字、圖片)，接下來尋找設計靈感，沉思、焦灼，經過痛苦煎熬，終於做出來的時候倍感輕松。每當經過艱苦的磨礪，自己的勞動成果得到肯定時，便是工作中最大的快樂!充滿了快意。

一、工作總結：

從開始連效果圖都做不好到現在能自己套程序，雖然自己也付出了努力，但是更離不開同事們的幫助。在這三個月里，我學習了製作網頁的基礎知識。從配色到布局，從製作效果圖再到切片，再到用dw製作網頁，最後套程序。每一個環節我都沒有鬆懈，不管是在公司還是回到家裡，我都會充分利用時間來學習，補充自己貧瘠的知識。雖然現在的水平還遠遠不夠，但是捫心自問，我在遠洋的每一天都是充實的，沒有虛度，我相信在新的一年裡，通過自己的努力和同事們的幫助，我會學到更多的東西，不管是在技術水平上還是其他方面，都更上一層樓。

二、工作中的不足：

雖然通過三個月的努力，技術水平有所提高，但是還是存在很多不足的地方，因為基礎打的不夠好，很多地方學習起來有些吃力，不停的問同事，也給別人帶來了不少麻煩，因為知識的不足，使得開始的學習有些混亂，感覺不知道從哪裡開始學起，無從下手，浪費了不少時間。

三、新一年的目標：

過去的一年的整體上是緊張的、忙碌的、充實的。因為我剛剛來到遠洋，所以對我來說這也是充滿希望的一年。展望新的工作年度，希望能夠再接再礪，同時也加強自身的能力，工作中與同事多溝通，多關心了解其他部門的工作性質，進一步提高自己專業知識技能，積極吸收新的觀念與設計理念，要繼續在自己的工作崗位上踏踏實實做事，老老實實做人，爭取做出更大的成績來。

我相信，遠洋科技的前景是美好的，我期待我們遠洋網路科技有限公司明年有更好的發展。我會更加努力!

前端程序員個人年終總結3

根據崗位職責的要求，我的主要工作任務是

(1)負責對外宣傳，具體包括工業園網站建設、二期招商畫冊的設計製作及參加相關展會等；

(2)日常接待工作；

(3)相關活動的策劃及籌備；

(4)擔任講解工作；

(5)領導交辦的其他工作。通過完成上述工作，使我認識到一個稱職的招商主管應當具有良好的語言表達能力、流暢的文字寫作能力、網站建設維護能力、大型活動的策劃及籌備能力。目前我在網站建設、大型活動的策劃方面存在不足。在網頁製作的過程中我發現，本無法適應精美網頁的製作要求，於是重新學習了新的網頁製作軟體dreamweavermx及圖形處理軟體。目前我已熟悉了上述軟體的常用功能並能運用其進行基本的網頁製作及圖形處理。為了讓自己做一個稱職的招商人員，我閱讀了網上的部分策劃案例，以便在以後的策劃工作中有所幫助。

xxxx年又是一個充滿激情的一年，在今後的工作中，我將努力提高自身素質，克服不足，朝著以下幾個方向努力：

1、學無止鏡，時代的發展瞬息萬變，各種學科知識日新月異。我將堅持不懈地努力學習各種招商引資知識，並用於指導實踐。

2、「業精於勤而荒於嬉」，在以後的工作中不斷學習業務知識，通過多看、多學、多練來不斷的提高自己的各項業務技能。

3、不斷鍛煉自己的膽識和毅力，提高自己解決實際問題的能力，並在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。

『叄』 一個在微博中走紅的網路虛擬人物，出自程序員幽默的微博，那人是誰

掃地老太太
被譽為2011年首位網路紅人的掃地老太太，出自博友「程序員幽默」的微博。1月3日，該微博上轉載了一段文字：「據說在每一個互聯網公司里，都有一個掃地的老太太。很偶然地，當她經過一個程序員的身邊，掃一眼屏幕上的代碼，會低聲提醒對方說：小心，棧溢出了(特指計算機編程過程中出現的數據結構棧存放超過了其大小的數據)。」沒想到，這段幽默的文字瞬間在網路掀起了一場想像力接龍。
此後，網友以此句式不斷創造，以各行各業為背景，演繹出200多個神通廣大的掃地老太太。漫畫版也橫空出世。網友「漫畫成成」繪制了十多幅老太漫畫，陸續發布在自己的微博上，在「定妝照」中，一身橙色衣服的掃地老太肩扛掃帚，金雞獨立站在電腦顯示器上，做出勝利的手勢。
這也引起了很多名人的關注，著名音樂人高曉松甚至為其寫了一首名為《掃地老太太》的歌，迅速流傳於網上。

『肆』 你遇到的前端面試題都有什麼

大家好，我是王我。

隨著春節的結束，各個行業也普遍開始了上班的節奏， 不過本人17號才上班。為什麼？因為長得帥的都上班比較晚。 當然，每到新年結束，又迎來了一批招聘者與面試者，我來說說作為一年工作經驗應該知道的面試題。

HTML篇

1.doctype是什麼？有哪些類型？

2.input有哪些新類型？簡要說明其8用法。

3.HTML5有哪些新特性，移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分HTML和HTML5？

4.bootstrap響應式的原理是什麼？

5.多移動終端頁面適配是如何實現的？

CSS篇

1.如何實現兩列布局，左邊自適應，右邊固定寬度？

2.用CSS畫一個三角形

3.CSS實現字體大寫

4.display有哪些常用的屬性值？分別是什麼意思？

5.position為absolute，relative，fixed的定點位置

6.用三種方法清除浮動

7.請介紹一下margin塌陷問題

js篇

1.什麼是事件冒泡和捕獲？如何阻止事件冒泡？(分別用原生和jquery實現)

2.js創建對象，至少使用三種方法

3.簡述一下事件穿透以及解決辦法

4.用三種方式判斷變數類型是否是數組

5.如何實現對象的拷貝？

6.什麼是閉包？閉包的優缺點。

7.簡述一下ajax請求的過程。

8.簡述一下new一個人構造函數的人過程。

9.為什麼會有跨域？是怎麼解決跨域問題的？簡述一下原理。

10.js原始數據類型有哪些？

11.學一個函數，判斷一個變數是否是字元串

12.typeof有哪些結果？

13.剪頭函數和普通函數有什麼區別？

14.請用三種方法實現數組去重

15.href和src有什麼區別？

jquery篇

1.attr()和prop()有什麼區別？

2.on和bind有什麼區別？js動態添加的dom元素是通過on還是bind？

3.touch和click有什麼區別？

4.window.onload和jquery的ready有什麼區別？

vue篇

1.簡述一下vue的生命周期及其特點

2.vue雙向綁定的原理是什麼？

3.vue的特點有哪些？和jquery有什麼區別？

4.父子組件之間傳遞數據的方法

5.子組件如何共享數據？

6.一般有什麼工具進行數據交互？

7.webpack的原理是什麼？

8.簡述一下$nextTick的用法

瀏覽器篇

1.cookie、sessionStorage、localStorage的區別是什麼？

2.有用過瀏覽器緩存嗎？簡述一下基本的緩存機制

網路篇

1.http和https之間的區別

2.從伺服器的安全考慮，是使用get請求還是post請求？

3.URL請求的過程有哪些？

項目經驗篇

1.項目中遇到的最大挑戰以及解決辦法

2.常見的網頁優化有哪些？

作為一個面試一年以內工作經驗的前端程序員來說，以上的問題能夠倒答如流月薪6k應該不成問題啦。這些面試題也是我在很多面試中感覺經常被問到的題目。

希望大家年後找工作能夠順順利利， 千萬不要跟我一樣哦，只有帥氣就一無所有了。

大家好，我是王我，中國最帥的前端程序員。

前幾次都是各種培訓公司，各種忽悠就不提了，說說後面4次面試的經歷。

第一次是面一個小公司，不過他們好像沒有厲害的前端，來面我的是個後端，一來沒有問我關於js的知識，直接問我以前做過什麼，有沒有經驗，我本人不會吹牛，簡歷也沒怎麼包裝，就是自己把自學的知識和做的幾個小demo弄在上面，也用github掛在頁面上了，不過他根本不點開看，也不問，問我會不會vue，我當時對框架還不了解，他就說他們需要能直接上手開始寫的，所以我第一個就直接掛了。

第二次面試是一個國企，這個問了很多問題，都很基礎，js數據類型，數組操作，事件，大概就是高程的前面幾章看看就差不多都能答到，然後因為他們主要用jq，所以問了很多jq的操作，關於節點的，動畫的，我看鋒利的jq大概看了3遍，也練過多次，所以我答的很熟。然後問了些布局方面的，bootstrap我了解過，又看過css3，所以這方面也沒啥問題，最後在現場做了個題目，主要就是布局然後通過ajax呈現數據。後面聽介紹我面試的說面試官比較滿意，說我jq很熟，一面就過了。可惜後面電話面試不知怎麼回事可能表現的不夠自信，雖然沒問技術，但是我沒啥自信，把沒項目經驗什麼的也不知怎麼就一五一十交代了，估計因為這個掛掉了。

第三次沒問問題，直接就是一套題開做，我在那做了一個多小時。題目就是按照要求一步一步做一個頁面出來，我也搞忘了我當時卡在哪個地方了，坐在那得時候就是做不出來，沒有設計圖，要根據他的描述自己找個設計圖然後做，我第一次遇到這個有點懵，雖然當時沒做出來，不過回來我自己花了幾個小時把它做了。所以這個也是涼了。

第四個問的比較多，數據類型，數組操作，跨域，ajax，閉包，原型鏈，繼承，深拷貝，淺拷貝，模塊amd cmd，基本都是問的js。然後問了html5的新特性 css3 的新特性，遇到過什麼瀏覽器的兼容性問題，怎麼解決的，以後想往什麼方面發展。這個時候我已經會點vue了，照著做了個小demo，不過後來知道公司用的angularjs，面試官也沒看我做的，問也沒問。。以前聽網上說要帶上自己的項目去面試感覺沒起多大效果。

最後總結下如果面的比較初級的崗位，應該主要問js，原型鏈，繼承，閉包，深淺拷貝，ajax，跨域，然後js的基礎知識，對了還有apply和call也問了，html5的新特性了解下就行。主要就是看你js掌握的程度，如果稍微要求高一點的，暫時還沒面過，等以後面過在來回答

1、cookie數據存放在客戶的瀏覽器上，session數據放在伺服器上。

2、cookie不是很安全，別人可以分析存放在本地的COOKIE並進行COOKIE欺騙

考慮到安全應當使用session。

3、session會在一定時間內保存在伺服器上。當訪問增多，會比較佔用你伺服器的性能

考慮到減輕伺服器性能方面，應當使用COOKIE。

4、單個cookie保存的數據不能超過4K，很多瀏覽器都限制一個站點最多保存20個cookie。

MVVM：

m:model數據模型層 v:view視圖層 vm:ViewModel
vue中採用的是mvvm模式，這是從mvc衍生過來的
MVVM讓視圖與viewmodel直接的關系特別的緊密，就是為了解決mvc反饋不及時的問題

圖片說明一下：

說到MVVM就要說一下雙向綁定和數據劫持的原理，

MVC：

m:model數據模型層 v:view視圖層 c:controller控制器

原理： c層需要控制model層的數據在view層進行顯示

MVC兩種方式，圖片說明：

總結：

mvvm與mvc最大的區別：
MVVM實現了view與model的自動同步，也就是model屬性改變的時候， 我們不需要再自己手動操作dom元素去改變view的顯示，而是改變屬性後該屬性對應的view層會自動改變。

不懂得可以復制鏈接查看：

https://www.pianshen.com/article/3716256399/

localStorage 的生命周期是永久性的。假若使用localStorage存儲數據，即使關閉瀏覽器，也不會讓數據消失，除非主動的去刪除數據，使用的方法如上所示。localStorage有length屬性

sessionStorage 的生命周期是在瀏覽器關閉前。也就是說，在整個瀏覽器未關閉前，其數據一直都是存在的。sessionStorage也有length屬性，其基本的判斷和使用方法和localStorage的使用是一致的

有一個文本框 通過v-bind綁定了value屬性 值為myname 是我們在vue實例中定義的屬性
傳統我們獲取文本框值方法 可能通過getElementById找到文本框 然後獲取其value屬性
但是vue中直接通過v-bind綁定了value屬性 所以不需要像之前那樣獲取值
所以在後面的按鈕中獲取name值 直接獲取vue實例對象data裡面的myname屬性即可

【數據為尊 ----數據映射到瀏覽器 如果數據v-model後修改（肯定input）然後到數據在有數據映射到瀏覽器頁面 ----映射關系統稱】

緩存路由組件

使用的是vue的一個組件，參考vue的官方文檔

使用這個東西可以保證我們在切換組件的時候，原來顯示的組件不被銷毀

-----【保障組件的數據不會被切換路由而銷毀數據】

Home是對應的組件對象的名字，不是路由的名字

數組拍平也稱數組扁平化，就是將數組裡面的數組打開，最後合並為一個數組

一紅六種方法吧……

了解的請看： https://www.cnblogs.com/guan-shan/p/10165737.html

跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這里跨域是廣義的。

這樣就可以說同源策略----協議---埠---域名

原生的src和href可以解決跨域

代理可以解決

請求頭也可以攜帶瀏覽器提示的也可以解決

一般都是後端解決跨域問題

【別的需要了解看下方鏈接】

https://blog.csdn.net/qq_41604383/article/details/100770100

§ 如果你使用cli創建項目（即項目根目錄是package.json），不管用什麼ide，即便是用HBuilderX，切記cli項目的編譯器是在項目下的，HBuilderX不管怎麼升級都不會影響編譯器版本。你需要手動npm update來升級編譯器。以及如果你想要安裝less、scss等預編譯器，也需要自己npm安裝在項目下，而不是在HBuilderX的插件管理里安裝。

§ 如果你使用離線打包，請注意HBuilderX升級後，真機運行基座和雲打包對應引擎跟隨HBuilderX升級，而你的sdk需要手動升級。sdk的版本升級一般滯後HBuilderX正式版升級一兩天。

§ 如果你使用自定義基座，之前製作的自定義基座是不會跟隨HBuilderX升級的，升級HBuilderX後你應該重新製作新版自定義基座。

§ 如果你使用wgt升級，新版HBuilderX編譯的wgt，運行到之前的runtime上，一定要先測試好，看有沒有兼容性問題。如果有問題，就不要wgt升級，整包升級。

§ 考慮到向下兼容，uni-app編譯器在升級為新的自定義組件模式後，同時保留了對老編譯模式的向下兼容。
在HBuilderX alpha版中，App端一定會使用新編譯器，不理會manifest配置。
在HBuilderX 正式版中，新創建的項目會使用新編譯器，老項目不會強制使用，而是開發者自己在manifest里配置開啟。

§ 如果你使用其他ide開發uni-app，會經常因為拼錯單詞而運行失敗，因為經過webpack編譯一道，很多錯誤反應的不夠直觀，排錯時間很長，不如從開始就依賴有良好提示的HBuilderX，避免敲錯單詞。

§ 雲打包的引擎版本說明
HBuilderX Alpha，只有1套雲打包機，不管你的HBuilderX alpha版本多少，對應的打包機一定是最新的alpha版的客戶端引擎。
HBuilderX正式版，有2套打包機，一個是最新正式版，一個是次新正式版。
中間的緊急更新版本沒有獨立打包機。
舉個例子：
HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1這幾個正式版。
那麼當前可用的打包機有1.9.1和1.8.2這2台。（即每個大版本的最後一個版本）
除了這2個HBuilderX版本外，其他版本的雲打包都指向最新的1.9.1版對應的打包機。（即只保留2個大版本的雲打包機）

【詳情請看】

https://ask.dcloud.net.cn/article/35845

HTML書寫規范

H5新增標簽

HTML渲染過程

css盒子模型概念

css彈性布局概念

事件模型

DOM2級事件模型

閉包

原型鏈

常見的布局方案

移動端前端常見的觸摸相關事件touch、tap、swipe等整理

移動端前端手勢事件

移動端頁面渲染優化

GPU渲染

GPU核心渲染過程

常用的調試工具

Chrome控制台調試js使用

移動端測試

常見的HTTP狀態碼

不同請求類型的區別

WEB緩存方案

——————————

牛客網（www.nowcoder.com）

- 專業IT筆試面試備考平台

- 最全C++JAVA前端等互聯網技術求職題庫

- 全面提升IT編程能力

- 程序員交友聖地

分享了一些Web前端的面試題，限時一小時，你看看自己能夠答出多少道！

放心，這些面試題都是一些非常基礎的知識，只要你在平時認真聽課、學習了，那麼這些面試題肯定不會難道你。

建議：雖然沒有人監督你，但還是希望你不要去尋找答案，脫離網路，拿起紙筆，你試一下自己究竟能夠答出個什麼水平！有沒有真本領？答案盡在這些面試題里！那麼，你准備好了嗎？OK！計時開始！

01、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？

02、HTML5為什麼只需要寫？

03、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？

04、頁面導入樣式時，使用link和@import有什麼區別？

05、介紹一下你對瀏覽器內核的理解？

06、常見的瀏覽器內核有哪些？

07、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？

08、如何區分HTML和HTML5？

09、簡述一下你對HTML語義化的理解？

10、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？

01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？

02、CSS選擇符有哪些？哪些屬性可以繼承？

03、CSS優先順序演算法如何計算？

04、CSS3新增偽類有那些？

05、如何居中p？如何居中一個浮動元素？如何讓絕對定位的p居中？

06、display有哪些值？說明他們的作用。

07、position的值relative和absolute定位原點是？

08、CSS3有哪些新特性？

09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？

10、用純CSS創建一個三角形的原理是什麼？

01、介紹Java的基本數據類型。

02、說說寫Java的基本規范？

03、Java原型，原型鏈？有什麼特點？

04、Java有幾種類型的值？(堆：原始數據類型和棧：引用數據類型)，你能畫一下他們的內存圖嗎？

05、Java如何實現繼承？

06、Java創建對象的幾種方式？

07、Java作用鏈域？

08、談談This對象的理解。

09、eval是做什麼的？

10、什麼是window對象？什麼是document對象？

OK，一小時到了，這個時間可不算短了，那麼這些面試題你答出了幾道呢？你寫的答案正確了嗎？現在你可以去翻看答案了。

如果你答出了絕大多數的或者是全部的題，並且答案也正確了，那麼恭喜你……

你這時心裡是不是有點小竊喜，認為自己有能力拿高薪了？雖然我也很想這么告訴你，但事實上這只能表明你的基礎扎實，畢竟這只是一些非常基礎的面試題。騷年~繼續努力吧！

如果你只答出了小部分或者答出了大部分題但答案不正確，那麼我只想說：「騷年，你的水平還差的遠呢。」連這么基礎的題你都打不出來，還想拿高薪？回去再練一段時間吧！

扎實的基礎是你拿高薪的重要武器，如果你連基礎都不扎實，那麼想要攻克「高薪」這個厚實的堡壘，那隻是痴人說夢罷了。

1.前端框架類問題，問你會不會用vue react啊

2.語言類，問你一些JavaScript語言的問題

3.項目經驗，讓你講講做過的項目，遇到的問題和解決之道

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

想要成為一個好的前端程序員，需要掌握的技術還是比較多的，比如HTML5開發、JavaScript、Veu.js框架開發等等。

前端就是展現給用戶瀏覽的部分。我們通常說的前端，其實是指前端開發，也就是創建PC端或移動端等前端界面給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。

學習的內容包括：

①計算機基礎以及PS基礎

②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）

③移動開發

④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）

⑤小程序開發

⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）

⑦就業拓展（網站SEO與前端安全技術）

互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。

想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。

祝你學有所成，望採納。

『陸』 據說每一個互聯網公司都有一個掃地的老太太，

始於新浪微薄 @程序員幽默:據說在每一個互聯網公司里，都有一個掃地的老太太。很偶然地，當她經過一個程序員的身邊，掃一眼屏幕上的代碼，會低聲提醒對方說：小心，棧溢出了。

2011-1-4 15:46 回復

尼瑪勒格彼德帝
80位粉絲
2樓

據說在每一個英語培訓機構里，都有一個掃地的老太太。很偶然地，當她撿起一張掉在地上的報紙，掃一眼上面的內容，會低聲自然自語：這個單詞拼錯了。

2011-1-4 15:46 回復

尼瑪勒格彼德帝
80位粉絲
3樓

據說在每一個設計公司里，都有一個掃地的老太太。很偶然地，當她經過一個前端工程師的旁邊，掃一眼屏幕上的代碼，會低聲提醒對方說：小心，IE6不兼容啦。

2011-1-4 15:46 回復

尼瑪勒格彼德帝
80位粉絲
4樓

據說在每一個廣告公司里，都有一個掃地的老太太。很偶然地，當她經過一個設計師的身邊，掃一眼屏幕上的圖片，會低聲提醒對方說：小心，這張圖是有版權的。

2011-1-4 15:47 回復

尼瑪勒格彼德帝
80位粉絲
5樓

@WliNkiQ:據說在每一個食科院的大廳里，都有一個掃地的老太太。很偶然地，當她經過一個副教授的身邊，看了一眼布滿結構式的講義，低聲提醒對方說：小心，羥基位置錯了~

2011-1-4 15:47 回復

尼瑪勒格彼德帝
80位粉絲
6樓

@丁殼兒:據說在每一座有機合成實驗樓里，都有一個掃地的老太太。很偶然地，當她經過一個實驗員的身邊，掃一眼實驗記錄上的投料量，會低聲提醒對方說：小心，催化劑加多了。

2011-1-4 15:47 回復

尼瑪勒格彼德帝
80位粉絲
7樓

@廣播:據說在每一個電台直播區里，都有一個掃地的老太太。很偶然地，當她經過一個播音員的身邊，聽了一耳朵備稿，低聲提醒對方說：注意斷句。

2011-1-4 15:47 回復

尼瑪勒格彼德帝
80位粉絲
8樓

@李牧:據說在每個報社采編區，都有一個掃地的老太太。很偶然地，當她經過一個記者的身邊，掃一眼屏幕上的文字，會低聲提醒對方說：標題歧義。

2011-1-4 15:47 回復
尼瑪勒格彼德帝
80位粉絲
9樓

@李冰清Lily:據說在每一個雜志社裡，都有一個掃地的老太太。很偶然地，當她經過一個編輯身邊，掃一眼二校打樣稿，會低聲提醒對方說：這個德語標題你拼錯了，U上面還要加點的

2011-1-4 15:48 回復

尼瑪勒格彼德帝
80位粉絲
10樓

@andydzeko:據說在每一個大學自習室里，都有一個掃地的老太太。很偶然地，當她經過一個抓耳撓腮復習考研學生的身邊，掃一眼模擬卷上的題目，會低聲提醒對方說：用拉格朗日中值定理，試試。

2011-1-4 15:48 回復

尼瑪勒格彼德帝
80位粉絲
11樓

@華麗d悲劇:據說在每一個大學食堂里，都有一個掃地的老太太。很偶然地，當她經過一個廚師的身邊，掃一眼鍋里的菜，會低聲提醒對方說：少放鹽了。

2011-1-4 15:48 回復

尼瑪勒格彼德帝
80位粉絲
12樓

@Miss茱莉89:據說，在每個醫學院校的實驗室，都有一個掃地的老太太。很偶然地她經過一個護生的身邊，看了下桌上的安瓿，會低聲提醒對方說：小心，青黴素要先皮試。

2011-1-4 15:48 回復

尼瑪勒格彼德帝
80位粉絲
13樓

@香丘之都:據說在每一個醫院的走廊里都有一個掃地的老太太，很偶然的，當她經過一個手術室門口時，向門內掃了一眼，對出來的護士低聲提醒道：小心，鉗子縫在裡面了。

2011-1-4 15:48 回復

尼瑪勒格彼德帝
80位粉絲
14樓

@傾木:據說在每一個心理咨詢機構里,都有一個掃地的老太太。很偶然地,當她經過診室旁邊,向單面鏡內掃了一眼,會低聲提醒咨詢師:小心,來訪者阻抗很嚴重。

2011-1-4 15:49 回復

尼瑪勒格彼德帝
80位粉絲
15樓

@Tulipren:據說在每一個會計師事務所里，都有一個掃地的老太太。很偶然地，當她經過一個審計師的身邊，掃一眼屏幕上的excel，會低聲提醒對方說：小心，現金流量表不平的

2011-1-4 15:49 回復

尼瑪勒格彼德帝
80位粉絲
16樓

@偉哥日報:據說在每一個政府里，都有一個掃地的老太太。很偶然地，當她經過一個官員的身邊，掃一眼文件上的簽字，會低聲提醒對方說：注意，應該局長先簽批意見。

2011-1-4 15:49 回復

尼瑪勒格彼德帝
80位粉絲
17樓

@微言博論:【【據說在每一個村委會辦公室里，都有一個掃地的老太太。很偶然地，當她經過一個村幹部的身邊，掃一眼幹部手中的賬目本，會低聲提醒對方說：小心，不要讓錢澐澮知道這個。】】

2011-1-4 15:49 回復

尼瑪勒格彼德帝
80位粉絲
18樓

據說在每一個火車站里，都有一個掃地的老太太。很偶然地，當她經過一個乘客的身邊，掃一眼手上的票，會低聲提醒對方說：小心，票是黃牛賣你的。

『柒』 你印象中的程序員

沒有情調，不懂浪漫，也許這是程序員的一面，但擁有朴實無華的愛是他們的另一面。

我個人感覺印象中的程序員就是，頭頂英年早禿，發際線英年上移（開玩笑的說），其實我朋友做程序員的就會下意識的看我的頭發，說不像啊，其實很多程序員的時毛發濃密的，並不是所有的都聰明絕頂，很多程序員的智慧是「掩蓋」著的！

在網上看到一句關於程序員的話:

我的代碼曾運行在幾千萬用戶的機器上，作為一個程序員，還有什麼比這更讓人滿足的呢？如果有，那就是讓這個用戶數量再擴大 10 倍。

我感覺程序員是值得我們尊敬的。，程序員的雙手是魔術師的雙手。 他們把枯燥無味的代碼變成了豐富多彩的軟體（現在我們使用的健康碼，行程碼）。

程序不是年輕的專利，但是，他屬於年輕……