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

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

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

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

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

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

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

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

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

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

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

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

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

Javascript 作為一種動(dòng)態(tài)語(yǔ)言，其語(yǔ)法特別是變量具有更多的靈活性。對(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)式的頁(yè)面在不同的屏幕有不同的布局，換句話說(shuō)，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應(yīng)式布局是為了解決適配的問(wèn)題，傳統(tǒng)的開(kāi)發(fā)方式是PC端開(kāi)發(fā)一套，手機(jī)端再開(kāi)發(fā)一套，而使用響應(yīng)式布局只要開(kāi)發(fā)一套就好了。因?yàn)樗怯玫耐瑯觝tml，所以它的JS…

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

JavaScript 對(duì)象可以具有與它們相關(guān)聯(lián)的任意屬性。對(duì)象屬性的名稱(chēng)可以包含任何字符。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è)特性，而另一家還沒(méi)支持——這比兩家都支持但效果不一樣要強(qiáng)多了。我們現(xiàn)在不需要再刻意記錄某個(gè)瀏覽器的bug了。
一、標(biāo)準(zhǔn)的制定過(guò)程 與大眾的理解大…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

同步：一個(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ù)部（前端工程）開(kāi)發(fā)web應(yīng)用的規(guī)范。現(xiàn)在我們把它開(kāi)放給任何希望了解我們迭代過(guò)程最佳實(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大家都…

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

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

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

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

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

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

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

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

希望借此激發(fā)大家的一點(diǎn)思考。我們都在路上，我不是成功的例子，我寫(xiě)下我的思考，希望借此激發(fā)大家的一點(diǎn)思考。
一個(gè)梗。自 2012 年以來(lái)，我知乎上獲贊最多的答案卻是引用他人的答案…… 有點(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)行合成，官方的合成處理?yè)?jù)說(shuō)由天天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)簡(jiǎn)化一下：
恩，確實(shí)簡(jiǎn)化了，但是這種面向過(guò)程的方式，耦合性太強(qiáng)，下面呢，我就把這個(gè)封裝成一個(gè)通用隊(duì)列 第一步：封裝一個(gè)隊(duì)列，包含（ 入列，出列…

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

從性能的角度看CSS選擇器