天行无忌_社区达人页

2022年07月

• 07.01 13:37:38
  发表了文章 2022-07-01 13:37:38

  JavaScript数据结构之Object

  Object 是 ECMAScript 中最常用的数据类型之一，很适合存储和在应用程序之间交互数据。Object 定义一组属性的无序集合，可以将其想象成一张散列表，其中的内容就是一组名/值对，值可以是数据或者函数。 而数组是一个有序集合，为了保证元素排列有序，相比 Object 来说会占用更多的内存空间。
• 07.01 13:26:26
  发表了文章 2022-07-01 13:26:26

  JavaScript数据结构之Map

  映射（Map）是 ECMAScript 6 规范中引入的一种数据结构。这是一种存储键值对列表很方便的方法，类似于其他编程语言中的词典或者哈希表。常用的 Map 方法有：赋值 set(key, value) 、获取 get(key) 、移除指定键名及其对应的值 delete(key) 、判断是否存在 has(key) 、 获取所有值 values() 、key/value 迭代器 entries()、清空所有键/值对 clear() 等。

  
• 07.01 13:15:59
  发表了文章 2022-07-01 13:15:59

  JavaScript 中对象和映射之间的 6 个区别

  Object 和 Map 都是键值对的动态集合，从这个定义开始，它们非常相似，但也可以找出它们之间的一些差异。

  
• 07.01 13:14:19
  发表了文章 2022-07-01 13:14:19

  为什么 SASE 很重要？

  什么是 SASE？ SASE 是安全访问服务边缘。在过去，企业的流量从分支到数据中心是固定的，用于访问internet或公共云。世界变了，流量模式也变了。越来越多的应用程序部署在云端。SASE 正在为如何在不放弃本地数据中心（DC）的情况下使用云铺平道路。

  
• 07.01 13:11:35
  发表了文章 2022-07-01 13:11:35

  从 WAN 到 SD-WAN 边缘设备的网络架构

  如今的应用程序和网络架构需要一种新的的方法，云、虚拟化和即服务模型的出现颠覆了传统的企业网络。在这个多云世界中，组织被迫重新考虑如何设计广域网以连接和统一分散的站点。

  
• 07.01 13:09:44
  发表了文章 2022-07-01 13:09:44

  JavaScript 数组方法 .map() 的 5 个使用场景

  .map() 函数是 JavaScript 数组结构中很实用的一个方法之一，其通过调用回调函数创建一个新数组。该函数访问调用数组中的每个元素。可以将 map() 方法视为经过一个循环并在回调函数中编写语句（格式化、数据处理）以构造一个新数组。
• 07.01 13:08:31
  发表了文章 2022-07-01 13:08:31

  SD-WAN、SASE 和多云空间的未来趋势

  在过去几年中，企业广域网 (WAN) 在其数字化转型过程中专注于以云为中心的网络，以克服新的业务需求，例如 COVID 19 促使了随时随地的远程办公模式的发展。远程办公就涉及各个办公环境之间具有稳定可靠的网络环境，在过去有两种方式可以解决这些问题：

  

2022年06月

• 06.30 13:58:30
  发表了文章 2022-06-30 13:58:30

  在 JavaScript 中创建私有成员

  面向对象编程语言中的 private 关键字是一个访问修饰符，可用于使属性和方法只能在声明的类中访问。这使得隐藏底层逻辑变得容易，这些底层逻辑应该被隐藏起来，并且不应该与类的外部交互。
• 06.30 13:57:33
  发表了文章 2022-06-30 13:57:33

  面向 JavaScript 开发人员的 5 大物联网库

  最近元宇宙的概念火遍互联网，自 Facebook 改名 Meta 以来，国内外越来越多的企业纷纷加入到布局元宇宙的行列。元宇宙之所以强势进入人们视野，与其底层技术的进步有着莫大的关系，包括AR/VR、云计算、物联网、5G、人工智能、数字孪生等等。其中，5G作为重要的连接基础，是元宇宙场景得以实现的关键。元宇宙将汇集游戏引擎、AR可穿戴设备、VR、现实世界数据集和不断发展的物联网。
• 06.30 13:56:37
  发表了文章 2022-06-30 13:56:37

  JavaScript 中的 .forEach() 和 for...of

  .forEach() 方法被认为是 JavaScript 中的高阶函数，其工作方式是为列表中的每个元素传入当前元素、索引和列表（正在循环的整个数组），用更专业的术语来说就是对于迭代器的每次调用，函数都会接收三个参数（元素、索引、列表）调用。如果列表是 JavaScript 对象，则迭代器参数将是 (value、key、list)。在现代前端开发中，通常 .forEach() 方法可以替代过去的 for ，而对于不需要访问索引的遍历则建议使用 for...of ，因为它的遍历效率比 .forEach() 快。
