forwardNow-CSDN博客

原创 TypeScript 项目 Airbnb 语法风格 ESLint 配置

安装：配置：.eslintrc.js:tsconfig.json:错误：注意：

2023-11-22 08:56:25 927

原创 JS 新操作符 —— “?.”、“??”、“??=”

【代码】JS 新操作符 —— “?.”、“??”、“??=”

2023-11-18 11:38:56 812

原创 GitHub two-factor authentication

2023-09-09 11:28:19 574

在Linux上安装node.js1. 说明使用 SecureCRT.exe（9.x）登录 Linux（Ubuntu 20.x）并安装 node.js（16.x）查看 Linux 发行版本：lsb_release -a# No LSB modules are available.# Distributor ID: Ubuntu# Description: Ubuntu 20.04.2 LTS# Release: 20.04# Codename: focal

2022-04-27 11:34:35 474

原创 win10-两电脑通过一根网线连接

两电脑通过一根网线连接1. 环境一根网线（交叉线）两个电脑（win10 系统）电脑A电脑B2. IP v4 配置2.1. 电脑A网络配置文件：专用IP 设置：IPv4地址 192.168.100.100子网掩码 255.255.255.0默认网关（电脑B的IP地址） 192.168.100.2002.2. 电脑B网络配置文件：专用IP 设置：IPv4地址 192.168.100.200子网掩码 255.255.255.0

2022-04-20 15:12:42 1193

原创 NPM 私有仓

NPM 私有仓1. 环境Windows 10 专业版node:node -v# v16.14.22. 安装npm install -g verdaccio3. 目录结构/D/verdaccio/ storage/ config.yaml htpasswd readme.md start_verdaccio.bat start_verdaccio.vbs4. 配置D:\verdaccio\config.yaml: (以下不是全部配置)

2022-04-16 09:11:13 610

原创《高性能 JavaScript》第 4 章算法和流程控制

