摘要：前端面試題及答案總結(jié)掘金技術(shù)征文金三銀四，金九銀十，用來(lái)形容求職最好的幾個(gè)月。因?yàn)榈拇嬖?，至少在被?biāo)準(zhǔn)化的那一刻起，就支持異步編程了。然而異步編程真正發(fā)展壯大，的流行功不可沒。

|掘金技術(shù)征文 "金三銀四，金九銀十"，用來(lái)形容求職最好的幾個(gè)月。但是隨著行業(yè)的飽和，初中級(jí)前端er就業(yè)形勢(shì)不容樂觀。 行業(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)備求職的同學(xué)有所幫助。

https://juejin.im/post/59be99...

最近看到了兩行 JavaScript 代碼，很受啟發(fā)。 1. 封裝 DOM 屬性 在 JavaScript 中，我們可以獲取HTML元素的屬性值，例如 element.id 。但是，因?yàn)?for 和 class 是 JavaScript 中的關(guān)鍵字，所以在 JavaScript 中這兩個(gè)屬性名稱分別用 htmlFor 和 className 代替，于是在封裝的時(shí)候需要先對(duì)這兩個(gè)屬性進(jìn)行特殊判斷。

http://www.tuicool.com/articl...

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

https://juejin.im/post/59be85...

從零開始nodejs系列文章 ，將介紹如何利Javascript做為服務(wù)端腳本，通過(guò)Nodejs框架web開發(fā)。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome瀏覽器就基于V8，同時(shí)打開20-30個(gè)網(wǎng)頁(yè)都很流暢。Nodejs標(biāo)準(zhǔn)的web開發(fā)框架Express，可以幫助我們迅速建立web站點(diǎn)，比起PHP的開發(fā)效率更高，而且學(xué)習(xí)曲線更低。

http://www.tuicool.com/articl...

目前，一個(gè)典型的前端項(xiàng)目技術(shù)框架的選型主要包括以下三個(gè)方面： JS模塊化框架。(Require/Sea/ES6 Module/NEJ) 前端模板框架。(React/Vue/Regular) 狀態(tài)管理框架。(Flux/Redux) 系列文章將從上面三個(gè)方面來(lái)介紹相關(guān)原理，并且嘗試自己造一個(gè)簡(jiǎn)單的輪子。 本篇介紹的是 JS模塊化 。

https://juejin.im/post/59c31a...
6、2017 年 9 月：15 個(gè)有趣的 JS 和 CSS 庫(kù)

迎來(lái)了金秋 9 月，在這收獲的季節(jié)，Tutorialzine 又為我們帶來(lái)了哪些新鮮、有趣的前端資源呢？前端開發(fā)者們，一起來(lái)看看有木有你需要的前端庫(kù)。 1. DisplayJS DisplayJS 是一個(gè)幫助你渲染 DOM 的簡(jiǎn)易框架。使用它，你可以更容易地將 JS 變量遍歷到特定的 HTML 元素中，類似于 React 或 Vue.js 處理模版的方式...

http://www.jianshu.com/p/ec9f...

前端開發(fā)中經(jīng)常會(huì)用到AJAX發(fā)送異步請(qǐng)求，對(duì)于POST類型的請(qǐng)求會(huì)附帶請(qǐng)求數(shù)據(jù)。而常用的兩種傳參方式為：Form Data 和 Request Payload。 GET請(qǐng)求 使用get請(qǐng)求時(shí)，參數(shù)會(huì)以key=value的形式拼接在請(qǐng)求的url后面。

https://juejin.im/post/59c1b3...

Javascript是運(yùn)行在單線程環(huán)境中，也就是說(shuō)無(wú)法同時(shí)運(yùn)行多個(gè)腳本。假設(shè)用戶點(diǎn)擊一個(gè)按鈕，觸發(fā)了一段用于計(jì)算的Javascript代碼，那么在這段代碼執(zhí)行完畢之前，頁(yè)面是無(wú)法響應(yīng)用戶操作的。但是，如果將這段代碼交給Web Worker去運(yùn)行的話，那么情況就不一樣了：瀏覽器會(huì)在后臺(tái)啟動(dòng)一個(gè)獨(dú)立的worker線程來(lái)專門負(fù)責(zé)這段代碼的運(yùn)行，因此，頁(yè)面在這段Javascript代碼運(yùn)行期間依然可以響應(yīng)用戶的其他操作。

https://juejin.im/post/59c1b3...

前言 上一篇文章主要介紹了我們團(tuán)隊(duì)的「Vue.js項(xiàng)目模板」的搭建過(guò)程，這只是第一步。作為新手，在實(shí)際開發(fā)過(guò)程中，還會(huì)遇到各種各樣奇怪的問(wèn)題。本文主要介紹問(wèn)題的原因以及解決方式。

http://www.heeroluo.net/artic...

排序算法可能是你學(xué)編程第一個(gè)學(xué)習(xí)的算法，還記得冒泡嗎？ 當(dāng)然，排序和查找兩類算法是面試的熱門選項(xiàng)。如果你是一個(gè)會(huì)寫快排的程序猿，面試官在比較你和一個(gè)連快排都不會(huì)寫的人的時(shí)候，會(huì)優(yōu)先選擇你的。那么，前端需要會(huì)排序嗎？答案是毋庸置疑的，必須會(huì)?，F(xiàn)在的前端對(duì)計(jì)算機(jī)基礎(chǔ)要求越來(lái)越高了，如果連排序這些算法都不會(huì)，那么發(fā)展前景就有限了。本篇將會(huì)總結(jié)一下，在前端的一些排序算法。

https://segmentfault.com/a/11...