• 06.30 13:55:41
  发表了文章 2022-06-30 13:55:41

  分享8个可以编译为JavaScript的语言

  JavaScript 并不是最好的语言，特别是在复杂的应用中，它可能不太能胜任。为了避免这种情况，一些新的语言或现有语言的编译器被创造出来，不用写一行 JavaScript 或者考虑这种语言的局限，就能生产在浏览器能运行的代码。
• 06.30 13:54:41
  发表了文章 2022-06-30 13:54:41

  简述以太坊P2P网络之UDP

  个人认为以太坊是区块链项目中带来技术重新认识和学习的不错的项目，特别是在P2P网络这一块。本文将介绍P2P网络中负责节点之间的通信连接和服务发现，本文的内容主要是对代码层级的理解，可能存在对其理解的错误，欢迎指点。

  
• 06.30 13:53:05
  发表了文章 2022-06-30 13:53:05

  JavaScript 数组展平方法： flat() 和 flatMap()

  作为一门主流的WEB编程语言，JavaScript 不断发展，添加新的语法、功能或抽象，帮助开发人员轻松解决复杂的问题。如数组展平过去需要自己编写方法来实现，而从 ES2019 中开始引入了一种扁平化数组的新方法，可以展平任何深度的数组，这个方法就是 flat() 。而说起 flat() 的方法，就不得不顺便说下 flatMap() 。
• 06.30 13:51:59
  发表了文章 2022-06-30 13:51:59

  重构你的不良编程陋习

  保持代码整洁和高效并不容易，作为一名开发者，可能会有那么几天，所从事的开发项目会让人感到沮丧。也可能会有几天只想复制和粘贴代码，写出曾经写过的最程序化、重复性最强的垃圾代码，然后下班回家。
• 06.30 13:51:12
  发表了文章 2022-06-30 13:51:12

  JavaScript 脚本优化的 10 个技巧

  现在WEB应用包括网站，几乎都离不开 JavaScript ，可以大胆的说没有不使用JavaScript的WEB应用 。在本文中，将总结一些JavaScript 在 WEB 渲染速度和性能方面优化技巧。
• 06.30 13:49:58
  发表了文章 2022-06-30 13:49:58

  Ember Data 之记录操作：创建、更新和删除

  前面在《Ember.js 项目开发之 Ember Data》介绍了Ember Data 和 《Ember Data 之模型定义》、《Ember Data 之记录查询》，本文将继续介绍记录操作：创建、更新和删除。
• 06.30 13:47:27
  发表了文章 2022-06-30 13:47:27

  JavaScript 数组方法 splice() 的 3 个示例

  splice() 方法可以从数组中排除旧值，然后将新值插入数组。使用 splice() 后，将获得两个数组，第一个是排除的数组，第二个是编辑过的新数组。 需要注意的是，此方法会改变原数组。
• 06.30 13:46:12
  发表了文章 2022-06-30 13:46:12

  先睹为快即将到来的HTML6

  HTML，超文本标记语言，是一种用于创建网页的标准标记语言。自从引入 HTML 以来，它就一直用于构建互联网。与 JavaScript 和 CSS 一起，HTML 构成前端开发的三剑客。
• 06.30 13:45:06
  发表了文章 2022-06-30 13:45:06

  JavaScript 数组方法 slice() 的 5 个示例

  slice() 方法将数组部分的副本返回到新的数组对象中。这个对象是从 start 到 end 选择的。需要注意的是，此方法不会修改原始数组。此外，如果向其中一个数组添加新元素，则另一个数组不会受到影响。

  
• 06.30 13:43:57
  发表了文章 2022-06-30 13:43:57

  【Three.js】随着元宇宙开启WEB3D之路

  当视频游戏遇到Web 2.0时会发生什么？ 当虚拟世界相遇地球的地理空间地图？当模拟变成现实，生活和商业变成虚拟？当你使用虚拟地球在物理地球上导航时，你的化身就变成了你的在线代理？这一切发生的就是元宇宙。

  
• 06.30 13:35:04
  发表了文章 2022-06-30 13:35:04

  Ember Data 之记录查询

  前面在《Ember.js 项目开发之 Ember Data》介绍了Ember Data 和 《Ember Data 之模型定义》，本文将继续介绍记录操作。
• 06.30 13:33:43
  发表了文章 2022-06-30 13:33:43

  JavaScript 创建下载文件之Blob和File

  文件下载，过去一般由后端程序在服务器端生成文件，然后前端通过打开链接的方式从服务器端下载数据，而需要下载的文件在服务器上会有一个临时文件或者永久存在的文件。随着浏览器的发展和高级浏览器的普及，文件下载可以通过接口获取相应的文件流，然后在前端生成相应的下载文件和链接地址，这种方式一般在服务器端没有临时文件或者永久文件，而是将文件数据流存储在数据库中。

  
