摘要：難怪超過三分之一的開發人員工作需要一些知識。但是隨著行業的飽和，初中級前端就業形勢不容樂觀。整個系列的文章大概有篇左右，從我是如何成為一個前端工程師，到各種前端框架的知識。

這是一個非常有意思的問題。 作者會在參數為3個（包含3）以內時，優先使用 call 方法進行事件的處理。而當參數過多（多余3個）時，才考慮使用 apply 方法。 這個的原因就是 call 比 apply 快。 網上有很多例子全方位的證明了 call 比 apply 快。大家可…

一些基本的面試題，可以收藏

域，在中文里面表示的是一個范圍。
所以從字面理解作用域表示的應該是可以作用的范圍，這樣去理解很接近作用域的實際作用了。但是還是不太準確。
作用域本質其實是一套規則，目的是為了確定在哪里以及怎么樣去查找變量(標識符)。
為了弄…

◎ 同一個人的簡歷并非只有一個樣式，而同一個樣式的簡歷并不是在任何一次投遞都能得到青睞。
◎ 同一個面試問題并非只有一個答案，而同一個答案并不是在任何面試場合都有效。

◎ IT言職：技術簡歷撰寫 ∞ 擇選簡歷模塊釋義 -> 微眾

在下一頁，我們將進入到遞歸的論題。 我們來談談遞歸吧。在我們入坑之前，請查閱上一頁的正式定義。 大部分的開發人員都承認遞歸是一門非常強大的編程技術，但他們并不喜歡去使用它。在這個意義上，我把它放在與正則表達式相同的類別中。遞歸技術強大但又令人困惑，因此被視為 不值得我們投入努力…

阿里被調崗到阿里音樂，已收到意向，base杭州，這個比較運氣。。 補完了百度三面的所有面經，正式結束秋招吧。 總結一下，現在互聯網公司對于前端的要求提高了很多，已經不滿足于招聘一個只會寫頁面的前端，由于一些MV*框架在前端大行其道，并且很多后端的業務邏輯也在逐步往前端遷移，所以…

根據Stack Overflow調查，JavaScript是最受歡迎的編程語言，自2014年以來一直在使用JavaScript。難怪超過三分之一的開發人員工作需要一些JavaScript知識。所以，如果你打算在不久的將來作為開發者工作，你應該熟悉這種非常流行的語言。 這篇文章的…

前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID：frontshow），及時獲取前端每周清單；本文則是對于半年來發布的前端每周清單中的 Ja…

在這個前端用戶體驗越來越重要的時代，你的頁面稍微有點卡頓，都難以挽留用戶。而作為一名有追求的前端，勢必要力所能及地優化我們前端頁面的性能。今天，就來談一談那些前端性能優化的加載技術，利用這些技術可以很好地提高網站的響應速度和用戶體驗。 頁面渲染 在理解真正的優化技術之前，我們需要…

本文是博主最近處理一些網站卡頓問題的學習記錄。 在講DOM操作的最佳性能實踐之前，先介紹下瀏覽器的基本渲染原理。瀏覽器渲染展示網頁的主流程大致可以用下圖表示： 需要著重指出的是，這是一個漸進的過程。為達到更好的用戶體驗，瀏覽器會力求盡快將內容顯示在屏幕上。它不必等到整個 HTM…

作者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。 這是一本可供任何人使用的指南，用于學習前端開發實踐。該指南大體上勾勒出了前端工程的輪廓，同時也討論了前端工程的實踐：2017 年，如何學習前端工程，用什么工具來實踐？ 筆…

Javascript 作為一種動態語言，其語法特別是變量具有更多的靈活性。對于js的掌握程度不僅僅是實現功能，更需要理解背后的原理。

在我們設置CSS的時候，對標簽元素不設置邊框屬性或者取消邊框屬性一般設置為：border:none;或border:0;兩種方法均可。border:none;與border:0;的區別體現有兩點：一是理論上的性能差異、二是瀏覽器兼容性的差異。
【border:0;】把borde…

什么是響應式？響應式的頁面在不同的屏幕有不同的布局，換句話說，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應式布局是為了解決適配的問題，傳統的開發方式是PC端開發一套，手機端再開發一套，而使用響應式布局只要開發一套就好了。因為它是用的同樣html，所以它的JS…

外邊距重疊是指兩個或多個盒子(可能相鄰也可能嵌套)的相鄰邊界(其間沒有任何非空內容、補白、邊框)重合在一起而形成一個單一邊界。本文針對相鄰、嵌套該兩個場景提出來解決方案。

JavaScript 對象可以具有與它們相關聯的任意屬性。對象屬性的名稱可以包含任何字符。JavaScript 引擎可以進行優化的一個有趣的例子是當屬性名是純數字時，一個特例就是數組索引的屬性。