詳見： 這是一份集合了多家公司面試題的問(wèn)答列表，涵蓋底層原理、網(wǎng)絡(luò)知識(shí)、性能優(yōu)化等眾多方面的內(nèi)容，旨在幫助中、高級(jí)前端工程師檢測(cè)知識(shí)點(diǎn)掌握情況，了解面試的各種套路。

http://hawx1993.github.io/Fro...

我們?cè)?jīng)不喜歡，現(xiàn)在依然不喜歡的就是Angular 2 默認(rèn)使用Typescript作為開發(fā)語(yǔ)言。我知道Angular 2可以直接使用JavaScript，但是在Angular 2中使用JavaScript幾乎等于重寫整個(gè)項(xiàng)目。我不認(rèn)為Typescript為開發(fā)增加了附加值，甚至更加糟糕了。我發(fā)現(xiàn)我們的編碼速度反而變慢了。在JavaScript中很簡(jiǎn)單的事情，比如定義一個(gè)對(duì)象，如果使用Typescript就會(huì)變得復(fù)雜。在你決定使用Typescript之前，我強(qiáng)烈建議你讀讀下面這兩篇文章。Typescript并不是每個(gè)人的最佳選擇。

https://blog.fundebug.com/201...

詳見： Lozad.js 是一個(gè)高性能、可配置的純 JS 實(shí)現(xiàn)的懶加載器。它基于 IntersectionObserver API，沒有任何依賴，支持動(dòng)態(tài)懶加載添加元素。

https://github.com/ApoorvSaxe...

nodejs網(wǎng)關(guān)開發(fā)或多或少都會(huì)牽扯到流的使用，但每次的使用都是迷迷糊糊、懵懵懂懂，總是踩完坑后才知道怎么使用，所以有必要深入學(xué)習(xí)一下Nodejs的流。學(xué)習(xí)是為了實(shí)踐，因此這篇文章將利用兩個(gè)很常用的demo來(lái)學(xué)習(xí)理論并實(shí)踐。本來(lái)只打算一篇文章就寫完的,后來(lái)看官網(wǎng)文檔,越看越覺得一篇文章解決不來(lái),于是打算使用3篇文章來(lái)闡述清楚nodejs流的原理.

http://tech.dianwoda.com/2017...

詳見： Youku-HTML5-Player 是一個(gè) Youku HTML5 播放器擴(kuò)展，幫助你從此告別 Flash 和廣告。同時(shí)，它具備智能記憶、彈幕、視頻下載等功能。

https://github.com/esterTion/...

按照維基百科上的解釋：獨(dú)立于主控制流之外發(fā)生的事件就叫做異步。因?yàn)?setTimeout 的存在，至少在被 ECMA 標(biāo)準(zhǔn)化的那一刻起，JavaScript 就支持異步編程了。與其他語(yǔ)言的 sleep 不同，setTimeout 是異步的——它不會(huì)阻擋當(dāng)前程序繼續(xù)往下執(zhí)行。然而異步編程真正發(fā)展壯大，Ajax 的流行功不可沒。Ajax 中的 A（Asynchronous）真正點(diǎn)到了異步的概念——這還是 IE5、IE6 的時(shí)代。

https://segmentfault.com/a/11...

前言 理論花了三篇文章，也算是基本講完了Nodejs流的一些基礎(chǔ)知識(shí)，理論是給實(shí)踐服務(wù)的，我們這篇文章也就沒有那么多知識(shí)了，通過(guò)兩個(gè)小應(yīng)用來(lái)解決我在實(shí)際項(xiàng)目中遇到的兩個(gè)問(wèn)題。實(shí)際情況當(dāng)然比這里的demo復(fù)雜，這里是我簡(jiǎn)化過(guò)的，所以大家清楚解決思路即可，無(wú)須糾結(jié)內(nèi)在的一些細(xì)節(jié)哈。

http://www.tuicool.com/articl...

上一篇文章大家如果仔細(xì)閱讀揣摩對(duì)RN有了一個(gè)初步的認(rèn)識(shí)了，接下來(lái)將基于上一篇文章的這種初步認(rèn)識(shí)然我們?cè)敿?xì)了解一下RN的啟動(dòng)過(guò)程

http://www.tuicool.com/articl...

如果要我用一句話描述使用 Vue 的經(jīng)歷，我可能會(huì)說(shuō)“它如此合乎常理”或者“它提供給我需要的工具，而且沒有妨礙我的工作”。每當(dāng)學(xué)習(xí) Vue 的時(shí)候，我都很高興，因?yàn)楹苡幸饬x，而且很優(yōu)雅。Vue 相比其它框架的優(yōu)勢(shì)有: 簡(jiǎn)潔，提供更多語(yǔ)義化的 API ， 比 React 的表現(xiàn)稍好，不像 Polymer 那樣使用 polyfill，相比 Angular 有獨(dú)立的視圖。

http://www.cnblogs.com/nzbin/...

html2canvas 能夠?qū)崿F(xiàn)在用戶瀏覽器端直接對(duì)整個(gè)或部分頁(yè)面進(jìn)行截屏。這個(gè)html2canvas腳本將當(dāng)前頁(yè)面渲染成一個(gè)canvas圖片，通過(guò)讀取DOM并將不同的樣式應(yīng)用到這些元素上實(shí)現(xiàn)。 #前端開發(fā)博客#

http://caibaojian.com/html2ca...

喜歡這篇文章的朋友，歡迎關(guān)注、收藏、分享、評(píng)論，幫我上熱門，你的支持，是我每日更新的動(dòng)力！
喜歡前端的朋友可以點(diǎn)擊關(guān)注一下我，每日分享精彩的前端文章！

更多文章：http://caibaojian.com/fe-dail...