JavaScript 控制台的更多功能

2020-03-26
阅读 3 分钟
2.5k
你可能在 JavaScript 项目中都用了console.log。这是一种查看变量的值或程序运行中发生的事情的便捷方法。但是 JavaScript console 对象还有许多其他的功能,可以在处理项目时提供帮助。本文将会介绍一些我的最爱,希望你在工作时记得使用它们!

怎样取消 JavaScript 中的异步任务

2020-03-18
阅读 5 分钟
4.5k
有时候执行异步任务可能是很困难的,尤其是在特定的编程语言不允许取消被错误启动或不再需要的操作时。幸运的是 JavaScript 提供了非常方便的功能来中止异步活动。在本文中,你可以学到如何创建可中止的函数。

7 个你应该知道的 JavaScript 原生错误类型

2020-03-16
阅读 4 分钟
2.3k
提示:良好的错误提示会导致快速而无痛的发展经历与缓慢而痛苦的发展经历之间的区别。在编写可重用的代码时,请确保自己在编写清晰易懂的错误处理代码。

React 状态管理的 3 个规则

2020-03-10
阅读 5 分钟
3.7k
React 组件内部的状态是在渲染过程之间保持不变的封装数据。 useState() 是 React hook,负责管理功能组件内部的状态。

用函数式编程在 JS 中开发游戏

2020-03-09
阅读 4 分钟
2k
一段时间以来,函数式编程范式比较火热,并且在互联网上有很多关于它的精彩书籍和文章,但是要找到相关程序的真实示例并不容易。因此,我决定尝试使用 Javascript(当今最流行的编程语言)并遵循其概念创建一款游戏。在本文中,我将分享一些经验,并告诉你是否值得。

在 5 分钟内搭建 Node.js 微服务原型

2020-03-07
阅读 3 分钟
7.6k
作者:Sergey Kravchenko翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 微服务已成为在 Node.js 中构建可扩展且强大的云应用的主流方法。同时也存在一些门槛,其中一些难点需要你在以下方面做出决策: 组织项目结构。 将自定义服务连接到第三方服务(数据库,消息代理等) 处理微服务之间共享的代码。 将项目容器化...

在 Vue.js 中使用嵌套路由

2020-03-06
阅读 5 分钟
5.3k
随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。

从两个角度理解 TypeScript 中的类型是什么?

2020-03-05
阅读 3 分钟
2.4k
作者:Dr. Axel Rauschmayer翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 TypeScript中的类型是什么?本文中描述了两种有助于理解它们的观点。 每个角度三个问题 以下三个问题对于理解类型如何工作非常重要,并且需要从两个角度分别回答。 myVariable 具有 MyType 类型是什么意思? {代码...} SourceType 是否可以...

JavaScript 执行线程图解

2020-03-04
阅读 3 分钟
2k
这是研究 JavaScript 内部工作方式的系列文章的第一篇。我会尽力使它变得有趣,并且不让你感到厌烦,因为我知道这些东西有时会变得非常乏味!

在 Vue.js 中制作自定义选择组件

2020-03-03
阅读 3 分钟
2.2k
定制 select 标签的设计非常困难。有时候,如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本,那是不可能的。在本文中,你将学习如何构建使用完全自定义 CSS 设置样式的 Vue.js 组件。

怎样修复Web应用程序中的内存泄漏

2020-03-02
阅读 6 分钟
3k
从服务器端渲染的网站切换到客户端渲染的 SPA 时,我们突然不得不更加注意用户设备上的资源,必须做很多工作:不要阻塞 UI 线程,不要使笔记本电脑的风扇疯狂旋转,不要耗尽手机的电池等。我们将交互性和“类应用程序”行为转换成了更好的新型问题,这些问题实际上并不存在在服务端渲染的世界中。

JavaScript 的代理对象