• 06.30 13:32:17
  发表了文章 2022-06-30 13:32:17

  如何在 JavaScript 中操作二维数组

  二维数组在 JavaScript 开发中是比较常见的数据结构，在本文将介绍如何使用 JavaScript 创建二维数组并对其进行操作，在JavaScript中常见的数组操作方法大概 10 个左右，可以参阅《JavaScript 数组操作必须熟练运用的10个方法》。

  
• 06.30 13:30:07
  发表了文章 2022-06-30 13:30:07

  如何使用 JavaScript 扁平化 / 非扁平化嵌套 JSON 对象？

  前端开发中，特别有接触过树形结构组件的项目中，这些组件很多都需要对JSON对象进行扁平化，而获取属性数据又需要对数据进行反操作。本文以代码的形式来展示如何使用 JavaScript 扁平化/非扁平化嵌套的 JSON 对象。
• 06.30 13:28:56
  发表了文章 2022-06-30 13:28:56

  2022 年 9 个最佳 JavaScript IDE 和代码编辑器

  作为WEB的核心语言之一，如果没有 JavaScript，互联网将完全不同。JavaScript 是一种用于前端和后端 Web 开发的高级编程语言。可以使用 JavaScript 来创建动态 Web 内容和应用程序。

  
• 06.30 13:25:07
  发表了文章 2022-06-30 13:25:07

  再谈浏览器存储之 localStorage 和 cookie

  WEB 项目的开发，不可避免的要设计存储，这里所说的主要是浏览器存储。之前在文章《WEB 本地存储：localStorage、Web SQL Database、IndexedDB》介绍过浏览器存储。本文之所有再谈浏览器存储，是希望从更加细致的角度出发，并分享存储相关的方法集合。
• 06.30 13:23:43
  发表了文章 2022-06-30 13:23:43

  Ember Data 之模型定义

  前面在《 Ember.js 项目开发之 Ember Data 》介绍了Ember Data，本文将继续介绍模型的定义。
• 06.30 13:22:40
  发表了文章 2022-06-30 13:22:40

  JavaScript 中对象处理之 Object.freeze 与 Object.seal

  数据不变性在编程语言中一直非常重要，在 JavaScript 中也是如此。在这里，有两种 JavaScript 方法可以部分保证不变性：Object.freeze 和 Object.seal。本文来总结一下这两个方法都可以用来做什么？都有什么区别？存在什么不足之处？
• 06.30 13:21:18
  发表了文章 2022-06-30 13:21:18

  项目开发中 9 个实用的 JavaScript 函数

  在项目开发过程中，会发现有一些代码反复需要，这些大部分是有第三方的脚本库来解决，有时不想为了一个功能安装一整个库，因此建议平时开发过程中将常用的函数封装成一个公共库。本文将带总结一下项目开发过程中可以用得到的函数。
• 06.30 13:20:09
  发表了文章 2022-06-30 13:20:09

  WEB本地存储：localStorage、Web SQL Database、IndexedDB

  在HTML5之前，应用程序数据只能存储在 cookie 中，并且会包含在每个服务器请求中。与 cookie 不同，浏览器本地存储限制要大得多（至少5MB），并且信息不会被传输到服务器。本文将要介绍的本地存储包括：localStorage、Web SQL Database、IndexedDB。

  
• 06.30 13:14:48
  发表了文章 2022-06-30 13:14:48

  如何从 JavaScript 中的数组中删除空元素？

  从 JavaScript 数组中删除空元素看似很简单，由于 JavaScript 的语言的特殊性，对于空的理解有不同意义。在本文中，将通过如何从 JavaScript 数组中删除空元素，总结一下 JavaScript 中空值和假值的知识点。
• 06.30 13:13:31
  发表了文章 2022-06-30 13:13:31

  前端开发中使用纯函数提纯非纯函数

  理解纯函数和非纯函数是向更清晰、更基于角色和可测试的代码的简单过渡。在这篇文章中，将通过查看一个简单的体重指数（BMI）计算器来探索纯函数和非纯函数，该计算器通过一些简单的身高和体重输入因素来估算“健康体重”。
• 06.30 13:11:44
  发表了文章 2022-06-30 13:11:44

  谈JavaScript中纯函数与非纯函数

  纯函数是函数式编程的基础，之前在优雅编码的文章中提到过，多写纯函数，本文来简单介绍一下纯函数和非纯函数的概念和区别。
• 06.30 13:10:44
  发表了文章 2022-06-30 13:10:44

  Node.js 17 新特征

  Node.js v17.0.0，是 JavaScript 运行时的最新主要版本，上个月刚发布，它将取代运行时当前发行版中的 V16。 V16 现在有望在 2021 年 10 月 26 日升级到长期支持 (LTS) 频道。
