ES6 - 收藏集 - 掘金

學習 ES2015 新特性 - 前端 - 掘金
es6features 這份文檔最初取自Luke Hoban 優秀的es6features。 在GitHub，去給它一個star吧！ REPL 請務必在在線的REPL中嘗試這些功能。 愚人碼頭注：你能夠將示例代碼複製到在線的REPL...

『翻譯』擴展運算符的6個重要用途 - 掘金
Read the original 前言 因爲ES6和Babel的出現，編寫JavaScript代碼變得難以置信的靈活，重新的語法到自定的編譯器，像JSX。我變成了擴展運算符(Spread Operator)的超級粉絲，三個點就改變你編寫JavaScript...

由阮一峯老師的一條微博引起的 TDZ 思考 - 前端 - 掘金
昨天（1月20號），阮老師在微博上發佈了這樣一條微博： TDZ.jpeg 阮老師貼了一段代碼，報錯了，而後冥思苦想以爲這是V8的錯，這...

JavaScript 寫類的前世此生 - 前端 - 掘金
JavaScript 從誕生至今已經走過了 20 年的歷程。它的前世(1995~2015年)是一個長達 20 年沒有類的世界，它的此生隨着 2015 年 6 月 ES6 的發佈迎來了有類的時代。JavaScript 從無「類」到有「類」，經歷了從 ES1 到 ...

