xiaozhi

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

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

前端

2019-09-04  761 人浏览

xiaozhi

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

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

前端

2019-09-04  757 人浏览

xiaozhi

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

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

前端

2019-09-04  754 人浏览

xiaozhi

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

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

前端

2019-09-04  750 人浏览

xiaozhi

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

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

前端

2019-09-04  749 人浏览

xiaozhi

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

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

前端

2019-09-04  746 人浏览

xiaozhi

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

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

前端

2019-09-04  746 人浏览

xiaozhi

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

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

前端

2019-09-04  743 人浏览

web

XML中的转义字符

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

前端

2019-08-20  743 人浏览

xiaozhi

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

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

前端

2019-09-04  742 人浏览

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  742 人浏览

xiaozhi

34.JS 如何创建、读取和删除cookie

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

前端

2019-09-04  741 人浏览

web

XML中常用的5个转义符​

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

前端

2019-08-20  740 人浏览

xiaozhi

17.JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件

概述Web Components 是一套不同的技术，允许你创建可重用的定制元素，它们的功能封装在你的代码之外，你可以在 Web 应用中使用它们。Web组件由四部分组成:Shadow DOM（影子DOM）HTML templates（HTML模板）Custom elements（自定义元素）HTML Imports（HTML导入）在本文中主要讲解Shadow DOM（影子DOM）Shadow DOM

前端

2019-09-04  733 人浏览

xiaozhi

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

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

前端

2019-09-04  733 人浏览

xiaozhi

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

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

前端

2019-09-04  730 人浏览

xiaozhi

15.Array.slice 8种不同用法

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

前端

2019-09-04  727 人浏览

xiaozhi

13.揭秘变量提升

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

前端

2019-09-04  726 人浏览

xiaozhi

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

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

前端

2019-09-04  723 人浏览

hangge

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

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

前端

2019-09-05  722 人浏览