• 06.30 13:09:50
  发表了文章 2022-06-30 13:09:50

  用得上的JavaScript 代码片段和技巧

  过去陆陆续续总结了一些有助项目开发效率和开发技能的代码片段，一方面加深对 Javascript 语法的理解，一方面对代码进行归档。本文对专栏《碎片时间学习Javascript代码》做一个精选的总结。

  
• 06.29 14:44:04
  发表了文章 2022-06-29 14:44:04

  宝藏级学习图谱React、Vue、Angular、Ember、Node

  根据 Stack Overflow 的 2021 年开发者调查、NPM 趋势和 StateOfJS、前端、后端和测试的最佳 JavaScript 框架是 React.js、Angular、Vue.js、jQuery、Express js 等。本文将分享前端开发中四种广泛应用（即 React、Node、Angular 和 Vuejs）的和不太流利的 JavaScript 框架（Ember）的学习图谱。

  
• 06.29 14:40:50
  发表了文章 2022-06-29 14:40:50

  JavaScript 解构赋值 5 个常见场景和实例

  解构赋值语法是一种 JavaScript 表达式，通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。这种语法是 ECMAscript 6 规范引入了一种新语法，可以更轻松地从数组和对象中获取值。
• 06.29 14:39:34
  发表了文章 2022-06-29 14:39:34

  React与Vue、Angular 三个方面的比较

  React 是一个很棒的库，可以创建令人振奋的 Web 应用程序，目前很多互联网公司使用 React 作为前端开发框架。与 Angular 和 Vue 相比，它是最没有主见的开发框架，因为，应用程序的构建和结构的选择是由开发人员决定的。这对于成熟的开发团队来说，是一种有利的方法，但对于新手开发人员、学习者和 React 世界的新手来说则不是。有些选择很容易，有些则不然，它可能因项目的类型和规模而有所不同。

  
• 06.29 14:36:00
  发表了文章 2022-06-29 14:36:00

  16个实用JavaScript代码片段：DOM、Cookie、数组、对象

  在 JavaScript 的世界里，简洁的代码 == 更好，本文将通过项目开发设计的知识点整理一些可能涉及的 16 个JavaScript代码片段。
• 06.29 14:34:54
  发表了文章 2022-06-29 14:34:54

  WEB图像优化

  图像是网站或者WEB应用重要的组成部分，随着现在终端设备及5G的普及，用户对于图像的要求越来越高，为了提供更加速度体验，可以对图像进行优化。

  
• 06.29 14:33:47
  发表了文章 2022-06-29 14:33:47

  网站性能优化的实战指南

  性能优化是应用程序开发必须的工作之一，其目的之一为用户提供极致的速度体验，本文总结 WEB 应用或者网站可以快速实操的经验。
• 06.29 14:32:49
  发表了文章 2022-06-29 14:32:49

  构建全屏 Web 应用程序

  全屏 UI 设计有助于通过消除干扰来保持用户与内容的专注互动。因此，可以看到在现代 Web 应用程序中越来越多地使用全屏 UI，这都得益于浏览器的发展。在过去Web 应用要支持丝滑全屏还是有一定的复杂度，如借助 Flash 等等。在本文中，通过一个简单的全屏功能来展示 JavaScript 全屏 API 功能的使用。
• 06.29 14:31:34
  发表了文章 2022-06-29 14:31:34

  WEB全屏API简介及示例

  FullScreen API允许页面上的一个元素有一个全屏视图，通常情况下，会在不同的图形或媒体资源（例如视频或图像）中看到这一点，但实际上可以让页面上的任何元素都具有全屏视图。
• 06.29 14:30:28
  发表了文章 2022-06-29 14:30:28

  MSW：可用于浏览器和测试的Mock服务

  在 VUE 项目开发中，大部分需求会涉及API数据交互，为了保证项目效率，前端通常需要一个 API 服务器来确保前端开发进度，这就是所谓的 Mock 服务。网络上有许多类型的 Mock 工具，使用不同的方法解决同一个问题。

  
• 06.29 14:27:34
  发表了文章 2022-06-29 14:27:34

  Node.js 日志之winston使用指南

  前面在《Node.js 日志最佳实践指南》介绍了关于日志的最佳实现指南，本文将使用 Winston 库来构建一个简单的日志功能。

  
• 06.29 14:25:47
  发表了文章 2022-06-29 14:25:47

  Node.js 日志最佳实践指南

  在 JavaScript 开发过程中，很多时候使用 console.log 来调试程序，算是比较常用的一个方法。
• 06.29 14:24:19
  发表了文章 2022-06-29 14:24:19

  再说 JavaScript 的 null 和 undefined

  在 JavaScript 中关于空值的定义会应项目的不同而不同，通常在与后台接口对接的时候，判断数据是否存在需要判断空字符串 ""、null、undefined。本文带大家再复习一下 null 和 undefined 。