综合( 右侧选择分类 )
xiaozhi

17.Proxy 的巧用

原文:https://blog.bitsrc.io/a-practical-guide-to-es6-proxy-229079c3c2f0译者: 前端小智为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!Proxy 介绍使用Proxy,你可以将一只猫伪装成一只老虎。下面大约有6个例子,我希望它们能让你相信,Proxy 提供了强大的 Java
2186 人浏览
xiaozhi

16.8个问题看你是否真的懂 JS

原文:https://dev.to/aman_singh/so-you-think-you-know-javascript-5c26译者:前端小智为了保证的可读性,本文采用意译而非直译。JavaScript 是一种有趣的语言,我们都喜欢它,因为它的性质。浏览器是JavaScript的主要运行的地方,两者在我们的服务中协同工作。JS有一些概念,人们往往会对它掉以轻心,有时可能会忽略不计。原型、闭包和
1824 人浏览
xiaozhi

15.Array.slice 8种不同用法

译者:前端小智原文:https://codeburst.io/js-by-example-8-distinct-uses-of-javascript-array-slice-4e4e95a470e4为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的
1846 人浏览
xiaozhi

14.如何使用 Set 来提高代码的性能

译者:前端小智原文:https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77为了保证的可读性,本文采用意译而非直译。我确信有很多开发人员坚持使用基本的全局对象:数字,字符串,对象,数组和布尔值。对于许多用例,这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展,
1734 人浏览
xiaozhi

13.揭秘变量提升

为了保证可读性,本文采用意译而非直译。引用 ES6 规范作者 Allen Wirfs-Brock一条最近的推特:变量提升是一个陈旧且令人困惑的术语。甚至在 ES6之前:变量提升的意思究竟是“提升至当前作用域顶部”还是“从嵌套的代码块中提升到最近的函数或脚本作用域中”?还是两者都有?受 Allen 启发,本文提出了一种不同的方法来描述变量声明。1. 声明:作用域与激活可以将声明分为两个方面:作用域:
1993 人浏览
xiaozhi

12. 8个有用的JS技巧

译者:前端小智原文:https://devinduct.com/blogpost/26/8-useful-javascript-tricks这些技巧可能大家大部分都用过了,如果用过就当作加深点映像,如果没有遇到过,就当作学会了几个技巧。1. 确保数组值使用 grid ,需要重新创建原始数据,并且每行的列长度可能不匹配, 为了确保不匹配行之间的长度相等,可以使用Array.fill方法。letarr
1718 人浏览
xiaozhi

11.需要知道的JS的日期知识,都在这了

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!JS中的Date很奇怪。当我们需要处理日期和时间的时候比较麻烦,经常借助像date-fns和Moment这样的库。但是我们并不总是需要使用库。如果知道要注意一些总是,日期实际上可以非常简单。接下介绍有关Date对象的所有信息时区我们的世界有数百个时区。 在JavaScript中,我们只关心两
1735 人浏览
xiaozhi

10.搞懂JavaScript引擎运行原理

译者:前端小智原文:https://codeburst.io/js-essentials-the-javascript-engine-302ff38e8465为了保证可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!一些名词JS引擎— 一个读取代码并运行的引擎,没有单一的“JS引擎”;,每个浏览器都有自己的引擎,如谷歌有V。作用域— 可以从中访问变量
1648 人浏览
xiaozhi

9. 10个流行的JavaScript面试题

译者:前端小智原文:https://medium.com/@jlanne119/10-popular-interview-questions-of-javascript-for-front-end-developers-973c2052892e为了保证可读性,本文采用意译而非直译想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!1.如何理解 JS 中的this关键字?JS 初学者
1855 人浏览
xiaozhi

8.如何在JavaScript中访问暂未存在的嵌套对象