就在最近這幾年，CSS領域已經發生了極大的好轉。（絕大多數）瀏覽器已經在兼容性上逐漸趨同，它們不兼容的地方幾乎都是因為某一家支持了某個特性，而另一家還沒支持——這比兩家都支持但效果不一樣要強多了。我們現在不需要再刻意記錄某個瀏覽器的bug了。
一、標準的制定過程 與大眾的理解大…

"金三銀四，金九銀十"，用來形容求職最好的幾個月。但是隨著行業的飽和，初中級前端er就業形勢不容樂觀。 行業狀態不可控，我們能做的當然只是讓自己變得更加具有競爭力。 今年自己也用了幾個月的時間來準備筆記面試，鞏固基礎知識。特此將自己在這個過程總結的題目分享出來，希望對于求職和準…

這篇文章，主要是總結一下，我在移動端布局用過的方法。有三種，一種是響應式布局，利用@meida判斷各個size；第二種是REM；最后是設置viewport中的width。
這種感覺是最好理解了，利用@media進行斷點，在每個斷點中編寫css。
上面這段代碼，在瀏覽器的寬度低于…

這又是一個面試經典問題~/(ㄒoㄒ)/~~也是 ES5中眾多坑中的一個，在 ES6 中可能會極大避免 this 產生的錯誤，但是為了一些老代碼的維護，最好還是了解一下 this 的指向和 call、apply、bind 三者的區別。 在 ES5 中，其實 this 的指向，始終…

2017 年 1 月份，看完村上春樹的新書《我的職業是一個小說家》，我便萌發了寫一個《我的職業是前端工程師》系列文章的想法——以個人視角來看前端領域的各種技術。整個系列的文章大概有 15 篇左右，從我是如何成為一個前端工程師，到各種前端框架的知識。

還有幾天就到國慶中秋了，快要放假了，先祝大家節日快樂！之前寫過js的寫作建議和技巧，那么今天就來聊聊css吧！說到css，每一個網頁都離不開css，但是對于css，很多開發者的想法就是，css只要能用來布局，把效果圖排出來就可以了，其它的細節或者優化，不需要怎么考慮。但是我覺得…

此為前端開發團隊遵循和約定的代碼書寫規范，意在提高代碼的規范性和可維護性。
此規范為參考規范，不全是硬性要求，部分硬性約定見下一條書寫規范，統一團隊編碼規范和風格。讓所有代碼都是有規可循的，并且能夠得到沉淀，減少重復勞動。

20個CSS高級技巧匯總。使用技巧會讓人變的越來越懶，沒錯，我就是想讓你變懶。

所謂一等公民①顧名思義身份高，JS任何只要是值能到達的地方，函數都可以去。 這種編程方式很常見，誰都會寫，我們一般叫這種編程方式稱之為命令編程②，這個邏輯完全在你掌握之中，你只要規定計算機在你想要的時候執行一些不同的動作就可以了。 下文中出現的注解underscore方法會在文…

大家好，今天的分享主要分為以下三個部分。 由于目前計算機專業還沒有為 Web 前端技術設立專門的課程，每位同學對前端的了解程度也不一樣，今天的講座會以最淺顯的方式來為大家介紹 “前端”，幫助大家建立一個基本的概念。 我們來簡單地看一看 “網頁展現” 的整個過程。 比如這里有一個…

在做H5項目時，需要在橫豎屏變化時，做一些處理。原生的orientationchange事件又有兼容性問題，本文從orientationchange、resize監聽、matchMedia三個方面講了如何一步一步實現一個兼容性較強的監聽橫豎屏變化事件

在大多數計算機語言中，｛｝這樣一對花括弧叫一個塊級作用域，也就是一個執行環境。在一個執行環境中，執行環境內部的變量在作用域外部式無法被訪問到的。執行環境內部倒是可以訪問外部的變量。 但由于JS中沒有塊級作用域，只有函數作用域。所以類似于像for(；；){ }這樣的作用域，實際上…

本文介紹了什么是getBoundingClientRect；以及獲取width,height的兼容性寫法；最后介紹了兩個使用場景：獲取頁面元素的位置和判斷元素是否在可視區域。

之前在本站發表了一篇文章，《JS正則表達式完整教程（略長）》，正如你所看到的那樣確實很長，也獲得了近1000人的喜歡。但文章太長，想必有很多同學看不下去，大都只是收藏罷了。因此我整理成一本pdf。既然只是收藏，那么收藏文章就不如收藏書來的好。其實，整理成pdf的靈感也來自本站讀…

今天 github 上看見以前的朋友總結的一片前端知識點的文章匯總，感覺收集的很全面，分享給大家，希望能夠給大家帶來幫助。

同步：一個進程在執行某個請求的時候，若該請求需要一段時間才能返回信息，那么這個進程將會一直等待下去，直到收到返回信息才繼續執行下去。 異步：進程不需要一直等下去，而是繼續執行下面的操作，不管其他進程的狀態。當有消息返回時系統會通知進程進行處理，這樣可以提高執行的效率。 進程：狹…

