xiaozhi

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

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

前端

2019-09-04  1983 人浏览

xiaozhi

3.JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

本中，我们将讨论另一个重要主题——内存管理，这是由于日常使用的编程语言越来越成熟和复杂，开发人员容易忽视这一问题。我们还将提供一些有关如何处理JavaScript中的内存泄漏的技巧，在SessionStack中遵循这些技巧，既能确保SessionStack 不会导致内存泄漏，也不会增加我们集成的Web应用程序的内存消耗。概述像 C 这样的编程语言，具有低级内存管理原语，如malloc()和free

前端

2019-09-04  1979 人浏览

xiaozhi

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

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

前端

2019-09-04  1967 人浏览

xiaozhi

22. JavaScript 是如何工作的：JavaScript 的共享传递和按值传递

关于JavaScript如何将值传递给函数，在互联网上有很多误解和争论。大致认为，参数为原始数据类时使用按值传递，参数为数组、对象和函数等数据类型使用引用传递。按值传递 和引用传递参数主要区别简单可以说：按值传递：在函数里面改变传递的值不会影响到外面引用传递：在函数里面改变传递的值会影响到外面但答案是 JavaScript 对所有数据类型都使用按值传递。它对数组和对象使用按值传递，但这是在的共享传

前端

2019-09-04  1960 人浏览

web

js中获取当前url路径

可以使用 window.location 获取当前页面url。以下是一些简单应用。<script> $(function(){ // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.

前端

2019-08-15  1951 人浏览

xiaozhi

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

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

前端

2019-09-05  1949 人浏览

xiaozhi

7.JavaScript是如何工作的:Web Workers的构建块+ 5个使用他们的场景

这次我们会逐步讲解Web Workers，先说个简单的概念，接着讨论不同类型的Web Workers，他们的组成部分是如何一起工作的，以及不同场景下它们各自优势和限制。最后，提供5个正确使用Web Workers的场景。正如我们前面文章讨论的那样，你应该知道 JavaScript 语言采用的是单线程模型。然而，JavaScript 也为开发人员提供了编写异步代码的机会。异步编程的局限性以前的文章讨

前端

2019-09-04  1939 人浏览

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

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

xiaozhi

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

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

前端

2019-09-04  1912 人浏览

xiaozhi

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

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

前端

2019-09-04  1909 人浏览

xiaozhi

1.用 JavaScript 实现链表

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

前端

2019-09-04  1909 人浏览

xiaozhi

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

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

前端

2019-09-04  1908 人浏览

xiaozhi

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

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

前端

2019-09-04  1905 人浏览

xiaozhi

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

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

前端

2019-09-04  1901 人浏览

xiaozhi

5.JavaScript是如何工作: 深入探索 websocket 和HTTP/2与SSE +如何选择正确的路径

文章底部分享给大家一套 react + socket 实战教程这一次，我们将深入到通信协议的领域，映射和探讨它们的属性，并在此过程中构建部分组件。快速比较WebSockets和 HTTP/2。最后，我们分享一些关于如何选择网络协议的方法。简介如今，功能丰富、动态 ui 的复杂 web 应用程序被认为是理所当然。这并不奇怪——互联网自诞生以来已经走过了漫长的道路。最初，互联网并不是为了支持这种动态和

前端

2019-09-04  1900 人浏览

xiaozhi

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

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

前端

2019-09-04  1898 人浏览

xiaozhi

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

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

前端

2019-09-04  1894 人浏览

xiaozhi

8.快速了解 React Hooks 原理

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！我们大部分 React 类组件可以保存状态，而函数组件不能？ 并且类组件具有生命周期，而函数组件却不能？React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染，直接 16

前端

2019-09-05  1872 人浏览

xiaozhi

31.JS 前20个常用字符串方法及使用方式

本文主要介绍一些最常用的JS字符串函数,列表如下：charAt(x)charCodeAt(x)concat(v1,v2..)fromCharcode(c1,c2)indexOf(substr, [start])lastIndexOf(substr, [start])match(regexp)replace(regexp/substr, replacetext)search(regexp)slice

前端

2019-09-04  1864 人浏览