xiaozhi

33.JS中，如何提高展开运算符的性能

本文主要讲解怎么提高展开运算的性能，在此之前先简单说说展开运算在数组中的工作原理。展开运算符或三个点，接受一个数组数组或通常是可迭代的[... arrayOrIterable]并将数组元素分解，并使用这些分解部分构造一个新数组。展开运算符可以放在数组中的任何位置：constnumbers=[1,2,3]; [0,...numbers];//=>[0,1,2,3] [0,...number

前端

2019-09-04  843 人浏览

xiaozhi

4.React 新特性讲解及实例(一)

本节主要讲解以下几个新的特性：ContextContextTypelazySuspense错误边界（Error boundaries）momoContext定义：Context 提供了一种方式，能够让数据在组件树中传递而不必一级一级手动传递。这定义读的有点晦涩，来看张图：假设有如上的组件层级关系，如果最底层的Item组件，需要最顶层的Window组件中的变量，那我们只能一层一层的传递下去。非常的繁

前端

2019-09-05  842 人浏览

xiaozhi

24.JavaScript中轻松遍历对象属性的几种方式

自身可枚举属性Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。这是合理的，因为大多数时候只需要关注对象自身的属性。来看看一个对象拥有自身和继承属性的例子，Object.keys()只返回自己的属性键：letsimpleColors={

前端

2019-09-04  837 人浏览

xiaozhi

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

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

前端

2019-09-04  836 人浏览

xiaozhi

1.JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！

本文是旨在深入研究JavaScript及其实际工作原理的系列文章中的第一篇:我们认为通过了解JavaScript的构建块以及它们是如何工作的，将能够编写更好的代码和应用程序。我们还将分享构建SeStHealsStad时使用的一些经验法则，这是一个轻量级的 JavaScript 应用程序，必须保持健壮和高性能以保持竞争力。如GitHut 统计数据所示，在GitHub中的活动存储库和总推送方面，Jav

前端

2019-09-04  834 人浏览

web

XML中的转义字符

HTML中的转义字符 HTML中<, >，&等有特别含义，(前两个字符用于链接签，&用于转义)，不能直接使用。使用这三个字符时，应使用他们的转义序列，如下所示：&amp; 或 &&和&lt; 或 <<小于号&gt; 或 >>大于号&quot;"双引号空格&copy;©版权符&reg

前端

2019-08-20  833 人浏览

web

XML中常用的5个转义符​

XML中常用的5个转义符:<，>，&，”，©; 的转义字符分别如下：&lt;&gt;&amp;&quot;&apos;如表所示:字符转义符<&lt;>&gt;&&amp;”&quot;©&apos

前端

2019-08-20  832 人浏览

xiaozhi

11.JavaScript是如何工作的:渲染引擎和优化其性能的技巧

当你构建 Web 应用程序时，你不只是编写单独运行的 JavaScript 代码，你编写的 JavaScript 正在与环境进行交互。了解这种环境，它的工作原理以及它的组，这些有助于你够构建更好的应用程序，并为应用程序发布后可能出现的潜在问题做好充分准备。浏览器的主要组件包括：用户界面 (User interface)：包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页

前端

2019-09-04  830 人浏览

xiaozhi

25.JavaScript中函数式编程基本原理简介

原文：https://medium.com/better-programming/introduction-to-the-basic-principles-of-functional-programming-in-javascript-6849ae196326译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在长时间学习和使用

前端

2019-09-04  829 人浏览

xiaozhi

28.JS 在获取当前月的最后一天遇到的坑

为了更好的讲这节的内容，提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。varendDate=newDate(); //上个月最后一天 endDate.setDate(0);接着正文开始：使用 JS 获取当前月的最后一天，咱们通常的思路先获取下个月的第一天，然后在减去一天，就是当前月的最后一天，所以自然会用到下面的代码：vardate=newDat

前端

2019-09-04  825 人浏览

xiaozhi

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

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

前端

2019-09-04  824 人浏览

xiaozhi

9. 10个流行的JavaScript面试题

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

前端

2019-09-04  823 人浏览

xiaozhi

20.任务，微任务、队列和时间表

原文：https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！思考下面 JavaScript 代码：console.log('scriptstart'); setTimeou

前端

2019-09-04  818 人浏览

xiaozhi

6.JavaScript是如何工作的:与 WebAssembly比较 及其使用场景

这次将讲解 WebAssembly 是如何工作的，更重要的是，它是如何在性能方面与JavaScript进行比较的:加载时间、执行速度、垃圾收集、内存使用、API开放平台、调试、多线程和可移植性。首先，让我们看看WebAssembly做什么首先，我们有必要了解一下asm.js。2012年，Mozilla 的工程师 Alon Zakai 在研究 LLVM 编译器时突发奇想：许多 3D 游戏都是用 C

前端

2019-09-04  816 人浏览

hangge

K8s - 免费的Kubernetes在线实验平台介绍2（官网提供的在线系统）

kubernetes（简称K8s）是一个开源的，用于管理云平台中多个主机上的容器化的应用。 在之前的文章中，我介绍如何通过Docker为我们提供的实验网站Play with Kubernetes（PWK）来搭建Kubernetes集群（点击查看）。 但如果每次学习时都需要重新搭建一个K8s集群还是很麻烦。好在Kubernetes官网已经为我们准备好了现成的最小可用系统。我们通过Web浏览器就可

前端

2019-09-05  815 人浏览

xiaozhi

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

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

前端

2019-09-04  814 人浏览

xiaozhi

13.揭秘变量提升

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

前端

2019-09-04  813 人浏览

xiaozhi

8.JavaScript 是如何工作的：Service Worker 的生命周期及使用场景

你可能已经知道，渐进式Web应用程序只会越来越受欢迎，因为它们的目标是让Web应用程序用户体验更流畅，创建类似于原生应用程序的体验，而不是浏览器的外观和感觉。构建渐进式Web应用程序的主要要求之一是使其在网络和加载方面非常可靠——它应该在不确定或不存在的网络条件下可用。在这篇文章中，将深入探讨Service Workers:它们是如何工作，你应该关心什么。最后，还列出了 Service Worke

前端

2019-09-04  811 人浏览

xiaozhi

2.Web 性能优化： 图片优化让网站大小减少 62%

图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小 超过了1.1MB，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。我开始阅读 Addy Osmani

前端

2019-09-04  810 人浏览

xiaozhi

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

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

前端

2019-09-04  808 人浏览