Node.js 14进入LTS,Node.js 15发布

2020-10-31大约6分钟

JavaScript 运行时 Node.js 已经更新到了 15.0.1 版本。Node.js 15 将取代 Node.js 14 作为项目团队目前的发布主线,Node.js 14 已被转移到长期支持。据团队介绍,Node.js 15 将每两周更新一次,提供最新的功能和变化。 15 版本的特点是支持上周公布的 npm 7,并提供了期待已久的功能,如工作空间、自动安装同行依赖的能力以及对 yarn....

JavaScript:Promise以及Async/Await赢得胜利的原因

2020-10-31大约11分钟

异步函数在JavaScript中是好事。好的方面是异步函数是非阻塞的,因此非常快——尤其是在Node.js上下文中。缺点是处理异步函数可能很麻烦,因为有时您必须等待一个函数完成才能获得其“回调”,然后再执行后面的代码。有几种方法可以发挥异步函数调用的优势并正确处理它们的执行,但是有一种方法远胜于其他方法(你猜对了,就是Async / Await)。在本文中,您将了解Promise的来龙去脉以及As...

免费好用的截图软件推荐

2020-05-17大约9分钟

在日常学习工作中,截图工具算的上必须,却是最不起眼的一个工具之一了。不像Word、Excel那么总是主角,但需要的时候总是少不了。 截图软件主要的功能是截图,但实际上还要提供一些其他的辅助功能才算得上是好用。比如: 灵活选择截图区域:按窗口截屏,还是随意划定区域截屏等。 基本的图片编辑功能:通常截完屏幕之后,我们还需要对图片做一些裁剪、编辑或标记的工作才行。 易用、便宜甚至免费最好 网上搜截图工具...

<div>标签 - 添加一个HTML的区块

2020-04-04大约4分钟

标签表示division,即 和 之间的内容是一个HTML里的一块。这样理解,是不是听起来不是很清楚?确实是这样,从刚开始定义的时候,这个标签的语义并不如后面将会介绍的 、 等清楚,但由于出现得早,又简单强大,有些程序员甚至在 里几乎用的全是 标签。 比如这个大家都知道的网站,某个互联网大厂的旗舰产品,里面的代码里面就是这么用的:大部分的HTML都是 标签。比如: 标签在HTML5里,并不是特别推...

乐码范的网站架构设计

2020-04-04大约27分钟

乐码范 是一个小型的网站,目前主要是一个个人业余项目。目标主要是利用最新的前端技术,实现一个对用户友好、高质量的在线编程学习网站。虽然是一个小型网站,但麻雀虽小,五脏俱全,自己在做的过程中,也让自己可以接触到大项目里接触不到的方方面面,让自己的知识和思考更加全面。由于这是一个免费的网站,个人目前主要是依靠兴趣来开发和维护,因此,如何从节省运营成本,也是个重点。 网站设计一路,经过了几次大的架构变化...

请求Node.js进程垃圾收集

2020-03-28大约6分钟

垃圾收集是JavaScript开发人员通常不必担心的那些深奥的主题之一。它只是在幕后发生,生活是美好的。通常,通过一些性能监控系统,我们可以看到内存占用率的上上下下: 通常,我们不必要主动请求Node.js进行垃圾回收。但有的时候,我们的确需要观察一下我们的程序的内存占用情况,比如: 通过查看监视工具中的内存减少,了解应用程序所承受的垃圾量 查看发生垃圾收集时应用程序性能如何变化 快速验证是否存在...

页面内存占用分析

2020-03-09大约6分钟

页面内存占用,当然越少越好。对于网页来说,对于静态的页面,只要减少传输不必要的数据,那么通常就没必要分析内存占用;如果你的页面上有大量的JavaScript,并且发现页面占用的内存特别多,或者用了一段时间后性能很差,等现象的话,那么你可能需要尝试分析一下页面的内存占用情况。 大多数情况下,一个页面从打开到最后关闭,时间不会很久,因此即使有轻微的内存泄漏,也不会是问题;如果希望用户打开这个页面很久不...

Chrome开发者工具页面渲染性能分析

2020-02-16大约20分钟

十几年前,可能很多的网页都是静态的HTML页面,在加上少部分的JavaScript代码,关于页面的性能,大家可能更关注的是如何节省网络传输的带宽,让内容可以更快地显示给用户。 而现在,开发者可能更倾向于借助大量的JS代码来生成页面,比如 乐码范 的整个网站的大部分页面,及每个页面的大部分内容,都是JavaScript生成的,那么这么多的JavaScript,就很有可能由于方法不对、程序bug等原因...

网络请求追踪和分析

2020-02-09大约9分钟

何时使用“网络”面板 通常,当您需要确保资源按预期下载或上传时,请使用“网络”面板。“网络”面板最常见的用例是: 确保资源实际上正在上传或下载。 检查单个资源的属性,如其 HTTP 标头、内容、大小等。 如果您正在寻找提高页面加载性能的方法,请不要从“网络”面板开始。有许多类型的负载性能问题与网络活动无关。从"审核"面板开始,因为它为您提供了有关如何改进页面的针对性建议。请参阅优化网站速度。 打开...

JavaScript代码分析和调试

2020-02-09大约13分钟

HTML和CSS一般都是声明型的代码,所以一般来说,代码修改和调试都比较容易。JavaScript是一种动态编写的代码,有很多的判断、循环等逻辑,因此,相比HTML和CSS来说,就更需要调试的功能。 Chrome提供的JS的调试功能十分的强大,又很简单易用。今天我们拿“全球最大的同性交友网站” Github 来举例子分析。 先打开Github的首页,然后按 打开开发者工具,看到如下: 我们看到代码...