解決怎麼拿到 JavaScript 異步函數的返回值？ - 前端 - 掘金
今天研究一個小問題：怎麼拿到JavaScript異步函數的返回值？ 1.錯誤嘗試 當年未入行時，個人最初嘗試：<script> function getSomething() { var r = 0; setTimeout(fun...

ES6 之路 --Symbol - 前端 - 掘金
若是以爲主題排版很差看，能夠見個人簡書 概述 簡介 Symbol 是一種特殊的、不可變的數據類型，能夠做爲對象屬性的標識符使用，表示獨一無二的...

談一談幾種處理 JavaScript 異步操做的辦法 - 前端 - 掘金
引言 js的異步操做，已是一個老生常談的話題，關於這個話題的文章隨便google一下均可以看到一大堆。那麼爲何我還要寫這篇東西呢？在最近的工做中，爲了編寫一套相對比較複雜的插件，須要處理各類各樣的異步操做。可是爲了體...

ES6 之路 -- 對象的擴展 - 前端 - 掘金

1. 屬性的簡潔表示法 ES6容許直接寫入變量和函數做爲對象的屬性和方法。意思就是說容許在對象中只寫屬性名，不用寫屬性值。這時，屬性值等於屬性名稱所表明的變量。下面分別舉一個例子來講明： ...

深刻理解 Promise (下) - 前端 - 掘金
通過幾天源碼研究學習以後，基本上對Promise有了深刻的瞭解，也手動封裝了本身了Promise工具類，下面就是咱們去在應用場景中去驗證這個工具類的使用了 上 - 理論知識 Promise 規範 ES6 Promise API Polyfill和擴展類庫 P...

深刻理解 Promise (中) - 前端 - 掘金
通過上一篇 深刻理解 Promise （上） 的理論知識和用法學習，這一篇讓咱們深刻源碼層面，一步一步去封裝一個Promise，去了解Promise的內部實現，以便咱們在項目中對Promise的使用運用自如。 上 - 理論知識 Promise 規範 ES6 ...

深刻理解 Promise (上) - 前端 - 掘金
自從ES6流行起來，Promise 的使用變得更頻繁更普遍了，好比異步請求通常返回一個 Promise 對象，Generator 中 yield 後面通常跟 Promise 對象，ES7中 Async 函數中 await 後面通常也是 Promise 對象，還...

深刻理解 ES7 的 async/await - 前端 - 掘金
在最開始學習ES6的Promise時，曾寫過一篇博文《promise和co搭配生成器函數方式解決js代碼異步流程的比較》，文章中對比了使用Promise和co模塊搭配生成器函數解決js異步的異同。 在文章末尾，提到了ES7的async和await，只是當時只是...

對 ES6 箭頭函數中 this 值的探究 - 前端 - 掘金
對於ES6新增的箭頭函數,相關的介紹能夠查看MDN - Arrow_functions以及ECMAScript 6 入門。 引入首先咱們先看下面一段代碼： 'use strict' var obj = { i:...

翻譯 | ES6 箭頭函數使用禁忌 - 前端 - 掘金
做者：賈扉扉 （滬江web前端開發工程師） 本文原創翻譯，有不當的地方歡迎指出。轉載請指明出處。 看到你天天使用的編程語言在不斷進化是一件使人開心的事情 。從錯誤中學習，找到更好的實現方式，創造新的語法特性，語言就這樣一步一步地實現了版本更新。 這正...

ECMAScript 6 變量解構賦值 - 前端 - 掘金
ECMAScript 5以及之前的版本: let options = { repeat: true, save: false }; // extract data from the object let repeat = options.r...

深刻解析 ES6：Iterator 和 for-of 循環 | bubkoo - 前端 - 掘金
如何遍歷一個數組的元素？在 20 年前，當 JavaScript 出現時，你也許會這樣作： for (var index = 0; index < myArray.length; index++) { console.log(myArray[inde...

編程風格 - 工具資源 - 掘金
塊級做用域字符串解構賦值對象數組函數Map結構Class模塊ESLint的使用 本章探討如何將ES6的新語法，運用到編碼實踐之中，與傳統的JavaScript語法結合在一塊兒，寫出合理的、易於閱讀和維護的代碼。 多家公司和組織已經公開了它們的風格規範，具體可參閱...

前端開發者不得不知的 ES6 十大特性 - 前端 - 掘金
ES6（ECMAScript2015）的出現，無疑給前端開發人員帶來了新的驚喜，它包含了一些很棒的新特性，能夠更加方便的實現不少複雜的操做，提升開發人員的效率。...

ES6 中的變量和做用域_JavaScript, ES6, 變量 教程_w3cplus - 前端 - 掘金
這篇文章主要是探討如何處理ES6中的變量和做用域。 經過let和const肯定塊做用域 使用let和const建立塊做用域，他們聲明的變量只存在塊內。好比下面的示例，let聲明的變量tmp只存在於if語句塊，也只有在if語句塊內有效。 function ...

this - 想說愛你不容易 - 前端 - 掘金
前言 javascript中的this是啥東西？爲啥咱們常常被他搞得暈頭轉向不知因此？他是惡魔？是天使 ？是怪胎？讓咱們一...

Eslint 背後那些咱們應該知道的爲何 - 前端 - 掘金
前言 得益於git代碼審查以及log規範化的解決方案中提到的任務，應用Eslint來檢查公司的一個項目，在檢查過程當中就發現了不少與Eslint規範相悖的代碼，總體下來錯誤達到一萬多個。着實嚇了寶寶一跳，接着使用ESlint提供的--fix參數自...

【深度長文】JavaScript數組全部API全解密 - 掘金
本文首發於CSDN網站，下面的版本又通過進一步的修訂。 關於 個人博客：louis blog SF專欄：路易斯前端深度課 原文連接：【深度長文】JavaScript數組全解密 全文共13k+字，系統講解了JavaScript數組的各類特性和API。 數組是...

你真的會寫循環嗎--8種遍歷方法執行速度深度°對比 - 掘金
關於數組或對象遍歷，相信不少人都沒有深刻觀察過執行效率。這是一個曾在羣裏吵翻天的話題，讀懂後你將成爲遍歷效率話題的大師。 關於 個人博客：louis blog SF專欄：路易斯前端深度課 原文連接：詳解JS遍歷 導讀 遍歷數組或對象是一名程序員的基本素養之...

關於 js 中的回調函數 callback - 掘金
本文寫於1年前 曾經的學習文章現在拿出來分享 前言 其實我一直很困惑關於js中的callback,困惑的緣由是，學習中這塊看的資料少，可是平時又常常見，偶爾複製一下前人代碼，功能實現了也就再也不去追其起因，這麼着，這個callback的概念就愈來愈混亂，由於你總...

JS 中的異步操做 - 前端 - 掘金
JS中異步編程的方法有： 回調函數 事件監聽 發佈/訂閱 prom...

聊一聊 H5 應用緩存 - Manifest - 掘金
Manifest 是 H5提供的一種應用緩存機制, 基於它web應用能夠實現離線訪問(offline cache). 爲此, 瀏覽器還提供了應用緩存的api--applicationCache. 雖然manifest的技術已被web標準廢棄, 但這不影響咱們嘗...

30 分鐘搞定 ES6 經常使用基礎知識 - 前端 - 掘金
ES6基礎智商劃重點 在實際開發中，ES6已經很是普及了。掌握ES6的知識變成了一種必須。儘管咱們在使用時仍然須要通過babel編譯。 ES6完全改變了前端的編碼風格，能夠說對於前端的影...

(乾貨)css自定義 range radio select的樣式滑輪，按鈕，選擇框 - 掘金
寫在前面： 以前踩坑css的時候，遇到滑輪，按鈕，選擇框這類型的東西，爲了頁面效果，老是須要自定義他們的樣式，而不使用他們的默認樣式。當時寫的時候，我也是蠻頭疼的，弄了個demo，連接在下面。對此作個總結。本文是面向前端小白的，大手子能夠跳過，寫的很差之處多多...

淺談單頁應用中前端分頁的實現方案 - 前端 - 掘金
簡介分頁是開發中最多見的需求之一。對於分頁，咱們討論的最多的是後端的數據庫分頁，這關乎到咱們應用程序的性能，也是分頁這個需求的核心。而前端要作的，是把後端返回的數據呈如今頁面上，工做被認爲是簡單瑣碎的。在單頁應用中，咱們有不少中分頁方案，最多見的是無限滾動、上...

十五分鐘用 JavaScript 基礎寫一個簡易計算器 + 思路詳解 - 前端 - 掘金
完成的基本樣式 前言 這個小練手旨在幫助剛上手學習JavaScript的同窗練習最基本的Js知識，大神勿噴哈，因爲這個是很是簡易的計算器，能夠完成的功能有加減乘除和AC（清屏），DEL（...

前端面試--四月二十家前端面試題分享 - 掘金
0.前言 免責聲明 若文章中內容存在沒法加載的狀況，請移步做者其餘博客。 簡書 CSDN 關於本文中出現的面試題，請勿詢問具體公司。 之因此分享出來，只是做爲熱愛前端的小夥伴們分享討論的一個話題。 請勿將本文用於不正當用途。 請不要吐槽我爲何不給你...

前端 PS 切圖方法，圖文詳細 - 掘金
寫在前面：本文主要內容是目前我所知道的切圖技巧結合網上的資料，寫出來分享一波。圖文教程，多圖！！ BB：不少人都會說，切圖這個活倒底分給UI仍是分給前端。雖然好的UI會給咱們把圖切好，可是他們切的圖不必定百分之百符合咱們的需求，因此我一直都以爲這是頁面仔必需要...

關於 JavaScript 定時器個人一些小理解 - 前端 - 掘金
由於本身在平時工做中，有些功能須要用到定時器，可是定時器並不像咱們表邊上看到的那樣，因此這週末我看看書查查資料，深刻研究了一下JavaScript中的定時器，那麼廢話很少說，下面進入咱們今天的正題。 你們都知道JavaScript是單線程的，因此無論是定時器還...

騰訊 Web 工程師的前端書單 - 閱讀 - 掘金
做者：link 2014年一月以來，本身接觸web前端開發已經兩年多了，記錄一下本身前端學習路上看過的，以及道聽途說的一些書，基本上按照由淺入深來介紹。 JavaScript 入門 《JavaScript權威指南（第六版）》 ★★★★★ 淘寶前端團隊翻譯的...

淺談事件冒泡與事件捕獲 - 前端 - 掘金
事件冒泡與事件捕獲 事件冒泡和事件捕獲分別由微軟和網景公司提出，這兩個概念都是爲了解決頁面中事件流（事件發生順序）的問題。考慮下面這段代碼，就不寫html->head,body之類的代碼了，自行腦補 <div> <p>Click...

瀏覽器的工做原理：新式網絡瀏覽器幕後揭祕 - 前端 - 掘金
網絡瀏覽器極可能是使用最廣的軟件。在這篇入門文章中，我將會介紹它們的幕後工做原理。咱們會了解到，從您在地址欄輸入 google.com 直到您在瀏覽器屏幕上看到 Google 首頁的整個過程當中都發生了些什麼。 咱們要討論的瀏覽器 目前使用的主流瀏覽器...

淺談 ES6 原生 Promise - 前端 - 掘金
ES6標準出爐以前，一個幽靈，回調的幽靈，遊蕩在JavaScript世界。 正所謂： 世界本沒有回調，寫的人多了，也就有了})})})})})。 Promise的興起，是由於異步方法調用中，每每會出現回調函數一環扣一環的狀況。這種狀況致使了回調金字塔問題的出現...

