11 小时前 / 虞大胆
数组是前端开发者最常用的数据结构了，我们在项目中无时不刻在操作着数组，例如将列表组件的数据储存在数组里、将需要渲染成条形图的数据同样储存在一个数组里，虽然我们经常使用数组，但是很多人并不了解JavaScript数组的本质。 本节我们将从JavaScript数组的使用、内存模型两大部分进行讲解，希望通过这个小节，让大家对JavaScript的数组有更深的认识。 在正是开始这节之前，请大家思考一个问题，JavaScript的数组有什么特殊之处？ 数组的使用数组是我们最常用的数据结构，很多基于数组的操作大家也足够熟悉了，我们不会在这里罗列数组的API，......
2 天前 / sammffl
原文链接：appendto.com我一直在关注最有趣的Javascript博客 （这是我工作的一部分https://weekendjs.com/）。这里面有许多有趣的博客，超乎你的想象。有十多年前就开始的博客，也有一些相对较新的博客。一些博主是Javascript明星更多的是像你我这样的普通开发人员。 某些博客关注在某个具体的生态（像是Angular、React或者Vue)， 还有一些关注更普遍的用法。 令人兴奋的是有真材实料的优质博客一年比一年多。并且有望继续保持下去。 有哪些人会在列表上：只有哪些经常写博客的人（至少每个月一篇）。都是些个人博客，没有组织没有公司，并且最重......
2 天前 / 噶牛爱尚
首发于V8、Chrome、Node.js写文章用JavaScript带你体验V8引擎解析字符串过程吉米北京字节跳动 前端开发工程师61 人赞同了该文章AST模块其实要写的话，100篇都写不完，我将一些简单知识点翻译成JavaScript代码来进行讲解(v8内部的复杂性永远都能超出我的意料，现在看到万行的源码都已经没感觉了)，如果想看C++源码，可以去翻我前面的流水账。 先写几个结论。 抽象语法树内部有严格的分类，比如继承于AstNode的语句Statement、表达式Expression、声明Declaration等等，当判定对应词法的类型，会有一个工厂类专门生成对应类型的描述类。v8内部有一个......
2 天前 / 不易~
Web Audio API让我们在浏览器中制造一些还不错的声音。这使你的站点，应用，游戏变得更加有趣吸引人。你还可以制造一些像鼓机或者合成器这样特别的音乐应用。在本文中，我们将学习通过Web Audio API做一些简单有趣的项目。 入门让我们了解一些专业术语。在Web Audio API中，所有的音频操作都是在一个audio上下文中。每个基础的声音操作通过使用链接在一起的音频节点所展现的，从而形成音频路由图。在播放任何声音之前，你需要创建这个音频的上下文。这非常类似于创建canvas元素内部绘制的上下文。下面是我们如何创建一个音频上下文的方法： var c......
20 天前 / 张欢
如果你看到这些类别中的任何一个是你需要的，你将很高兴的知道，Vue.js社区中已经提出了许多用于使用的解决方案。 流行的Vue.js插件在开始一个新的Vue项目之前。我认为你知道以下插件的存在是很重要的： → Vue-router 如果你正在构建单页面应用程序，那么毫无疑问你需要使用Vue-router。作为Vue.js的官方路由，它与其核心深度集成，以完成映射组件和嵌套路由等任务。 → Vuex 作为应用程序中所有组件的集中存储，如果你希望构建具有高维护性的大型应用程序，Vuex是一个明智的选择。 → Vee-validate 当构建典型的业务应用程序时，如果不小......
20 天前 / Fundebug
《JavaScript深入浅出》系列： JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？JavaScript深入浅出第2课：函数是一等公民是什么意思呢？看到一篇讲JavaScript历史的文章里面提到：JavaScript借鉴Scheme语言，将函数提升到”一等公民”（first class citizen）的地位。 一等公民这个名字听起来很高大上，但是也相当晦涩，这个与翻译也没什么关系，因为first class citizen很多人包括我也不知所云。 JavaScript函数是一等公民，是什么意思呢？我来与大家探讨一下，抛砖引玉。 一等公民的定义根据维基百科，编程语言中一等公民的概念是......
21 天前 / 子曰五溪
首发于lightningMiners写文章async/await应知应会阮大蒙改行做前端的，电子工程师4 人赞同了该文章原文地址: https://hackernoon.com/javascript-async-await-the-good-part-pitfalls-and-how-to-use-9b759ca21cda 原文作者: Charlee Li 翻译作者: Xixi20160512async/await 是在 ES7 版本中引入的，它对于 JavaScript 中的异步编程而言是一个巨大的提升。它可以让我们以同步的方式处理异步的流程，同时不会阻塞主线程。但是，想要用好这一特性，可能需要动点脑筋。本文中，我们将从不同的角度探讨 async/await，同时会展示如何正确和高效的使用它......
22 天前 / 张欢
我已经使用Redux有一年了，很喜欢用它来创建一个非常大的项目。Redux在管理整个应用程序状态方面确实有很大的帮助，具有良好的可伸缩性。然而，在创建越来越多的actions/reducers之后存在一个问题，action.js和reducres.js文件变得非常大，甚至我们已经将应用程序逻辑分隔成不同的特性。 请看下面的代码片段： 它甚至需要一个屏幕才能导入常量！对于actions.js和reducer.js都会发生这种情况。每当需要更改某些操作逻辑时，定位到action或者reducer中准确的代码需要花费很多时间，因为他们真的是TL；DR...为了解决这个问题，我们尝试将一个actio......
25 天前 / 冷星1024
译者：前端小智原文：https://medium.com/@jlanne119/10-popular-interview-questions-of-javascript-for-front-end-developers-973c2052892e 为了保证可读性，本文采用意译而非直译 1.如何理解 JS 中的this关键字？JS 初学者总是对 this 关键字感到困惑，因为与其他现代编程语言相比，JS 中的这 this关键字有点棘手。 “this” 一般是表示当前所在的对象，但是事情并没有像它应该的那样发生。JS中的 this关键字由函数的调用者决定，谁调用就 this就指向哪个。如果找不到调用者， this将指向 windows对象。 来几个粟子 第一个例子很简单。 调用......
27 天前 / 毛线哦
你真的了解JavaScript Array#sort 吗？- 如何写一个比内建排序函数运行更快的排序函数2019-06-17本文主要讲解 javascript Array#sort 的两个方面：排序原理和排序算法。 排序原理根据MDN文档，javascript Array#sort 默认是按照字符的UTF-16编码字典序排序，数组中的数字在排序的时候会被转换成字符，所以就会产生如下结果： const myArray = [33, 2, 98, 25, 4]myArray.sort() // [ 2, 25, 33, 4, 98 ]const strings = ['80', '9']strings.sort() // ['80', '9']我们可以查看一下8和9的Unicode代码： "8".codePointAt(0) // 56"9".codePointAt......
27 天前 / Yizzuide
注：在本文中把xx.prototype引用的对象称为原型对象, Object、Function等称为函数类型对象，[]、{}、function(){}、12等称为实例对象。 我们知道Javascript是基于原型的函数式的面向对象语言，基中的原型、函数式是Javascript与Java等类似语言不同的地方，而Javascript又是动态的解释性脚本语言，所以语法上比较松散，可以满足快速开发并在网页里嵌入执行，由于是非静态类型语言，所能开发者入门起来相对简单，但想要深入Javascript学习就需要掌握好原型（prototype）的使用。 熟悉Java的同学都知道Object是所有类的基类，但是Javascript没有Clas......
30 天前 / km
Angular是一个流行的、广泛使用的客户端平台框架，近年来赢得了数百万开发人员的青睐. 随着Angular的出现，web和移动应用的构建变得非常简单。每年都会有新版本出现，Angular的生命周期也在不断演变。 该框架是由谷歌于2009年推出. Angular团队的第一个项目AngularJS非常受欢迎，依赖于HTML和JavaScript。然而，在后期的版本，你可能发现JavaScript已经被TypeScript和其他现代脚本语言所取代。 Angular使开发人员更自由的开发运行在web端，移动端和桌面端的应用程序。随着时间的推移，Angular经历了许多修改，并在AngularJS之后引入了许多版本，......
32 天前 / 噶牛爱尚
首发于风拂前端写文章如何避开JavaScript浮点数计算精度问题（如0.1+0.2!==0.3）Regardless小码农（你不点进来看看吗19 人赞同了该文章不知道大家在使用JS的过程中有没有发现某些浮点数运算的时候，得到的结果存在精度问题：比如0.1 + 0.2 = 0.30000000000000004以及7 * 0.8 = 5.6000000000000005等等。 究竟是什么原因造成了这个问题？实际上是因为计算机内部的信息都是由二进制方式表示的，即0和1组成的各种编码，但由于某些浮点数没办法用二进制准确的表示出来，也就带来了一系列精度问题。当然这也不是JS独有的问题。 接下来让我们以......
34 天前 / Fundebug
引文作为一个开发者，如果你关心代码质量，除了需要认真测试代码能否正确执行以外，还要注重代码的整洁(clean code)。一个专业的开发者会从将来自己或则他人方便维护的角度考虑如何写代码，而不仅仅是机器能够读懂。你写的任何代码有很大几率会被再次重构，希望未来重构代码的那个人不会觉得这是一场灾难。 代码的简洁之道可以被理解为：代码自我解释(且注释少)，开发者友好(易于理解，修改和扩展)。 想想之前阅读别人的代码的时候，说过多少次下面的话？ “WTF is that” “WTF did you do here” “WTF is this for” 下面这张图很形象地描......