前端週報：前端面試題及答案總結；JavaScript參數傳遞的深刻理解

時間 2019-11-07

標籤前端週報端面試題答案總結 javascript 參數傳遞深刻理解欄目 JavaScript 简体版

原文原文鏈接

一、2017前端面試題及答案總結

|掘金技術徵文 "金三銀四，金九銀十"，用來形容求職最好的幾個月。可是隨着行業的飽和，初中級前端er就業形勢不容樂觀。行業狀態不可控，咱們能作的固然只是讓本身變得更加具備競爭力。今年本身也用了幾個月的時間來準備筆記面試，鞏固基礎知識。特此將本身在這個過程總結的題目分享出來，但願對於求職和準備求職的同窗有所幫助。html

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

二、兩行 JavaScript 代碼

最近看到了兩行 JavaScript 代碼，很受啓發。 1. 封裝 DOM 屬性在 JavaScript 中，咱們能夠獲取HTML元素的屬性值，例如 element.id 。可是，由於 for 和 class 是 JavaScript 中的關鍵字，因此在 JavaScript 中這兩個屬性名稱分別用 htmlFor 和 className 代替，因而在封裝的時候須要先對這兩個屬性進行特殊判斷。vue

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

三、JavaScript參數傳遞的深刻理解

今天看到《JavaScript高級程序設計》裏面關於參數傳遞的章節時，有點懵。本着「打破砂鍋問到底」的精神，看了些別人寫的博客和知乎上一些大神的解釋，算是對參數傳遞有了個比較全面的瞭解。在講參數傳遞前，先要理解變量在內存中的存放方式。git

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

四、新一代Node.js的Web開發框架Koa2

從零開始nodejs系列文章，將介紹如何利Javascript作爲服務端腳本，經過Nodejs框架web開發。Nodejs框架是基於V8的引擎，是目前速度最快的Javascript引擎。chrome瀏覽器就基於V8，同時打開20-30個網頁都很流暢。Nodejs標準的web開發框架Express，能夠幫助咱們迅速創建web站點，比起PHP的開發效率更高，並且學習曲線更低。web

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

五、前端工程-從原理到輪子之JS模塊化

目前，一個典型的前端項目技術框架的選型主要包括如下三個方面： JS模塊化框架。(Require/Sea/ES6 Module/NEJ) 前端模板框架。(React/Vue/Regular) 狀態管理框架。(Flux/Redux) 系列文章將從上面三個方面來介紹相關原理，而且嘗試本身造一個簡單的輪子。本篇介紹的是 JS模塊化。算法

https://juejin.im/post/59c31a...
六、2017 年 9 月：15 個有趣的 JS 和 CSS 庫chrome

迎來了金秋 9 月，在這收穫的季節，Tutorialzine 又爲咱們帶來了哪些新鮮、有趣的前端資源呢？前端開發者們，一塊兒來看看有木有你須要的前端庫。 1. DisplayJS DisplayJS 是一個幫助你渲染 DOM 的簡易框架。使用它，你能夠更容易地將 JS 變量遍歷到特定的 HTML 元素中，相似於 React 或 Vue.js 處理模版的方式...

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

七、HTTP請求中的Form Data與Request Payload的區別

前端開發中常常會用到AJAX發送異步請求，對於POST類型的請求會附帶請求數據。而經常使用的兩種傳參方式爲：Form Data 和 Request Payload。 GET請求使用get請求時，參數會以key=value的形式拼接在請求的url後面。

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

八、淺談HTML5 Web Worker

Javascript是運行在單線程環境中，也就是說沒法同時運行多個腳本。假設用戶點擊一個按鈕，觸發了一段用於計算的Javascript代碼，那麼在這段代碼執行完畢以前，頁面是沒法響應用戶操做的。可是，若是將這段代碼交給Web Worker去運行的話，那麼狀況就不同了：瀏覽器會在後臺啓動一個獨立的worker線程來專門負責這段代碼的運行，所以，頁面在這段Javascript代碼運行期間依然能夠響應用戶的其餘操做。

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

九、Vue.js填坑記

前言上一篇文章主要介紹了咱們團隊的「Vue.js項目模板」的搭建過程，這只是第一步。做爲新手，在實際開發過程當中，還會遇到各類各樣奇怪的問題。本文主要介紹問題的緣由以及解決方式。

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

十、前端排序算法總結