80% 應聘者都不及格的 JS 面試題 - 掘金
共 5024 字，讀完需 6 分鐘，速讀需 2 分鐘，本文首發於知乎專欄前端週刊。寫在前面，筆者在作面試官這 2 年多的時間內，面試了數百個前端工程師，驚訝的發現，超過 80% 的候選人對下面這道題的回答狀況連及格都達不到。這到底是怎樣神奇的一道面試題？他考察...

也談面試必備問題之 JavaScript 數組去重 - 前端 - 掘金
Why underscore （以爲這部分眼熟的能夠直接跳到下一段了...） 最近開始看 underscore.js 源碼，並將 underscore.js 源碼解讀 放在了個人 2016 計劃中。 閱讀一些著名框架類庫的源碼，就好像和一個個大師對話，你...

【面試題】建立長度爲 100 的數組 - 前端 - 掘金
不用循環建立一個長度爲100的數組，而且每一個元素的值等於它的下標 先來講一下最直接的解法… var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,...

js 中關於循環的那些 API - 前端 - 掘金
數組循環 針對數組，for循環徹底OK，此處略過不表，只說一說爲方便咱們開發而那些內置的方法： forEach 就是for循環的簡化，將每一個值取出去作咱們想作的事兒 var arr=[1,2,3,4]; ...

javascript 正則表達式總結 - 前端 - 掘金
爲何要使用正則表達式 正則表達式經過由普通字符和特殊字符組成的文字模板完成對字符串的校驗，搜索，替換。在javascript中相似這樣 ...

es6 新特性整理 - 前端 - 掘金
ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技術已經在前端圈子很流行了，他給前端開發人員帶來了不少驚喜，提供的語法糖使複雜的操做變得簡單。 本文沒有詳細描述這些新特性，由於網上都已經有不少相關的介紹了。主要針對ES6 新特性...

Ec6 Promise 和 Generator - 前端 - 掘金
代碼案例以及文章內容均來自阮一峯的ECAMScript6入門：http://es6.ruanyifeng.com/#do... ...

深入理解 ES 6 中的 Promise - 前端 - 掘金故事是這樣的：小鐵去某廠面試，被問到Promise的出現是爲了解決哪些問題？小鐵成竹在胸脫口而出：Promise的出現是爲提升代碼的可讀性,用同步的方式來寫異步。然鵝，面試官對這個回答並不滿意，說這只是一方面，並無答到點上。Promise的出現是爲了 …… ...