为了保证可读性,本文采用意译而非真译。JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪,让人摸不着头脑。其中之一就是当你试图访问嵌套对象时,会遇到这个错误Cannot read property 'foo' of undefined在大多数情况下,处理嵌套的对象,通常我们需要安全地访问最内层嵌套的值。 来个粟子:constuser={ id
1851 人浏览
xiaozhi

7.JavaScript 原型的深入指南

为了保证可读性,本文采用音译而非直译不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。对象是键/值对。创建对象的最常用方法是使用花括号{},并使用点表示法向对象添加属性和方法。letanimal={} animal.name='Leo' animal
1553 人浏览
xiaozhi

6.JavaScript 的简洁之道

简介如果你关注代码本身和代码的编写方式,而不是只关心它是否能工作,那么你写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码,而不仅仅只编写当前能工作就行的代码。在此基础上,简洁代码可以定义为自解释的、易于人理解的、易于更改或扩展的代码。以下列表一些好编写方式,仅供参考,当然,如果你有更好的方式,欢迎留言。1. 强类型检查用===代替==//如果处理不当,它会极大地影响程序逻辑。这
1713 人浏览
xiaozhi

5.搞懂 Javascript中this 指向及继承原理

在理解继承之前,需要知道 js 的三个东西:什么是 JS 原型链this 的值到底是什么JS 的new 到底是干什么的一、什么是 JS 原型链?我们知道 JS 有对象,比如varobj={name:'obj'}我们通过控制台把obj 打印出来:我们会发现obj已经有几个属性(方法)了。那么问题来了:valueOf/toString/constructor是怎么来?我们并没有给obj
1717 人浏览
xiaozhi

4.如何在 JS 循环中正确使用 async 与 await

async与await的使用方式相对简单。 蛤当你尝试在循环中使用await时,事情就会变得复杂一些。在本文中,分享一些在如果循环中使用await值得注意的问题。准备一个例子对于这篇文章,假设你想从水果篮中获取水果的数量。constfruitBasket={ apple:27, grape:0, pear:14 };你想从fruitBasket获得每个水果的数量。 要获取水果的数量,可以使
1640 人浏览
xiaozhi

3.我从来不理解JavaScript闭包,直到有人这样向我解释它

正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。最近看到的一些文章,终于,有人用于一种让我明白方式对闭包进行了解释,我将在本文中尝试使用这种方法来解释闭包。##准备在理解闭包之前,有个重要的概念需要先了解一下,就是 js 执行上下文。这篇文章是执行上下文 很不错的入门教程,文章中提到:当代码
1750 人浏览
xiaozhi

2.JavaScript 的内存模型

//声明一些变量并初始化它们 vara=5 letb='xy' constc=true //分配新值 a=6 b=b+'z' c=false//类型错误:不可对常量赋值作为程序员,声明变量、初始化变量(或不初始化变量)以及稍后为它们分配新值是我们每天都要做的事情。但是当这样做的时候会发生什么呢? JavaScript 如何在内部处理这些基本功能?
1680 人浏览
xiaozhi

2.JavaScript 的内存模型

//声明一些变量并初始化它们 vara=5 letb='xy' constc=true //分配新值 a=6 b=b+'z' c=false//类型错误:不可对常量赋值作为程序员,声明变量、初始化变量(或不初始化变量)以及稍后为它们分配新值是我们每天都要做的事情。但是当这样做的时候会发生什么呢? JavaScript 如何在内部处理这些基本功能?
1630 人浏览
xiaozhi

1. 11种在大多数教程中找不到的JavaScript技巧

当我开始学习JavaScript时,我把我在别人的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。在这篇文章中,我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的,但我希望即使是中级JavaScript开发人员也能在这个列表中找到一些新的东西。1..过滤唯一值Set对象类型是在ES6中引入的,配合展开操作...一起,我们可以使
1834 人浏览
xiaozhi

1.用 JavaScript 实现链表

什么是链表单链表是表示一系列节点的数据结构,其中每个节点指向链表中的下一个节点。 相反,双向链表具有指向其前后元素的节点。与数组不同,链表不提供对链表表中特定索引访问。 因此,如果需要链表表中的第三个元素,则必须遍历第一个和第二个节点才能到得到它。链表的一个好处是能够在固定的时间内从链表的开头和结尾添加和删除项。这些都是在技术面试中经常被问到的数据结构,所以让我们开始吧。另外,可以对链表进行排序。
1844 人浏览
xiaozhi

6.Web 性能优化:Preload,Prefetch的使用及在 Chrome 中的优先级

今天,我们将深入研究Chrome 的网络栈,以明确 web 加载原语(如<link rel= preload >&<link rel= prefetch >) 背后的工作原理,以便你能够更有效地使用它们。如其他文章所述,preload是一个声明式fetch,可以强制浏览器在不阻塞document的onload事件的情况下请求资源。Prefetch告诉浏览器这个资源将
2131 人浏览