Web开发( 右侧选择分类 )
xiaozhi

15.Array.slice 8种不同用法

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

XML中常用的5个转义符​

XML中常用的5个转义符:<,>,&,”,©; 的转义字符分别如下:&lt;&gt;&amp;&quot;&apos;如表所示:字符转义符<&lt;>&gt;&&amp;”&quot;©&apos
554 人浏览
xiaozhi

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

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

5.Web 性能优化:理解及使用 JavaScript 缓存

随着我们的应用程序的不断增长并开始进行复杂的计算时,对速度的需求越来越高(????️),所以流程的优化变得必不可少。 当我们忽略这个问题时,我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。缓存是一种优化技术,通过存储开销大的函数执行的结果,并在相同的输入再次出现时返回已缓存的结果,从而加快应用程序的速度。如果这对你没有多大意义,那没关系。 本文深入解释了为什么需要进行缓存,缓存是什么,如何
553 人浏览
xiaozhi

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

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

15.JavaScript是如何工作的:深入类和继承内部原理+Babel和 TypeScript 之间转换

现在构建任何类型的软件项目最流行的方法这是使用类。在这篇文章中,探讨用 JavaScript 实现类的不同方法,以及如何构建类的结构。首先从深入研究原型工作原理,并分析在流行库中模拟基于类的继承的方法。 接下来是讲如何将新的语法转制为浏览器识别的语法,以及在 Babel 和 TypeScript 中使用它来引入ECMAScript 2015类的支持。最后,将以一些在 V8 中如何本机实现类的示例来
551 人浏览
web

用css隐藏元素的四种方法

1.opacityopacity是设置一个元素的透明度,这一设置为0只能从视觉上隐藏元素,而元素本身依然占据它自己的位置并对网页的布局起作用,它也将响应用户交互。<div id="div1" style="opacity:0;">DIV1 测试opacity:0隐藏 </div>2.visibility该属性值为hidden的时候,元素将会隐藏,也会占据着自己的位置,并对网
551 人浏览
xiaozhi

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

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

27.如何使用useReducer Hook

看到“reducer”这个词,容易让人联想到Redux,但是在本文中,不必先理解Redux才能阅读这篇文章。咱们将一起讨论“reducer”实际上是什么,以及如何利用useReducer来管理组件中的复杂状态,以及这个新钩子对Redux意味着什么?Reducer 是什么鬼如果你熟悉Redux或数组上中的reduce方法,你大概就知道“reducer”是什么。 如果不熟悉,“reducer”大概是一
547 人浏览
web

XML中的转义字符

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

28.JavaScript 如何创建、读取和删除cookie

Cookie为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如,当用户访问咱们的站点时,可以利用Cookie保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可以检索以前保存的信息。Cookie 是什么鬼Cookie是一小段文本信息,伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问站点时,Web 应用程序都可以读取 Cookie 包含的信息。C
545 人浏览
xiaozhi

1.React高级组件精讲

React高级组件精讲高阶函数是以函数为参数,并且返回也是函数的的函数。类似的,高阶组件(简称HOC)接收 React 组件为参数,并且返回一个新的React组件。高阶组件本质也是一个函数,并不是一个组件。高阶组件的函数形式如下:constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有
545 人浏览
xiaozhi

29.5个 JS 解构有趣的用途

1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子:leta=1; letb=2; lettemp; temp=a; a=b; b=temp; a;//=>2 b;//=>1temp是一个临时变量,它先保存a的值。然后把b的值赋值给a,接着将temp值赋给b。如果使用解构的方式会更简单,不需要什么鬼的temp变量。leta=1; letb=2
543 人浏览
xiaozhi

9. 10个流行的JavaScript面试题

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

23.关于css margin,你需要知道的一切

原文:https://www.smashingmagazine.com/2019/07/margins-in-css/译者:前端小智为了保证的可读性,本文采用意译而非直译。当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的透明区域,它会将其他元素从盒子内容中推开。CSS1中描述了margi
537 人浏览
xiaozhi

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

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

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

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

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

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

23.JS引擎:它们是如何工作的?从调用堆栈到Promise,需要知道的所有内容

为了保证可读性,本文采用意译而非直译。有没有想过浏览器如何读取和运行JS代码? 这看起来很神奇,我们可以通过浏览器提供的控制台来了解背后的一些原理。在Chrome中打开浏览器控制台,然后查看Sources这栏,在右侧可以到一个Call Stack盒子。JS 引擎是一个可以编译和解释我们的JS代码强大的组件。 最受欢迎的JS 引擎是V8,由 Google Chrome 和 Node.j s使用,Sp
531 人浏览
xiaozhi

1.JavaScript是如何工作的:引擎,运行时和调用堆栈的概述!

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