前端排序算法總結(jié)；前端面試題2.0；JavaScript異步編程

April 發(fā)布于2019-08-30 15:53 / 1941人閱讀

摘要：與異步編程按照維基百科上的解釋獨立于主控制流之外發(fā)生的事件就叫做異步。因為的存在，至少在被標準化的那一刻起，就支持異步編程了。然而異步編程真正發(fā)展壯大，的流行功不可沒。在握手過程中，端點交換認證和密鑰以建立或恢復(fù)安全會話。

1、前端排序算法總結(jié)

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

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

2、前端面試題 V2.0

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

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

3、JavaScript 與異步編程

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

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

4、html2canvas將HTML內(nèi)容寫入Canvas生成圖片

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

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

5、優(yōu)酷 HTML5 播放器擴展：Youku-HTML5-Player

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

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

6、jquery點擊滑動到某個位置

點擊向下滾動到某個位置，比較常用的一個功能，只需要一個簡單的函數(shù)就可以滑動到任意你需要的地方，默認點擊之后是返回頂部。

http://caibaojian.com/jquery-...

7、JavaScript 在 V8 中的元素種類及性能優(yōu)化

JavaScript 對象可以具有與它們相關(guān)聯(lián)的任意屬性。對象屬性的名稱可以包含任何字符。JavaScript 引擎可以進行優(yōu)化的一個有趣的例子是當屬性名是純數(shù)字時，一個特例就是數(shù)組索引的屬性。在 V8 中，如果屬性名是數(shù)字（最常見的形式是 Array 構(gòu)造函數(shù)生成的對象）會被特殊處理。盡管在許多情況下，這些數(shù)字索引屬性的行為與其他屬性一樣，V8 選擇將它們與非數(shù)字屬性分開存儲以進行優(yōu)化。在引擎內(nèi)部，V8 甚至給這些屬性一個特殊的名稱：元素。對象具有映射到值的屬性，而數(shù)組具有映射到元素的索引。

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

8、前端分享之cookie的使用及單點登錄

cookie的英文意思是餅干。在計算機術(shù)語中指服務(wù)端存放在客戶端的一段數(shù)據(jù)。這段數(shù)據(jù)在客戶端每次進行http請求時會自動加在http請求報文中的header上；服務(wù)端在響應(yīng)時，可以對cookie進行設(shè)置，并將cookie加入到http響應(yīng)報文header中。MDN中對cookie的解釋為：cookie 是一個請求首部，其中含有先前由服務(wù)器通過 Set-Cookie 首部投放并存儲到客戶端的 HTTP cookies。 cookie一般存放在對應(yīng)的域名下，各個瀏覽器對中一個域名下存放的cookie的個數(shù)與大小規(guī)定不一樣。下表是不同瀏覽器對cookie存放的規(guī)定：

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

9、使用Node.js了解和測量HTTP花費的時間

了解和測量HTTP時間有助于我們發(fā)現(xiàn)客戶端到服務(wù)器或服務(wù)器到服務(wù)器之間的通信性能瓶頸。本文介紹了HTTP請求中的時間開銷，并展示了如何在Node.js中進行測量。 DNS查找：執(zhí)行DNS查找所花費的時間。 DNS查找將域名解析為IP地址。每個新的域需要一個完整的往返行程來進行DNS查找。當目的地已經(jīng)是IP地址時，沒有DNS查找。 TCP連接：在源主機和目標主機之間建立TCP連接所需的時間。必須在多步握手過程中正確建立連接。 TCP連接由操作系統(tǒng)管理，如果基礎(chǔ)TCP連接無法建立，則OS范圍的TCP連接超時將會進入我們應(yīng)用程序中的超時配置。 TLS握手：完成TLS握手的時間。在握手過程中，端點交換認證和密鑰以建立或恢復(fù)安全會話。沒有HTTPS請求的不需要TLS握手。第一個字節(jié)的時間（TTFB）：等待初始響應(yīng)的時間。此時間除了等待服務(wù)器處理請求和傳遞響應(yīng)所花費的時間之外，還可以捕獲往返服務(wù)器的延遲。內(nèi)容傳輸：接收響應(yīng)數(shù)據(jù)所花費的時間。響應(yīng)數(shù)據(jù)的大小和可用的網(wǎng)絡(luò)帶寬決定其持續(xù)時間。

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

喜歡這篇文章的朋友，歡迎關(guān)注、收藏、分享、評論，幫我上熱門，你的支持，是我每日更新的動力！

今日更多精彩文章：http://caibaojian.com/fe-dail...

喜歡前端的朋友可以點擊關(guān)注一下我，每日分享精彩的前端文章！