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

這是一個(gè)非常有意思的問題。 作者會(huì)在參數(shù)為3個(gè)（包含3）以內(nèi)時(shí)，優(yōu)先使用 call 方法進(jìn)行事件的處理。而當(dāng)參數(shù)過多（多余3個(gè)）時(shí)，才考慮使用 apply 方法。 這個(gè)的原因就是 call 比 apply 快。 網(wǎng)上有很多例子全方位的證明了 call 比 apply 快。大家可…

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

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

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

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

在下一頁，我們將進(jìn)入到遞歸的論題。 我們來談?wù)勥f歸吧。在我們?nèi)肟又埃?qǐng)查閱上一頁的正式定義。 大部分的開發(fā)人員都承認(rèn)遞歸是一門非常強(qiáng)大的編程技術(shù)，但他們并不喜歡去使用它。在這個(gè)意義上，我把它放在與正則表達(dá)式相同的類別中。遞歸技術(shù)強(qiáng)大但又令人困惑，因此被視為 不值得我們投入努力…

阿里被調(diào)崗到阿里音樂，已收到意向，base杭州，這個(gè)比較運(yùn)氣。。 補(bǔ)完了百度三面的所有面經(jīng)，正式結(jié)束秋招吧。 總結(jié)一下，現(xiàn)在互聯(lián)網(wǎng)公司對(duì)于前端的要求提高了很多，已經(jīng)不滿足于招聘一個(gè)只會(huì)寫頁面的前端，由于一些MV*框架在前端大行其道，并且很多后端的業(yè)務(wù)邏輯也在逐步往前端遷移，所以…

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

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

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

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

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

Javascript 作為一種動(dòng)態(tài)語言，其語法特別是變量具有更多的靈活性。對(duì)于js的掌握程度不僅僅是實(shí)現(xiàn)功能，更需要理解背后的原理。

在我們?cè)O(shè)置CSS的時(shí)候，對(duì)標(biāo)簽元素不設(shè)置邊框?qū)傩曰蛘呷∠吙驅(qū)傩砸话阍O(shè)置為：border:none;或border:0;兩種方法均可。border:none;與border:0;的區(qū)別體現(xiàn)有兩點(diǎn)：一是理論上的性能差異、二是瀏覽器兼容性的差異。
【border:0;】把borde…

什么是響應(yīng)式？響應(yīng)式的頁面在不同的屏幕有不同的布局，換句話說，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應(yīng)式布局是為了解決適配的問題，傳統(tǒng)的開發(fā)方式是PC端開發(fā)一套，手機(jī)端再開發(fā)一套，而使用響應(yīng)式布局只要開發(fā)一套就好了。因?yàn)樗怯玫耐瑯觝tml，所以它的JS…

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

JavaScript 對(duì)象可以具有與它們相關(guān)聯(lián)的任意屬性。對(duì)象屬性的名稱可以包含任何字符。JavaScript 引擎可以進(jìn)行優(yōu)化的一個(gè)有趣的例子是當(dāng)屬性名是純數(shù)字時(shí)，一個(gè)特例就是數(shù)組索引的屬性。

就在最近這幾年，CSS領(lǐng)域已經(jīng)發(fā)生了極大的好轉(zhuǎn)。（絕大多數(shù)）瀏覽器已經(jīng)在兼容性上逐漸趨同，它們不兼容的地方幾乎都是因?yàn)槟骋患抑С至四硞€(gè)特性，而另一家還沒支持——這比兩家都支持但效果不一樣要強(qiáng)多了。我們現(xiàn)在不需要再刻意記錄某個(gè)瀏覽器的bug了。
一、標(biāo)準(zhǔn)的制定過程 與大眾的理解大…

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

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

這又是一個(gè)面試經(jīng)典問題~/(ㄒoㄒ)/~~也是 ES5中眾多坑中的一個(gè)，在 ES6 中可能會(huì)極大避免 this 產(chǎn)生的錯(cuò)誤，但是為了一些老代碼的維護(hù)，最好還是了解一下 this 的指向和 call、apply、bind 三者的區(qū)別。 在 ES5 中，其實(shí) this 的指向，始終…

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

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

