標簽目錄：JavaScript開發

2018
10-13

JavaScript和JSON創建者對JavaScript未來的展望

近期在倫敦召開的FullStack大會上，BrendanEich和DouglasCrockford分別做演講探討了JavaScript的未來。Eich是JavaScript的創建者；Crockford是JSON的創建者，也是《JavaScript語言精粹》（“JavaScript:TheGoodParts”）一書的作者。Eich的大會演講主要聚焦于一些需迭代改進的語言特性。Crockford引導聽眾聚焦于JavaScript軟件工程的下一步發展，他稱之為一種全球分布的、安全的異步編程模式。Crockford指出，包... 繼續閱讀 >
2018
09-13

JavaScript中Array方法的正確打開方式

JavaScript中Array方法的正確打開方式 在過去的幾個月，我發現我的拉取請求中存在四個完全相同的JavaScript錯誤。于是我寫了這篇文章，總結了如何在JavaScript中正確使用地使用Array的方法！用Array.includes代替Array.indexOf“如果你要在數組中查找元素，請使用Array.indexOf”。我記得在學習JavaScript的時候，在教材中讀到這樣的一句話。毫無疑問，這句話是真的！MDN文檔寫道，Array.indexOf將“返回第一次出現給定元素的索引”。... 繼續閱讀 >
2018
09-13

JavaScript性能優化小竅門實例匯總

JavaScript性能優化小竅門實例匯總 在眾多語言中，JavaScript已經占有重要的一席之地，利用JavaScript我們可以做很多事情，應用廣泛。在web應用項目中，需要大量JavaScript的代碼，將來也會越來越多。但是由于JavaScript是一個作為解釋執行的語言，而且它的單線程機制，決定了性能問題是JavaScript的弱點，也是開發者在寫JavaScript的時候需注意的一個問題。因為經常會遇到Web2.0應用性能欠佳的問題，主因就是JavaScript性能不足，導致瀏覽器... 繼續閱讀 >
2018
08-28

JavaScript 引擎基礎：原型優化

JavaScript 引擎基礎：原型優化 本文就所有JavaScript引擎中常見的一些關鍵基礎內容進行了介紹——這不僅僅局限于V8引擎。作為一名JavaScript開發者，深入了解JavaScript引擎是如何工作的將有助于你了解自己所寫代碼的性能特征。在前一篇文章中，我們討論了JavaScript引擎是如何通過Shapes和InlineCaches來優化對象與數組的訪問的。本文將介紹優化流程中的權衡與取舍，并對引擎在優化原型屬性訪問方面的工作進行介紹。原文JavaScript... 繼續閱讀 >
2018
07-10

Web Worker 使用教程

Web Worker 使用教程 一、概述JavaScript語言采用的是單線程模型，也就是說，所有任務只能在一個線程上完成，一次只能做一件事。前面的任務沒做完，后面的任務只能等著。隨著電腦計算能力的增強，尤其是多核CPU的出現，單線程帶來很大的不便，無法充分發揮計算機的計算能力。WebWorker的作用，就是為JavaScript創造多線程環境，允許主線程創建Worker線程，將一些任務分配給后者運行。在主線程運行的同時，Worker線程在后臺運... 繼續閱讀 >
2018
06-20

JavaScript 的 this 原理

JavaScript 的 this 原理 一、問題的由來學懂JavaScript語言，一個標志就是理解下面兩種寫法，可能有不一樣的結果。varobj={foo:function(){}};varfoo=obj.foo;//寫法一obj.foo()//寫法二foo()上面代碼中，雖然obj.foo和foo指向同一個函數，但是執行結果可能不一樣。請看下面的例子。varobj={foo:function(){console.log(this.bar)},bar:1};varfoo=obj.foo;varbar=2;obj.foo()//1foo()//2... 繼續閱讀 >
2018
05-16

[譯]深入ES6之箭頭函數

箭頭一族缺少的家庭成員在JavaScript出現以來，箭頭（Arrow）就一直是其語法的一部分。一般來說，JavaScript教程的第一篇就會講如何在HTML中插入箭頭括號來作為注釋，這會阻止不支持JS的瀏覽器錯誤的將你的JS代碼作為文字展現出來，比如這個：<scriptlanguage="javascript"><!--document.bgColor="brown";//red//--></script>老舊的瀏覽器只會看到兩個不支持的tag以及一個注釋，而現代... 繼續閱讀 >
2018
04-11

使用讓 JavaScript 安全且并發的 Web Workers

使用讓 JavaScript 安全且并發的 Web Workers WebWorkers提供了一種在瀏覽器單線程執行外運行JS代碼的方式。單線程處理了包括頁面內容展示，通過鍵盤、鼠標點擊和其他裝置的用戶交互，以及對于AJAX請求響應的一些請求。事件處理和AJAX請求是異步發生的，可以作為一種通用瀏覽器展示代碼路徑之外的運行代碼的方式，但是它們仍然在這一單線程內運行，并且必須很快完成。否則，瀏覽器中的交互會失去作用。WebWorkers允許在一個單獨的線程運行JS代碼，... 繼續閱讀 >
2018
03-28

