標(biāo)簽?zāi)夸洠?span>JavaScript開發(fā)

2018
10-13

JavaScript和JSON創(chuàng)建者對JavaScript未來的展望

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

2018
09-13

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

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

2018
09-13

JavaScript性能優(yōu)化小竅門實(shí)例匯總

在眾多語言中，JavaScript已經(jīng)占有重要的一席之地，利用JavaScript我們可以做很多事情，應(yīng)用廣泛。在web應(yīng)用項(xiàng)目中，需要大量JavaScript的代碼，將來也會越來越多。但是由于JavaScript是一個作為解釋執(zhí)行的語言，而且它的單線程機(jī)制，決定了性能問題是JavaScript的弱點(diǎn)，也是開發(fā)者在寫JavaScript的時候需注意的一個問題。因?yàn)榻?jīng)常會遇到Web2.0應(yīng)用性能欠佳的問題，主因就是JavaScript性能不足，導(dǎo)致瀏覽器... 繼續(xù)閱讀 >

2018
08-28

JavaScript 引擎基礎(chǔ)：原型優(yōu)化

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

2018
07-10

Web Worker 使用教程

一、概述JavaScript語言采用的是單線程模型，也就是說，所有任務(wù)只能在一個線程上完成，一次只能做一件事。前面的任務(wù)沒做完，后面的任務(wù)只能等著。隨著電腦計(jì)算能力的增強(qiáng)，尤其是多核CPU的出現(xiàn)，單線程帶來很大的不便，無法充分發(fā)揮計(jì)算機(jī)的計(jì)算能力。WebWorker的作用，就是為JavaScript創(chuàng)造多線程環(huán)境，允許主線程創(chuàng)建Worker線程，將一些任務(wù)分配給后者運(yùn)行。在主線程運(yùn)行的同時，Worker線程在后臺運(yùn)... 繼續(xù)閱讀 >

2018
06-20

JavaScript 的 this 原理

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

2018
05-16

[譯]深入ES6之箭頭函數(shù)

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

2018
04-11

使用讓 JavaScript 安全且并發(fā)的 Web Workers

WebWorkers提供了一種在瀏覽器單線程執(zhí)行外運(yùn)行JS代碼的方式。單線程處理了包括頁面內(nèi)容展示，通過鍵盤、鼠標(biāo)點(diǎn)擊和其他裝置的用戶交互，以及對于AJAX請求響應(yīng)的一些請求。事件處理和AJAX請求是異步發(fā)生的，可以作為一種通用瀏覽器展示代碼路徑之外的運(yùn)行代碼的方式，但是它們?nèi)匀辉谶@一單線程內(nèi)運(yùn)行，并且必須很快完成。否則，瀏覽器中的交互會失去作用。WebWorkers允許在一個單獨(dú)的線程運(yùn)行JS代碼，... 繼續(xù)閱讀 >

2018
03-28

JavaScript：面試頻繁出現(xiàn)的幾個易錯點(diǎn)

1.前言這段時間，金三銀四，很多人面試，很多人分享面試題。在前段時間，我也臨時擔(dān)任面試官，為了大概了解面試者的水平，我也寫了一份題目，面試了幾個前端開發(fā)者。在這段時間里面，我在學(xué)，在寫設(shè)計(jì)模式的一些知識，想不到的設(shè)計(jì)模式的這些知識，就是面試題里面，頻繁讓人掉坑的考點(diǎn)。所以，今天就總結(jié)一下，那些讓人掉坑的考點(diǎn)。2.面向?qū)ο缶幊剃P(guān)于面向?qū)ο蠛兔嫦蜻^程，個人覺得這兩者不是絕對獨(dú)立的，而是相互... 繼續(xù)閱讀 >

2018
03-23

200行 JS 代碼實(shí)現(xiàn)區(qū)塊鏈

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

2018
02-22

來自1000多個項(xiàng)目的10大JavaScript錯誤淺析

作為對社區(qū)開發(fā)者的回饋，我們從我們的數(shù)據(jù)庫里選出了10大來自數(shù)千個項(xiàng)目的JavaScript錯誤。我們將會給出產(chǎn)生這些錯誤的根源，以及如何避免再發(fā)生這些錯誤。如果能夠避免這些錯誤，就可以成為更好的開發(fā)者。數(shù)據(jù)才是王道，我們通過收集和分析大量數(shù)據(jù)才選出了這10大JavaScript錯誤。我們收集每一個項(xiàng)目中出現(xiàn)的錯誤，并統(tǒng)計(jì)每一個錯誤發(fā)生的次數(shù)。我們根據(jù)錯誤代碼的指紋（fingerprint）對它們進(jìn)行分組，也就是說，如果第二... 繼續(xù)閱讀 >

2018
01-31

Javascript總結(jié)（常用工具類的封裝）

前言因?yàn)楣ぷ髦薪?jīng)常用到這些方法，所有便把這些方法進(jìn)行了總結(jié)。JavaScript1.type類型判斷isString (o) { //是否字符串      return Object.prototype.toString.call(o).slice(8, -1) === 'String'  }  isNumber (o) { //是否數(shù)字      return Object.prototy... 繼續(xù)閱讀 >

2018
01-23

從瀏覽器多進(jìn)程到JS單線程，JS運(yùn)行機(jī)制最全面的一次梳理

前言見解有限，如有描述不當(dāng)之處，請幫忙及時指出，如有錯誤，會及時修正?！?超長文+多圖預(yù)警，需要花費(fèi)不少時間?！?如果看完本文后，還對進(jìn)程線程傻傻分不清，不清楚瀏覽器多進(jìn)程、瀏覽器內(nèi)核多線程、JS單線程、JS運(yùn)行機(jī)制的區(qū)別。那么請回復(fù)我，一定是我寫的還不夠清晰，我來改。。。———-正文開始———-最近發(fā)現(xiàn)有不少介紹JS單線程運(yùn)行機(jī)制的文章，但是發(fā)現(xiàn)很多都僅僅是介紹某一部分的知識... 繼續(xù)閱讀 >

2018
01-16

JS設(shè)計(jì)模式入門和框架中的實(shí)踐

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

2017
12-28

深入淺出 JS 異步處理技術(shù)方案

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

2017
12-20

老司機(jī)常用的幾個JavaScript調(diào)試技巧

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