此為前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(guī)范，意在提高代碼的規(guī)范性和可維護(hù)性。
此規(guī)范為參考規(guī)范，不全是硬性要求，部分硬性約定見下一條書寫規(guī)范，統(tǒng)一團(tuán)隊(duì)編碼規(guī)范和風(fēng)格。讓所有代碼都是有規(guī)可循的，并且能夠得到沉淀，減少重復(fù)勞動(dòng)。

20個(gè)CSS高級(jí)技巧匯總。使用技巧會(huì)讓人變的越來越懶，沒錯(cuò)，我就是想讓你變懶。

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

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

在做H5項(xiàng)目時(shí)，需要在橫豎屏變化時(shí)，做一些處理。原生的orientationchange事件又有兼容性問題，本文從orientationchange、resize監(jiān)聽、matchMedia三個(gè)方面講了如何一步一步實(shí)現(xiàn)一個(gè)兼容性較強(qiáng)的監(jiān)聽橫豎屏變化事件

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

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

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

今天 github 上看見以前的朋友總結(jié)的一片前端知識(shí)點(diǎn)的文章匯總，感覺收集的很全面，分享給大家，希望能夠給大家?guī)韼椭?br>

同步：一個(gè)進(jìn)程在執(zhí)行某個(gè)請(qǐng)求的時(shí)候，若該請(qǐng)求需要一段時(shí)間才能返回信息，那么這個(gè)進(jìn)程將會(huì)一直等待下去，直到收到返回信息才繼續(xù)執(zhí)行下去。 異步：進(jìn)程不需要一直等下去，而是繼續(xù)執(zhí)行下面的操作，不管其他進(jìn)程的狀態(tài)。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理，這樣可以提高執(zhí)行的效率。 進(jìn)程：狹…

本文檔包含了Isobar公司的創(chuàng)意技術(shù)部（前端工程）開發(fā)web應(yīng)用的規(guī)范。現(xiàn)在我們把它開放給任何希望了解我們迭代過程最佳實(shí)踐的人。

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

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

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

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

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

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

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

熬了幾個(gè)晚上，好幾次心流狀態(tài)，總計(jì)書寫時(shí)間大約 12 個(gè)小時(shí)左右。寫這篇文章的過程中，發(fā)現(xiàn)自己真的有很多不足、薄弱之處。

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

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

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

希望各位大佬多多指點(diǎn)~

by 吃土小 2 叉

1、瀏覽器的內(nèi)核是多線程的，它們?cè)趦?nèi)核控制下相互配合以保持同步，一個(gè)瀏覽器通常由以下常駐線程組成：GUI 渲染線程，javascript 引擎線程，瀏覽器事件觸發(fā)線程，定時(shí)觸發(fā)器線程，異步 http 請(qǐng)求線程。 GUI 渲染線程：負(fù)責(zé)渲染瀏覽器界面 HTML 元素,當(dāng)界面需要重…

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

點(diǎn)擊按鈕的時(shí)候，用回調(diào)函數(shù)嵌套方式，這里我加入3個(gè)li，就已經(jīng)快受不了了，這就是javascript著名的回調(diào)地獄，那么在這里，我用循環(huán)簡化一下：
恩，確實(shí)簡化了，但是這種面向過程的方式，耦合性太強(qiáng)，下面呢，我就把這個(gè)封裝成一個(gè)通用隊(duì)列 第一步：封裝一個(gè)隊(duì)列，包含（ 入列，出列…

互聯(lián)網(wǎng)發(fā)展非常迅速，所以我們創(chuàng)造了Web平臺(tái)。通常我們會(huì)忽視連通性等問題，但用戶們卻不會(huì)視而不見。一瞥萬維網(wǎng)的現(xiàn)狀，可以發(fā)現(xiàn)我們并沒有用同情心、變通意識(shí)去構(gòu)建它，更不要說性能了。
所以，今天的Web是什么狀態(tài)呢？
在這個(gè)星球上的74億人中，只有46％可以上網(wǎng)。平均網(wǎng)絡(luò)速度上限為…

從性能的角度看CSS選擇器