排序算法多是你學編程第一個學習的算法，還記得冒泡嗎？固然，排序和查找兩類算法是面試的熱門選項。若是你是一個會寫快排的程序猿，面試官在比較你和一個連快排都不會寫的人的時候，會優先選擇你的。那麼，前端須要會排序嗎？答案是毋庸置疑的，必須會。如今的前端對計算機基礎要求愈來愈高了，若是連排序這些算法都不會，那麼發展前景就有限了。本篇將會總結一下，在前端的一些排序算法。

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

十一、前端面試題 V2.0

詳見：這是一份集合了多家公司面試題的問答列表，涵蓋底層原理、網絡知識、性能優化等衆多方面的內容，旨在幫助中、高級前端工程師檢測知識點掌握狀況，瞭解面試的各類套路。

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

十二、我從Angular 2轉向Vue.js, 也沒有選擇React

咱們曾經不喜歡，如今依然不喜歡的就是Angular 2 默認使用Typescript做爲開發語言。我知道Angular 2能夠直接使用JavaScript，可是在Angular 2中使用JavaScript幾乎等於重寫整個項目。我不認爲Typescript爲開發增長了附加值，甚至更加糟糕了。我發現咱們的編碼速度反而變慢了。在JavaScript中很簡單的事情，好比定義一個對象，若是使用Typescript就會變得複雜。在你決定使用Typescript以前，我強烈建議你讀讀下面這兩篇文章。Typescript並非每一個人的最佳選擇。

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

1三、純 JS 實現的懶加載器：Lozad.js

詳見： Lozad.js 是一個高性能、可配置的純 JS 實現的懶加載器。它基於 IntersectionObserver API，沒有任何依賴，支持動態懶加載添加元素。

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

1四、Nodejs流學習系列之一: Readable Stream

nodejs網關開發或多或少都會牽扯到流的使用，但每次的使用都是迷迷糊糊、懵懵懂懂，老是踩完坑後才知道怎麼使用，因此有必要深刻學習一下Nodejs的流。學習是爲了實踐，所以這篇文章將利用兩個很經常使用的demo來學習理論並實踐。原本只打算一篇文章就寫完的,後來看官網文檔,越看越以爲一篇文章解決不來,因而打算使用3篇文章來闡述清楚nodejs流的原理.

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

1五、優酷 HTML5 播放器擴展：Youku-HTML5-Player

詳見： Youku-HTML5-Player 是一個 Youku HTML5 播放器擴展，幫助你今後告別 Flash 和廣告。同時，它具有智能記憶、彈幕、視頻下載等功能。

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

1六、JavaScript 與異步編程

按照維基百科上的解釋：獨立於主控制流以外發生的事件就叫作異步。由於 setTimeout 的存在，至少在被 ECMA 標準化的那一刻起，JavaScript 就支持異步編程了。與其餘語言的 sleep 不一樣，setTimeout 是異步的——它不會阻擋當前程序繼續往下執行。然而異步編程真正發展壯大，Ajax 的流行功不可沒。Ajax 中的 A（Asynchronous）真正點到了異步的概念——這仍是 IE五、IE6 的時代。

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

1七、Nodejs流學習系列之四: Nodejs流的應用例子

前言理論花了三篇文章，也算是基本講完了Nodejs流的一些基礎知識，理論是給實踐服務的，咱們這篇文章也就沒有那麼多知識了，經過兩個小應用來解決我在實際項目中遇到的兩個問題。實際狀況固然比這裏的demo複雜，這裏是我簡化過的，因此你們清楚解決思路便可，無須糾結內在的一些細節哈。

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

1八、React Native源碼分析原理（二）(基於0.48版本)

上一篇文章你們若是仔細閱讀揣摩對RN有了一個初步的認識了，接下來將基於上一篇文章的這種初步認識然咱們詳細瞭解一下RN的啓動過程

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

1九、Vue:渲染、指令和事件

若是要我用一句話描述使用 Vue 的經歷，我可能會說「它如此合乎常理」或者「它提供給我須要的工具，並且沒有妨礙個人工做」。每當學習 Vue 的時候，我都很高興，由於頗有意義，並且很優雅。Vue 相比其它框架的優點有: 簡潔，提供更多語義化的 API ，比 React 的表現稍好，不像 Polymer 那樣使用 polyfill，相比 Angular 有獨立的視圖。

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