JavaScript：面試頻繁出現的幾個易錯點

JavaScript：面試頻繁出現的幾個易錯點 1.前言這段時間，金三銀四，很多人面試，很多人分享面試題。在前段時間，我也臨時擔任面試官，為了大概了解面試者的水平，我也寫了一份題目，面試了幾個前端開發者。在這段時間里面，我在學，在寫設計模式的一些知識，想不到的設計模式的這些知識，就是面試題里面，頻繁讓人掉坑的考點。所以，今天就總結一下，那些讓人掉坑的考點。2.面向對象編程關于面向對象和面向過程，個人覺得這兩者不是絕對獨立的，而是相互... 繼續閱讀 >
2018
03-23

200行 JS 代碼實現區塊鏈

原文Ablockchainin200linesofcode譯者：若愚，來自饑人谷,更多好文，關注“饑人谷”公眾號區塊鏈的基本概念非常簡單：一個分布式數據庫維持不斷增長的有序記錄列表。然而當我們談論區塊鏈時，我們也會談論我們用區塊鏈所要解決的問題，這二者通常很容易弄混淆。流行的基于區塊鏈的項目如比特幣和以太坊就是這種情況。術語“區塊鏈”通常與交易、智能合約或加密貨幣等概念緊密相關。這使得理解區塊鏈... 繼續閱讀 >
2018
02-22

來自1000多個項目的10大JavaScript錯誤淺析

來自1000多個項目的10大JavaScript錯誤淺析 作為對社區開發者的回饋，我們從我們的數據庫里選出了10大來自數千個項目的JavaScript錯誤。我們將會給出產生這些錯誤的根源，以及如何避免再發生這些錯誤。如果能夠避免這些錯誤，就可以成為更好的開發者。數據才是王道，我們通過收集和分析大量數據才選出了這10大JavaScript錯誤。我們收集每一個項目中出現的錯誤，并統計每一個錯誤發生的次數。我們根據錯誤代碼的指紋（fingerprint）對它們進行分組，也就是說，如果第二... 繼續閱讀 >
2018
01-23

從瀏覽器多進程到JS單線程，JS運行機制最全面的一次梳理

從瀏覽器多進程到JS單線程，JS運行機制最全面的一次梳理 前言見解有限，如有描述不當之處，請幫忙及時指出，如有錯誤，會及時修正?！?超長文+多圖預警，需要花費不少時間?！?如果看完本文后，還對進程線程傻傻分不清，不清楚瀏覽器多進程、瀏覽器內核多線程、JS單線程、JS運行機制的區別。那么請回復我，一定是我寫的還不夠清晰，我來改。。?！?正文開始———-最近發現有不少介紹JS單線程運行機制的文章，但是發現很多都僅僅是介紹某一部分的知識... 繼續閱讀 >
2018
01-16

JS設計模式入門和框架中的實踐

在編寫JS代碼的過程中，運用一定的設計模式可以讓我們的代碼更加優雅、靈活。下面筆者就結合諸如redux的subscribe、ES6的class、vue里面的$dispatch、jquery里面的on/off來給大家簡單介紹下設計模式在這些庫、語法和框架中的使用。設計模式解決的問題設計模式并不是很玄乎的知識，很多同學在編寫JS代碼的時候已經在不經意間用了不少設計模式了。筆者認為把設計模式單獨抽象出來探討，就和算法中抽象出來冒泡、... 繼續閱讀 >
2017
12-28

深入淺出 JS 異步處理技術方案

為什么要異步"當我們在星巴克買咖啡時，假設有100個人在排隊，也許咖啡的下單只要10S，但是咖啡的制作到客人領取咖啡要1000S。如果在同步的場景下，第一個客人下單到領取完咖啡要1010S才能輪到下一個客人，這在效率（某些場景）上來說會比較低下。如果我們異步處理這個流程，客人下單10S拿到憑證，客人就可以去做別的事情，并且10S后下一個客人可以繼續下單，并不阻礙流程。反而可以通過憑證，讓客人拿到自己的咖啡，也許時... 繼續閱讀 >
2017
12-20

老司機常用的幾個JavaScript調試技巧

老司機常用的幾個JavaScript調試技巧 1.debugger除了console.log,debugger是我們最喜歡、快速且骯臟的調試工具。執行代碼后，Chrome會在執行時自動停止。你甚至可以把它封裝成條件，只在需要時才運行。if(thisThing){debugger;}2.用表格顯示對象有時，有一組復雜的對象要查看?？梢酝ㄟ^console.log查看并滾動瀏覽，亦或者使用console.table展開，更容易看到正在處理的內容！varanimals=[{animal:'Horse',name:'Henry',ag... 繼續閱讀 >