本文檔包含了Isobar公司的創意技術部（前端工程）開發web應用的規范。現在我們把它開放給任何希望了解我們迭代過程最佳實踐的人。

第二段代碼就不一樣了，setInterval是當run()跑了不到10s，那么就是10s走一回，如果setInterval大于10s，我們后面詳解。

BFC: 提供一個環境，html元素會在這個環境中按照一定的規則進行布局。 ex: 例如浮動元素會形成bfc,浮動元素內部子元素主要受該浮動元素影響，但是兩個浮動元素互相不影響。 這個可以理解為一個獨立容器，里邊規則不會影響到外邊。 這些基本的比如比如哪兒是content大家都…

寫這篇文章之前，我對閉包的概念及原理模糊不清，一直以來都是以通俗的外層函數包裹內層....來欺騙自己。并沒有說這種說法的對與錯，我只是不想擁有從眾心理或者也可以說如果我們說出更好更低層的東西，逼格會提升好幾個檔次。。。
談起閉包，它可是JavaScript兩個核心技術之一(異步…

本文章記錄本人在學習 JavaScript 中看書理解到的一些東西，加深記憶和并且整理記錄下來，方便之后的復習。
在js里函數都是對象，這表示它們可以作為參數傳遞給其他的函數。舉例：當函數b()作為參數傳遞給函數a()，那么在某一時刻函數a()可能會執行或者調用函數b()。這種…

從硬件層面開始講，涉及到的知識層面非常廣。

今天看到《JavaScript高級程序設計》里面關于參數傳遞的章節時，有點懵。本著“打破砂鍋問到底”的精神，看了些別人寫的博客和知乎上一些大神的解釋，算是對參數傳遞有了個比較全面的了解。 在講參數傳遞前，先要理解變量在內存中的存放方式。ECMAScript變量有可能是5種基本類…

原文發表在: holmeshe.me , 本文是漢化重制版。 本系列在 Medium上同步連載。 簡單來講，異步有兩層含義，1）讓慢操作不要阻塞；2）非線性觸發事件。稍稍講深一點，在操作系統里，事件也叫中斷，這里一次中斷可以代表一個網絡收包，一次時鐘，或者一次鼠標點擊，等。那從…

熬了幾個晚上，好幾次心流狀態，總計書寫時間大約 12 個小時左右。寫這篇文章的過程中，發現自己真的有很多不足、薄弱之處。

本文主要是前端知識的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS

寫這篇文章主要有以下幾個初衷：
梳理知識體系。網上雖然有許多類似的內容，但每個人都有各自獨特的思維方式，適合自己的才是最好的。
探索不足之處。明確自己到底掌握了哪些，哪些本應掌握但還沒有學習。
完善公司的前端培訓方向。前端技能培訓的方向由懂前端、懂公司前端團隊的人來設定最好不過了。

希望借此激發大家的一點思考。我們都在路上，我不是成功的例子，我寫下我的思考，希望借此激發大家的一點思考。
一個梗。自 2012 年以來，我知乎上獲贊最多的答案卻是引用他人的答案…… 有點尷尬：《一名合格的前端工程師的知識結構是怎樣的？》

希望各位大佬多多指點~

by 吃土小 2 叉

1、瀏覽器的內核是多線程的，它們在內核控制下相互配合以保持同步，一個瀏覽器通常由以下常駐線程組成：GUI 渲染線程，javascript 引擎線程，瀏覽器事件觸發線程，定時觸發器線程，異步 http 請求線程。 GUI 渲染線程：負責渲染瀏覽器界面 HTML 元素,當界面需要重…

最近火爆朋友圈的軍裝照H5大家一定還記憶猶新，其原理是先提取出照片中的面部，然后與模板進行合成，官方的合成處理據說由天天P圖提供技術支持，后端合成后返回給前端展示，形式很新穎效果也非常好，整個流程涉及的人臉識別和圖像合成兩項核心技術在前端都有對應的解決方案，因此理論上前端也可以完成人臉識別-提取-合成整個流程，實現純前端的軍裝照H5效果。

點擊按鈕的時候，用回調函數嵌套方式，這里我加入3個li，就已經快受不了了，這就是javascript著名的回調地獄，那么在這里，我用循環簡化一下：
恩，確實簡化了，但是這種面向過程的方式，耦合性太強，下面呢，我就把這個封裝成一個通用隊列 第一步：封裝一個隊列，包含（ 入列，出列…

互聯網發展非常迅速，所以我們創造了Web平臺。通常我們會忽視連通性等問題，但用戶們卻不會視而不見。一瞥萬維網的現狀，可以發現我們并沒有用同情心、變通意識去構建它，更不要說性能了。
所以，今天的Web是什么狀態呢？
在這個星球上的74億人中，只有46％可以上網。平均網絡速度上限為…

從性能的角度看CSS選擇器