1、2017前端面試題及答案總結(jié)
|掘金技術(shù)征文 "金三銀四刘陶，金九銀十"，用來形容求職最好的幾個(gè)月牢撼。但是隨著行業(yè)的飽和匙隔，初中級(jí)前端er就業(yè)形勢不容樂觀。 行業(yè)狀態(tài)不可控熏版，我們能做的當(dāng)然只是讓自己變得更加具有競爭力纷责。 今年自己也用了幾個(gè)月的時(shí)間來準(zhǔn)備筆記面試捍掺，鞏固基礎(chǔ)知識(shí)。特此將自己在這個(gè)過程總結(jié)的題目分享出來再膳，希望對(duì)于求職和準(zhǔn)備求職的同學(xué)有所幫助挺勿。
https://juejin.im/post/59be99a0f265da0644289dde
2、兩行 JavaScript 代碼
最近看到了兩行 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/articles/vyeQnqr
3昭娩、JavaScript參數(shù)傳遞的深入理解
今天看到《JavaScript高級(jí)程序設(shè)計(jì)》里面關(guān)于參數(shù)傳遞的章節(jié)時(shí)凛篙，有點(diǎn)懵。本著“打破砂鍋問到底”的精神栏渺，看了些別人寫的博客和知乎上一些大神的解釋鞋诗，算是對(duì)參數(shù)傳遞有了個(gè)比較全面的了解。在講參數(shù)傳遞前迈嘹，先要理解變量在內(nèi)存中的存放方式削彬。
https://juejin.im/post/59be85735188256bd733cc10
4、新一代Node.js的Web開發(fā)框架Koa2
從零開始nodejs系列文章 秀仲，將介紹如何利Javascript做為服務(wù)端腳本融痛，通過Nodejs框架web開發(fā)。Nodejs框架是基于V8的引擎神僵，是目前速度最快的Javascript引擎雁刷。chrome瀏覽器就基于V8，同時(shí)打開20-30個(gè)網(wǎng)頁都很流暢保礼。Nodejs標(biāo)準(zhǔn)的web開發(fā)框架Express沛励，可以幫助我們迅速建立web站點(diǎn)，比起PHP的開發(fā)效率更高炮障，而且學(xué)習(xí)曲線更低目派。
http://www.tuicool.com/articles/22uQjqm
5、前端工程-從原理到輪子之JS模塊化
目前胁赢，一個(gè)典型的前端項(xiàng)目技術(shù)框架的選型主要包括以下三個(gè)方面： JS模塊化框架企蹭。(Require/Sea/ES6 Module/NEJ) 前端模板框架。(React/Vue/Regular) 狀態(tài)管理框架。(Flux/Redux) 系列文章將從上面三個(gè)方面來介紹相關(guān)原理谅摄，并且嘗試自己造一個(gè)簡單的輪子徒河。 本篇介紹的是 JS模塊化 。
https://juejin.im/post/59c31a0a6fb9a00a67614596
6送漠、2017 年 9 月：15 個(gè)有趣的 JS 和 CSS 庫
迎來了金秋 9 月顽照，在這收獲的季節(jié)，Tutorialzine 又為我們帶來了哪些新鮮闽寡、有趣的前端資源呢代兵？前端開發(fā)者們，一起來看看有木有你需要的前端庫下隧。 1. DisplayJS DisplayJS 是一個(gè)幫助你渲染 DOM 的簡易框架奢人。使用它，你可以更容易地將 JS 變量遍歷到特定的 HTML 元素中淆院，類似于 React 或 Vue.js 處理模版的方式...
http://www.reibang.com/p/ec9ff744eb20
7何乎、HTTP請(qǐng)求中的Form Data與Request Payload的區(qū)別
前端開發(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/59c1b3c76fb9a00a636a488b
8各墨、淺談HTML5 Web Worker
Javascript是運(yùn)行在單線程環(huán)境中，也就是說無法同時(shí)運(yùn)行多個(gè)腳本启涯。假設(shè)用戶點(diǎn)擊一個(gè)按鈕贬堵，觸發(fā)了一段用于計(jì)算的Javascript代碼，那么在這段代碼執(zhí)行完畢之前结洼，頁面是無法響應(yīng)用戶操作的黎做。但是，如果將這段代碼交給Web Worker去運(yùn)行的話松忍，那么情況就不一樣了：瀏覽器會(huì)在后臺(tái)啟動(dòng)一個(gè)獨(dú)立的worker線程來專門負(fù)責(zé)這段代碼的運(yùn)行蒸殿，因此，頁面在這段Javascript代碼運(yùn)行期間依然可以響應(yīng)用戶的其他操作鸣峭。
https://juejin.im/post/59c1b3645188250ea1502e46
9宏所、Vue.js填坑記
前言 上一篇文章主要介紹了我們團(tuán)隊(duì)的「Vue.js項(xiàng)目模板」的搭建過程，這只是第一步摊溶。作為新手爬骤，在實(shí)際開發(fā)過程中，還會(huì)遇到各種各樣奇怪的問題更扁。本文主要介紹問題的原因以及解決方式盖腕。
http://www.heeroluo.net/article/detail/138/vuejs-problems-during-usage
10赫冬、前端 排序算法總結(jié)
排序算法可能是你學(xué)編程第一個(gè)學(xué)習(xí)的算法浓镜，還記得冒泡嗎溃列？ 當(dāng)然，排序和查找兩類算法是面試的熱門選項(xiàng)膛薛。如果你是一個(gè)會(huì)寫快排的程序猿听隐，面試官在比較你和一個(gè)連快排都不會(huì)寫的人的時(shí)候，會(huì)優(yōu)先選擇你的哄啄。那么雅任，前端需要會(huì)排序嗎？答案是毋庸置疑的咨跌，必須會(huì)』γ矗現(xiàn)在的前端對(duì)計(jì)算機(jī)基礎(chǔ)要求越來越高了，如果連排序這些算法都不會(huì)锌半，那么發(fā)展前景就有限了禽车。本篇將會(huì)總結(jié)一下，在前端的一些排序算法刊殉。
https://segmentfault.com/a/1190000011294349
11殉摔、前端面試題 V2.0
詳見： 這是一份集合了多家公司面試題的問答列表，涵蓋底層原理记焊、網(wǎng)絡(luò)知識(shí)逸月、性能優(yōu)化等眾多方面的內(nèi)容，旨在幫助中遍膜、高級(jí)前端工程師檢測知識(shí)點(diǎn)掌握情況碗硬，了解面試的各種套路。
http://hawx1993.github.io/Front-end-Interview-Questions/#/
12瓢颅、我從Angular 2轉(zhuǎn)向Vue.js, 也沒有選擇React
我們?cè)?jīng)不喜歡恩尾，現(xiàn)在依然不喜歡的就是Angular 2 默認(rèn)使用Typescript作為開發(fā)語言。我知道Angular 2可以直接使用JavaScript惜索，但是在Angular 2中使用JavaScript幾乎等于重寫整個(gè)項(xiàng)目特笋。我不認(rèn)為Typescript為開發(fā)增加了附加值，甚至更加糟糕了巾兆。我發(fā)現(xiàn)我們的編碼速度反而變慢了猎物。在JavaScript中很簡單的事情，比如定義一個(gè)對(duì)象角塑，如果使用Typescript就會(huì)變得復(fù)雜蔫磨。在你決定使用Typescript之前，我強(qiáng)烈建議你讀讀下面這兩篇文章圃伶。Typescript并不是每個(gè)人的最佳選擇堤如。
https://blog.fundebug.com/2017/09/20/why-we-moved-from-angular2-to-vue
13蒲列、純 JS 實(shí)現(xiàn)的懶加載器：Lozad.js
詳見： Lozad.js 是一個(gè)高性能、可配置的純 JS 實(shí)現(xiàn)的懶加載器搀罢。它基于 IntersectionObserver API蝗岖，沒有任何依賴，支持動(dòng)態(tài)懶加載添加元素榔至。
https://github.com/ApoorvSaxena/lozad.js
14抵赢、Nodejs流學(xué)習(xí)系列之一: Readable Stream
nodejs網(wǎng)關(guān)開發(fā)或多或少都會(huì)牽扯到流的使用，但每次的使用都是迷迷糊糊唧取、懵懵懂懂铅鲤，總是踩完坑后才知道怎么使用，所以有必要深入學(xué)習(xí)一下Nodejs的流枫弟。學(xué)習(xí)是為了實(shí)踐邢享，因此這篇文章將利用兩個(gè)很常用的demo來學(xué)習(xí)理論并實(shí)踐。本來只打算一篇文章就寫完的,后來看官網(wǎng)文檔,越看越覺得一篇文章解決不來,于是打算使用3篇文章來闡述清楚nodejs流的原理.
http://tech.dianwoda.com/2017/09/20/nodejsliu-xue-xi-xi-lie-zhi-readable-stream
15淡诗、優(yōu)酷 HTML5 播放器擴(kuò)展：Youku-HTML5-Player
詳見： Youku-HTML5-Player 是一個(gè) Youku HTML5 播放器擴(kuò)展骇塘，幫助你從此告別 Flash 和廣告。同時(shí)袜漩，它具備智能記憶绪爸、彈幕、視頻下載等功能宙攻。
https://github.com/esterTion/Youku-HTML5-Player
16奠货、JavaScript 與 異步編程
按照維基百科上的解釋：獨(dú)立于主控制流之外發(fā)生的事件就叫做異步。因?yàn)?setTimeout 的存在座掘，至少在被 ECMA 標(biāo)準(zhǔn)化的那一刻起递惋，JavaScript 就支持異步編程了。與其他語言的 sleep 不同溢陪，setTimeout 是異步的——它不會(huì)阻擋當(dāng)前程序繼續(xù)往下執(zhí)行萍虽。然而異步編程真正發(fā)展壯大，Ajax 的流行功不可沒形真。Ajax 中的 A（Asynchronous）真正點(diǎn)到了異步的概念——這還是 IE5杉编、IE6 的時(shí)代。
https://segmentfault.com/a/1190000011296630
17咆霜、Nodejs流學(xué)習(xí)系列之四: Nodejs流的應(yīng)用例子
前言 理論花了三篇文章邓馒，也算是基本講完了Nodejs流的一些基礎(chǔ)知識(shí)，理論是給實(shí)踐服務(wù)的蛾坯，我們這篇文章也就沒有那么多知識(shí)了光酣，通過兩個(gè)小應(yīng)用來解決我在實(shí)際項(xiàng)目中遇到的兩個(gè)問題。實(shí)際情況當(dāng)然比這里的demo復(fù)雜脉课，這里是我簡化過的救军，所以大家清楚解決思路即可财异，無須糾結(jié)內(nèi)在的一些細(xì)節(jié)哈。
http://www.tuicool.com/articles/auuyQfJ
18唱遭、React Native源碼分析原理（二）(基于0.48版本)
上一篇文章大家如果仔細(xì)閱讀揣摩對(duì)RN有了一個(gè)初步的認(rèn)識(shí)了戳寸，接下來將基于上一篇文章的這種初步認(rèn)識(shí)然我們?cè)敿?xì)了解一下RN的啟動(dòng)過程
http://www.tuicool.com/articles/BbaYFry
19、Vue:渲染胆萧、指令和事件
如果要我用一句話描述使用 Vue 的經(jīng)歷庆揩，我可能會(huì)說“它如此合乎常理”或者“它提供給我需要的工具俐东，而且沒有妨礙我的工作”跌穗。每當(dāng)學(xué)習(xí) Vue 的時(shí)候，我都很高興虏辫，因?yàn)楹苡幸饬x蚌吸，而且很優(yōu)雅。Vue 相比其它框架的優(yōu)勢有: 簡潔砌庄，提供更多語義化的 API 羹唠， 比 React 的表現(xiàn)稍好，不像 Polymer 那樣使用 polyfill娄昆，相比 Angular 有獨(dú)立的視圖佩微。
http://www.cnblogs.com/nzbin/p/6363827.html
20、html2canvas將HTML內(nèi)容寫入Canvas生成圖片
html2canvas 能夠?qū)崿F(xiàn)在用戶瀏覽器端直接對(duì)整個(gè)或部分頁面進(jìn)行截屏萌焰。這個(gè)html2canvas腳本將當(dāng)前頁面渲染成一個(gè)canvas圖片哺眯，通過讀取DOM并將不同的樣式應(yīng)用到這些元素上實(shí)現(xiàn)。 #前端開發(fā)博客#
http://caibaojian.com/html2canvas.html
喜歡這篇文章的朋友扒俯，歡迎關(guān)注奶卓、收藏、分享撼玄、評(píng)論夺姑，幫我上熱門，你的支持掌猛，是我每日更新的動(dòng)力盏浙！
喜歡前端的朋友可以點(diǎn)擊關(guān)注一下我，每日分享精彩的前端文章荔茬！
更多文章：http://caibaojian.com/fe-daily-20170924.html