第 4 章算法和流程控制《高性能 JavaScript》—— Nicholas C. Zakas代码的整体结构是影响运行速度的重要因素之一。1. 循环在大多数编程语言中，代码执行时间大部分消耗在循环中。1.1. 循环类型四种循环语法forwhiledo whilefor in示例：for (var i=0; i < 10; i++){ // loop body}var i = 0;while(i < 10) { // loop body i++

2021-08-06 11:33:16 246 2

原创《高性能 JavaScript》第 3 章 DOM 编程

第 3 章 DOM 编程《高性能 JavaScript》—— Nicholas C. Zakas用 JS 操作 DOM 的代价很昂贵，这通常是 web 应用的性能瓶颈。本章讨论三类问题：访问和修改 DOM 元素修改 DOM 元素的样式会导致重绘（repaint）和重排（reflow）通过 DOM 事件处理与用户的交互1. 浏览器中的 DOMDOM（Document Object Model，文档对象模型）就是 W3 定义的操作 XML/HTML 的接口层，浏览器对（DOM）接口层进

2021-08-01 12:01:53 152

原创《高性能 JavaScript》第 2 章数据访问

第 2 章数据访问《高性能 JavaScript》—— Nicholas C. Zakas存储数据的位置关系到代码执行过程中数据的检索速速。JS 有 4 中基本的数据存储位置：1.字面量，代表自身，有：字符串、数字、布尔值、对象、数组、函数、正则、 null、 undefined2.变量，开发人员使用 var 定义的3.数组元素，存储在 JS 数组中，以数字作为索引4.对象成员，存储在 JS 对象中，以字符串作为索引字面量和局部变量的访问速度较快。1. 作用域在函数里，作用域决定

2021-07-28 22:54:28 296 2

原创【求职必备】面试杀手题大合集！逢面必过！

【求职必备】面试杀手题大合集！逢面必过！参考： https://www.zhihu.com/question/35953016/answer/1896190807看了知乎这个视频，觉得很有必要记录一下。（最近也要换工作了）1. 你工作经验太少，一开始工资不高，你能接受吗？1.1. 错误回答我能接受，我是来学习的，钱不重要。1.2. 问题分析字面意思：工资不高，能否接受回答能，则期望工资直接打八折回答不能，则面试直接结束背后的意思：你有没有明确的目标？1.3. 正确回答您这个问题我

2021-07-22 22:53:30 236

原创《高性能 JavaScript》第 1 章加载和执行

第 1 章加载和执行《高性能 JavaScript》—— Nicholas C. Zakas在浏览器中，使用一个线程刷新用户界面和执行 JS；也就是说，同一时刻，要么执行JS（UI被冻结），要么响应用户输入（JS不能执行）。1. <script> 的位置浏览器从上往下解析 HTML 文档，遇到 <script> 时，会停止渲染界面而去（下载）执行 JS 代码；如果把 <script> 放在页面顶部（<head>中），JS 代码执行完毕之前页

2021-07-20 20:40:03 180

原创《JavaScript 面向对象精要》第 6 章对象模式

第 6 章对象模式《JavaScript 面向对象精要》—— Nicholas C. ZakasJavaScript 有许多用于创建对象的模式，通常有多种方法可以完成同样的事情。您可以随时定义自己的自定义类型或自己的通用对象。您可以使用继承来共享对象之间的行为，也可以使用其他技术，例如 mixins。您还可以利用高级 JavaScript 功能来防止修改对象的结构。本章中讨论的模式为您提供了管理和创建对象的强大方法，所有这些都基于您的用例。1. 私有属性和特权方法JavaScript

2021-07-18 20:06:55 214

原创《JavaScript 面向对象精要》第 5 章继承

第 5 章继承《JavaScript 面向对象精要》—— Nicholas C. ZakasES6 中已有 class 的语法学习如何创建对象是理解面向对象编程的第一步。第二步是了解继承。在传统的面向对象语言中，类继承其他类的属性。但是，在 JavaScript 中，可以在没有定义关系的类结构的对象之间进行继承。这种继承的机制是你已经熟悉的机制：原型。1. 原型链和 Object.prototypeJavaScript 的内置继承方法称为原型链接或原型继承。正如您在第 4 章中学到

2021-07-16 12:42:33 204 2

原创《JavaScript 面向对象精要》第 4 章构造器和原型

第 4 章构造器和原型《JavaScript 面向对象精要》—— Nicholas C. Zakas在没有理解构造函数和原型的情况下，您可能已经能够在 JavaScript 中走得很远，但是如果没有很好地掌握这些构造函数和原型，您就不可能真正理解 JavaScript 语言。因为 JavaScript 缺少类，所以它转向构造函数和原型来为对象提供类似的行为。但是仅仅因为某些模式与类相似，并不意味着它们的行为方式相同。在本章中，您将详细探讨构造器和原型，以了解JavaScript如何使用它们

2021-07-15 15:36:56 260 6

原创《JavaScript 面向对象精要》第 3 章理解对象

第 3 章理解对象《JavaScript 面向对象精要》—— Nicholas C. Zakas尽管 JavaScript 中有许多内置引用类型，但您很可能会相当频繁地创建自己的对象。在执行此操作时，请记住 JavaScript 中的对象是动态的，这意味着它们可以在代码执行期间随时更改。基于类的语言基于类定义锁定对象，而 JavaScript 对象没有这样的限制。JavaScript 编程的很大一部分是管理这些对象，这就是理解对象如何工作的原因是理解 JavaScript 整体的关键。

2021-07-14 11:41:21 166

原创《JavaScript 面向对象精要》第 2 章函数

第 2 章函数《JavaScript 面向对象精要》—— Nicholas C. Zakas如第 1 章所述，函数实际上是 JavaScript 中的对象。函数的定义特征 - 它与任何其他对象的区别 - 是存在名为 [[Call]] 的内部属性。内部属性不能通过代码访问，而是定义在执行代码时的行为。ECMAScript 为 JavaScript 中的对象定义了多个内部属性，这些内部属性由双方括号表示法指示。[[Call]] 属性表示该对象可执行。只有函数具有 [[Call]] 属性，因此

2021-07-13 08:12:01 222 1

原创《JavaScript 面向对象精要》第 1 章基本类型和引用类型

第 1 章基本类型和引用类型《JavaScript 面向对象精要》—— Nicholas C. Zakas大多数开发者通过基于类的语言（如 Java、C#）来学习面向对象编程，当他们开始学习 JavaScript 时，由于 JavaScript 没有对类的正式支持，他们会感到很迷茫。使用 JavaScript 时，不用一开始就定义类，您可以根据需要编写代码并创建数据结构。因为 JavaScript 缺少类，所以它也缺少诸如包之类的类分组。而在像 Java 这样的语言中，包和类名既定义了您使

2021-07-12 09:25:33 318 3

原创《JavaScript 面向对象精要》 - 介绍

《JavaScript 面向对象精要》 - 介绍《JavaScript 面向对象精要》—— Nicholas C. Zakas关于面向对象编程，大多数开发者会联想到学校教的基于类的面向对象语言，如 Java、C++。在这些语言里，无论做什么事，都要先创建一个类。行业中常见的设计模式也在加强基于类的概念的使用。但是，JavaScript 不使用类，这也是为什么人们在学完 Java 或 C++ 后再去学 JavaScript，会感到困惑。面向对象语言具有几个特性：封装：数据、操作数据的功能组

2021-07-11 10:35:06 209

原创《编写可维护的 JavaScript》自动化 - 第 13 章文件和目录结构

自动化 - 第 13 章. 文件和目录结构《编写可维护的 JavaScript》—— Nicholas C. Zakas我相当乐意花一整天的时间通过编程把一个任务实现自动化，除非这个任务手动只需要 10 秒钟就能完成。——Douglas Adams在 2000 年之前，Web 开发者把它们包含注释的源代码原封不动地直接部署到服务器的现象很普遍，这种本地和服务器文件完全一致的镜像方式可以方便我们迅速地改动代码。此外，这也导致了“查看源代码”时代的到来，许多 Web 开发者都会把查看其它网站的

2021-07-10 07:45:31 211

原创《编写可维护的 JavaScript》编程实践 - 第 12 章浏览器嗅探

编程实践 - 第 12 章浏览器嗅探《编写可维护的 JavaScript》—— Nicholas C. Zakas浏览器嗅探在 Web 开发领域始终是个热点话题。自从网景浏览器介入以后，这场争论就开始了。几年后，JavaScript 的浏览器嗅探技术也应运而生，网景 2.0 使用率远超任何其他浏览器，迫使其他浏览器也要在用户代理（User Agent）字符串中包含网景的信息部分信息，以绕过这种形式的浏览器嗅探。1. User-Agent 检测最早的浏览器嗅探即用户代理（user-agent

2021-07-09 21:45:18 211

原创《编写可维护的 JavaScript》编程实践 - 第 11 章不是你的对象不要动

编程实践 - 第 11 章不是你的对象不要动《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 的特殊之处在于任何东西都是可修改的。默认情况下，你可以修改任何你能访问到的对象，解析器根本不在乎这些对象是开发者定义的还是默认执行环境的一部分。在一个开发者独自开发的项目中，这不是问题，开发者确切地知道正在修改什么，因为他对所有代码了如指掌；然而，在一个多人开发的项目中，对象的任意修改就是大问题。1. 什么是你的你创建（或维护）的对象，才是你拥有

2021-07-08 19:19:16 233

原创《编写可维护的 JavaScript》编程实践 - 第 10 章抛出自定义错误

编程实践 - 第 10 章抛出自定义错误《编写可维护的 JavaScript》—— Nicholas C. Zakas在 JavaScript 中抛出错误是一门艺术，明白代码中哪些地方合适抛出错误是需要时间的。一旦搞明白这一点，调试代码的时间将大大缩段。1. 错误的本质当某些非期望的事情发生时，程序就引发一个错误，也许是给函数传递了不正确的值，或者数学运算碰到了一个无效的操作数。编程语言定义了一组基本的规则，当偏离了这些规则时将导致错误，然后开发者能修复错误。如果错误没有被抛出或者报告

2021-07-07 06:42:44 277 3

原创《编写可维护的 JavaScript》编程实践 - 第 9 章分离可配置的数据

编程实践 - 第 9 章分离可配置的数据《编写可维护的 JavaScript》—— Nicholas C. Zakas代码无非是定义一些指令的集合，让计算机来执行。我们将数据传入计算机，由指令对数据进行操作，并最终产生一个结果。当要修改数据时，则可能产生问题，任何时候你修改源代码都会可能引入 bug。有时就算修改数据的值也会带来风险，而数据是不应当影响指令的正常运行的。精心设计的应用应当将关键数据从主要的源代码中抽离出来，这样就可以更加放心地修改源代码了。1. 什么是配置数据配置数据是

2021-07-06 06:45:35 268 1

原创《编写可维护的 JavaScript》编程实践 - 第 8 章避免“空比较”

编程实践 - 第 8 章避免“空比较”《编写可维护的 JavaScript》—— Nicholas C. Zakas在 JavaScript 中，我们常常会看到这种代码：变量与 null 的比较（这种用法很有问题），用来判断变量是否被赋予了一个合理的值。比如：var Controller = { process: function(items) { if (items !== null) { // 不好的写法 items.sort(); items.forEa

2021-07-05 06:58:00 182

原创《编写可维护的 JavaScript》编程实践 - 第 7 章事件处理

编程实践 - 第 7 章事件处理《编写可维护的 JavaScript》—— Nicholas C. Zakas在所有 JavaScript 应用中事件处理都非常重要。所有的 JavaScript 均通过事件绑定到 UI 上，所以大多数前端工程师需要花费很多时间来编写和修改事件处理程序。遗憾的是，在 JavaScript 诞生之初，这部分内容并未受到太多重视。甚至当开发者们开始热衷于将传统的软件架构概念融入到 JavaScript 里时，事件绑定仍然没有收到多大重视。大多数事件处理相关的代码

2021-07-04 21:10:57 218 3

原创《编写可维护的 JavaScript》编程实践 - 第 6 章避免使用全局变量

编程实践 - 第 6 章避免使用全局变量《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 执行环境在很多方面都有其独特之处。全局变量和函数的使用便是其中之一。JavaScript 的初始执行环境是由多种多样的全局变量所定义的，这些全局变量在脚本环境创建之初就已经存在了。我们说这些都是挂载在“全局对象”（global object）上的，“全局对象”是一个神秘的对象，它表示了脚本的最外层上下文。在浏览器中，window 对象往往重载并代理了全局

2021-07-04 11:44:01 231 1

原创《编写可维护的 JavaScript》编程实践 - 第 5 章 UI层的松耦合

编程实践 - 第 5 章 UI层的松耦合《编写可维护的 JavaScript》—— Nicholas C. Zakas在 Web 开发中，用户界面（User Interface，UI）是由三个彼此隔离又相互作用的层定义的。HTML 定义页面的数据CSS 给页面添加样式，创建视觉特征JavaScript 给页面添加行为，使之更具交互性三者之间的关系（Web UI 分层） |------------------------| | CSS | JavaScript |

2021-07-03 22:39:52 228 5

原创《编写可维护的 JavaScript》编程风格 - 第 4 章变量、函数、运算符

编程风格 - 第 4 章变量、函数、运算符《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 编程的本质是编写一个个函数来完成任务。在函数内部，变量和运算符可以通过移动、操作字节来使某件事发生。关注如何使用函数、变量、运算符来减少复杂度和增强可读性就显得十分重要。1. 变量声明用 var 声明的变量会提前到函数顶部。变量声明提前意味着：在函数内部任意地方定义变量和在函数顶部定义变量是完全一样的。建议将所有的局部变量的定义作为函数内第一条语

2021-07-03 08:52:59 209

原创《编写可维护的 JavaScript》编程风格 - 第 3 章语句和表达式

编程风格 - 第 3 章语句和表达式《编写可维护的 JavaScript》—— Nicholas C. Zakas所有的块语句(block statement)都应当使用花括号，包括：ifforwhiledo…while…try…catch…finally省略花括号会造成一些困惑，如下if (condition) doSomething(); doSomethingElse();这段代码很难看出作者的真正意图：是缩进错误，还是丢失了花括号？如果添加了花括号，就能很容

2021-07-02 23:27:27 229 3

原创《编写可维护的 JavaScript》编程风格 - 第 2 章注释

编程风格 - 第 2 章注释《编写可维护的 JavaScript》—— Nicholas C. Zakas打开一个没有任何注释的文件就好像趣味冒险，但如果给你的时间有限，这项任务就变成了折磨。适度的添加注释可以解释说明代码的来龙去脉，其他开发者就可以不用从头开始读代码，而是直接去读代码的任意部分。编程风格通常不会包含对注释的风格约定，但我认为从注释的作用即可看出它们的重要性不容忽视。JavaScript 支持两种注释：单行注释和多行注释。1. 单行注释单行注释以双斜线开始，以行尾结束

2021-07-01 20:40:16 214 1

原创《编写可维护的 JavaScript》编程风格 - 第 1 章基本的格式化

编程风格 - 第 1 章基本的格式化《编写可维护的 JavaScript》—— Nicholas C. Zakas编程风格指南的核心是基本的格式化规则（formatting rule）。这些规则直接决定了如何编写高水准的代码。与写字时所用的方格纸类似。1. 缩进层级两种缩进方式：制表符（tab character）好处一个制表符一个缩进层级，一对一的关系文本编辑器可以配置制表符的展现长度坏处系统对制表符的解释不一致，有的长有的短空格：每个缩进层级由多

2021-06-30 21:54:28 257 1

原创《编写可维护的 JavaScript》第一部分编程风格

第一部分编程风格《编写可维护的 JavaScript》—— Nicholas C. Zakas程序是写给人读的，只是偶尔让计算机执行以下。编程嗜好：每个人的背景不同，会有自己的一套编程习惯，都觉得代码应该按照自己的想法来写，这称为编程嗜好。编程风格：编程风格（style guideline）是编码规范（code convention）的一部分，用来规范单文件中代码的规划。编码规范包括：编程最佳实践、文件和目录的规划、注释等方面。为什么要讨论编程风格问题：一旦风格确定后，这套编程风格就

2021-06-29 20:04:27 228

原创《深入理解ES6》第十三章用模块封装代码

第十三章用模块封装代码《深入理解ES6》—— Nicholas C. Zakas其他语言使用包（package）之类的概念来定义代码的作用域，而JS则是“共享一切”，这是该语言混乱且易出错的方面之一。ES6的模块就是为了解决作用域的问题，让JS应用变得更有条理。1. 何为模块？模块（Modules）是使用不同方式加载的JS文件。与JS原先的脚本加载方式不同。它与脚本（script）有不同的语义：代码自动运行在严格模式在顶级作用域创建的变量，不会添加到全局作用域。顶级作用域的 t

2021-06-28 20:47:38 292 2

原创《深入理解ES6》第十一章 Promise 与异步编程

第十一章 Promise 与异步编程《深入理解ES6》—— Nicholas C. ZakasJS能极其轻易地处理异步编程，如响应点击或按键之类的用户交互行为。node.js 通过使用回调函数来代替事件，进一步推动了JS中的异步编程。随着异步编程面对的场景日益复杂，事件与回调已不足以支持所有需求，Promise应运而生。Promise 是异步编程的一种选择，延迟并在将来执行作业。1. 异步编程的背景1.1. 说明JS引擎建立在单线程事件循环的概念上。单线程：单线程（sing

2021-06-27 12:04:45 236 1

原创《深入理解ES6》第十章增强的数组

第十章增强的数组《深入理解ES6》—— Nicholas C. Zakas1. 创建数组ES6之前创建数组的方式：Array构造器数组字面量无法直接将类数组对象（有数值类型索引和length属性）转换为真正的数组。ES6 新增了 Array.of() 、 Array.from() 方法创建数组。1.1. Array.of() 方法let items = new Array( 2 );items.length; //=> 2items[ 0 ]; //=>

2021-06-26 11:40:33 256

原创《深入理解ES6》第九章 JS的类

第九章 JS的类《深入理解ES6》—— Nicholas C. ZakasJS从创建之初就不支持类，也没有把类继承作为定义相似对象以及关联对象的主要方式。很多库都创建了一些工具，让JS显得貌似能支持类，导致ES6最终引入了类。ES6的类并不与其他语言的类完全相同，所具备的独特性正配合了JS的动态本质。1. ES5中的仿类结构ES6之前不存在类，但与类最接近的是：创建一个构造器，然后将方法指派到该构造器的原型上。这种方式通常被称为创建一个自定义类型，如：function Person

2021-06-25 21:56:42 286

原创《深入理解ES6》第八章迭代器与生成器

第八章迭代器与生成器《深入理解ES6》—— Nicholas C. Zakas许多编程语言都将迭代器数据的方式从使用 for 循环转变到使用迭代器对象，for循环需要初始化变量以便追踪集合内的位置，而迭代器则以编程方式返回集合中的下一个项。1. 循环的问题var colors = [ "red", "green", "blue" ];for ( var i = 0, len = colors.length; i < len; i++ ) { console.info( c

2021-06-24 21:05:12 224 1

原创《深入理解ES6》第七章 Set 与 Map

第七章 Set 与 Map《深入理解ES6》—— Nicholas C. ZakasES6之前 JS只存在一种集合类型，就是数组类型。数组只使用了数值型的索引，而如果非数值型的索引是必要的，开发者就会使用非数组的对象。这种技巧引入了非数组对象的定制实现，即 Set 与 Map。Set 是不包含重复值的列表。Map则是键与相对应的值的集合。1. ES5中的 Set 与 Map1.1. 用对象模拟let set = Object.create( null );let map = Obje

2021-06-23 22:11:43 234 1

原创《深入理解ES6》第六章符号与符号属性

第六章符号与符号属性《深入理解ES6》—— Nicholas C. Zakas1. 概述let id = Symbol('id');let person = { [id]: '001'};person[id]; // 001const symbols = Object.getOwnPropertySymbols(person);symbols; //=> [Symbol(id)]用于创建一个唯一的属性名，避免重名的属性名2. 总结符号是JS新引入的基本类型值，

2021-06-23 22:08:35 261

原创《深入理解ES6》第五章解构

第五章解构《深入理解ES6》—— Nicholas C. Zakas1. 析构的用处在ES6之前，从对象或数组中获取信息，并将特定数据存入本地变量，需要书写许多相似的代码：let options = { repeat: true, save: false}// 从对象中提取数据let repeat = options.repeat, save = options.save;此段代码提取了 options 对象的属性，并将其存在同名的本地变量上。虽然简单，

2021-06-22 22:17:33 292 1