2020-03-01
阅读 3 分钟
3k
作者:Areknawo翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 JavaScript 支持 setters 和 getters 已经很长时间了。他们用带有 set 和 get 关键字的简单语法来拦截对象的属性访问和值的修改操作。 {代码...} 但是,setter/getter 有多个缺点: 它们仅限 get 和 get 操作(显然)。 它们不能与相同键(即“常规”属性...

前端程序员要懂的 UI 设计知识

2020-02-29
阅读 3 分钟
2.7k
作为一个前端工程师,如果你对 HTML 和 CSS 有基本的了解,并希望在浏览器中创建美观的用户界面,那就别到处乱找资料了!在本文中,你将通过了解以下七个基本知识来提高 UI 设计技能:

如何为你的 WEB 服务器做预算

2020-02-28
阅读 3 分钟
2.2k
我们都想通过共享托管来省钱,但是对于某些网站,VPS 甚至专用计划都是不可避免的。如果你不得不做一个更高级的计划,这可能意味着你的网站正在成长并获得更多的流量——因此,付出的财务成本将是值得的。

在React 中缩放、裁剪和缩放图像

2020-02-27
阅读 4 分钟
5.1k
在本文中,我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储,但是很容易就能完成这个任务。

Debug Visualizer:用于 VS Code 调试中的可视化数据插件

2020-02-26
阅读 4 分钟
6.8k
安装此扩展后,使用命令 Open a new Debug Visualizer View 打开新的可视化器视图。在这个视图中,你可以输入一个表达式,该表达式在逐步分析你的代码时会进行评估和可视化,例如

不用 TypeScript 的7 个理由

2020-02-25
阅读 3 分钟
3.2k
很多人人都喜欢 TypeScript。它“解决”了 JS 的许多问题,它是 JS 的“超集”,它能够使你的代码易于查错且易于阅读。有很多使用 TypeScript 的充分理由,但是我将给你 7 个不去用它的“非常好的”理由。

了解ECMAScript规范,第1部分

2020-02-19
阅读 5 分钟
3.8k
让我们从一个具体的例子开始,然后通过遍历整个规范以了解它。以下代码演示了 Object.prototype.hasOwnProperty 的用法:

在React应用程序中用RegEx测试密码强度

2020-02-18
阅读 5 分钟
3.3k
尽管一些组织认为应该由用户选择健壮的用户名和密码来保护自己,但是开发人员可以通过将规则包含在程序的设计中来帮助进行良好的密码选择。例如,开发人员可以通过加入进度条、百分比或颜色,来帮助用户在输入密码时规定密码的质量。

Chrome v80 发布:针对 Worker 的 JS 模块支持

2020-02-12
阅读 2 分钟
2.5k
Google 于 2020 年 2 月 4 日星期二发布了 Chrome v80。我一直在等待这个特定版本的发布,它是过去很长时间以来发布的最重要的主要版本。

JavaScript 库一旦安装几乎不会更新

2020-02-11
阅读 2 分钟
2.4k
CDNJS 是在网页上包含 JavaScript 和其他前端资源的一种非常流行的方式。在 CDNJS 小组的许可下,我们从 CDNJS 请求中收集了匿名和汇总的数据,这些数据用于了解人们如何建立 Internet。今天,我们的分析集中在一个问题上:JavaScript库一旦被安装在站点上,是否还会更新?

node.js 内存泄漏的秘密

2020-02-07
阅读 7 分钟
4.2k
并非所有的内存泄漏都显而易见。但是,一旦我们确定了其模式,就必须在内存使用率,内存中保存的对象和响应时间之间寻找关联。在检查对象时,应该根据自己所用的框架或技术(例如服务器端渲染),研究收集了多少对象,以及它们是否正常。希望在完成本文结束之后,你将能够理解并寻找一种策略来调试 Node.js 程序的内存消...

用 JavaScript 学习算法复杂度

2020-02-06
阅读 4 分钟
3k
在后面的例子中,我将引用这两个数组,一个包含 5 个元素,另一个包含 50 个元素。我还会用到 JavaScript 中方便的 performance API 来衡量执行时间的差异。

Node.js 中间件是怎样工作的?

2020-02-03
阅读 6 分钟
9.2k
作者:thirdrock team翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 什么是 Express 中间件? 中间件在字面上的意思是你在软件的一层和另一层中间放置的任何东西。 Express 中间件是在对 Express 服务器请求的生命周期内所执行的函数。 每个中间件都可以访问其被附加到的所有路由的 HTTP 请求和响应。 另外,中间件...

JavaScript 私有类字段和 TypeScript 私有修饰符

2020-01-21
阅读 4 分钟
5.2k
闭包是 JavaScript 中许多类似于私有模式(如流行的模块模式)的基础。但是,近年来 ECMAScript 2015 类被使用后,开发人员感到需要对类成员的隐私进行更多控制。

TypeScript 真的值得吗?

2020-01-19
阅读 4 分钟
4.8k
在开始之前,希望大家知道,我是 TypeScript 爱好者。它是我在前端 React 项目和基于后端 Node 工作时的主要编程语言。但我确实有一些疑惑,所以想在本文中进行讨论。迄今为止,我已经用 TypeScript 写了至少三年的代码,所以 TypeScript 做得的确不错,而且满足了我的需求。

用 JavaScript 实现单词查找树

2020-01-17
阅读 4 分钟
2.9k
对于搜索字符串的需求,在最坏的情况下,二叉搜索树的时间复杂度可能为 O(n),“n” 是二叉树中存储的字符串的总数量。所以为了在最佳时间内搜索字符串,需要一种性能更好的数据结构。 Trie 树(又名单词搜索树)可以避免在搜索字符串时遍历整个树。仅包含字母的字符串会把 trie 节点的子级数量限制为 26。这样搜索字符串...

用 JavaScript 实现基于类的枚举模式

2020-01-16
阅读 7 分钟
2.2k
作者:Dr. Axel Rauschmayer翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在本文中,我们将会研究在 JavaScript 中实现基于类的枚举模式。还会研究一下 Enumify 这个能够帮助我们使用枚举模式的库。 实现枚举:第一次尝试 枚举是由一组值组成的类型。例如 TypeScript 中有内置的枚举,我们可以通过它们来定义自己...

如何在 Docker 中设置 Headless Chrome Node.js 服务器

2020-01-15
阅读 5 分钟
6k
在 99% 的场合下,你实际上不需要浏览器 GUI,因为它是完全自动化的。运行 GUI 比发布基于 Linux 的服务器或在微服务集群(例如 Kubernetes)上扩展简单的Docker容器的代价要高得多。

JavaScript 中的 NaN

2020-01-14
阅读 4 分钟
2.8k
作者:Dmitri Pavlutin翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 JavaScript 中的数字类型包含整数和浮点数: {代码...} 另外还有 2 个特殊的数字值:Infinity(比其他任何数字都大的数字)和 NaN(表示“Not A Number”概念): {代码...} 虽然直接使用 NaN 的情况很少见,但在对数字进行无效的操作后却会令人惊...