分类：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... 继续阅读 >