JavaScript像大牛一样使用 JavaScript Console 控制台接口，提升前端开发效率 2024
JavaScript 的 console 对象提供了丰富的方法，远超出基本的 console.log()。通过这些高级方法，你可以更高效地调试代码、进行性能分析和详细检查应用程序的行为。例如，console.group() 可以分类和分组日志，console.table() 以表格形式展示数据，而 console.time() 可以测量代码执行时间。此外，还有用于条件日志记录的 console.assert()，用于统计执行次数的 console.count() 和用于清空控制台的 console.clear() 等方法。充分利用这些工具，你能更轻松地优化代码，提升开发效率。
JavaScriptJS API Intersection Observer与懒加载
大名鼎鼎的Mapbox最近发布了Global View，无论是在Web还是Mobile上都可以爽快顺滑的运行，于是第一时间更换了自己博客上的地图。由于这个地图并不是处于首屏的位置，考虑到部分手机用户的感受，还是决定对这个球进行懒加载。。。
JavaScriptReact中为什么最好不要用数组的index作为key
当你在写或者在读别人渲染列表的React代码的时候，很容易看到使用index作为Key的情况，这看起来不错，还可以避免React的Key Warning。但是，这样做却是最常见的React错误之一，至少它很危险
JavaScript理解 JavaScript 中的 microtasks 和 macrotasks（微任务和宏任务）
如果一段JavaScript代码中包含了setTimeout几乎所有的前端同学都知道其代码会被延迟（异步）执行，但是如果代码中同时出现了setTimeout、await以及Promise resolve的话大家还能说出来他们的先后执行顺序么
JavaScript配置全局.gitignore文件
很多时候，在审查代码的时候，会看到.gitignore文件中新增加了一些开发者自己的环境变量比如 .vscode，.vscode是vscode的配置文件，如果所有人都把自己的环境编辑器配置放到.gitignore中的话，就会导致.gitignore文件很长很难维护。为了保持项目的干净整洁，我们有什么办法解决么
JavaScript如何使用Canvas实现一个时间控件
前段时间在一个分享上提及到了我们的时间穿梭控件，分享之后很多同学在Github的Issue中留言想了解该控件的具体开发过程，利用周末的时间将该控件单独重新写成一个Demo，和大家分享一下具体的技术实现细节。 重新整理的控件开源在Github上 [https:
JavaScript从地图看疫情
前段时间我们发布了一张可以动态展示全球新型冠状病毒疫情趋势的地图，这张图经过N个版本的迭代，结合了来自东西方灵感的碰撞，最终形成了目前大家看到的还算令我们满意的一个版本。今天和大家谈谈开发这张地图背后的故事：我们想通过地图表达什么以及我们通过哪些技术方案让疫情地图得以实现
JavaScript从零开始做点阵地图
最近有不少人看到我放在个人主页上的地图之后，问我是怎么做的或者是用了什么插件。 这张地图最早诞生在几年前的一次博客改版，当时是想把我去过
JavaScriptJavaScript数字前补0小技巧
经常处理财务数据的朋友可能会遇到这样一个需求：给定一个数值，转换成固定的长度的字符串，不足的地方前面补零，比如 123 = 000123。 通常我们会尝试这样的做法： let num = 123; 把数值转换成字符串 let numStr = num.toString(); let strLen = 5; 计算差几个空缺的0 let spac
JavaScript使用Travis-ci自动SSH部署代码
之前文章谈代码质量控制的时候说过，Travis-ci等持续集成工具可以帮助我们在代码提交之后进行单元测试之类的工作，那么有没有什么办法在单元测试之后让代码自动部署到我们需要的机器上呢？答案是完全可以。今天以我自己的博客为例和大家谈谈我的自动部署之路。 1. 从手动部署到自动部署 在整个代码部署的道路上，我经历了
JavaScript像大神一样写代码之代码质量控制
Mofei超爱开源，最近接触了不少大神的开源项目，特别羡慕这些项目的代码质量控制，再加上公司最近也在强调代码质量，在挖坑、填坑的路上总结出一些经验和大家分享。 今天想聊的是其中的持续集成、单元测试和代码覆盖率的部分。 ![article image from 'zhuwenlong.com'](https:static.zhuwenlong.comuploadimage154
JavaScript如何使用VS Code调试Node.js C++ Addon 模块
VS Code作为目前最流行的开发工具之一，自从开始使用VS Code起就变得离不开这个开发神器了，最近由于项目的原因，接触了一些Node.js的C插件，记录一下如何使用VS Code调试C模块。 1. 设置VS Code的调试模块 设置VS Code的调试模块很容易，你有很多种方法可以实现，下面简单的列出常用的两种： * 方法一： 按住CmdShift