前言最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟
......
279
0
0
2024-06-14
标题：Top 5 Node.js Tools for Debugging and Profiling作者：Binara Prabhanga链接：https://blog.bitsrc.io/top-5-node-js-tools-for-debugging-and-profiling-bee7c4c83592Node.js需要适当的工具进行调试和分析。调试和
......
305
0
0
2024-06-13
• 本篇文章，我们将更深入地探讨位运算，帮助你更全面地理解它。常见位运算符运算符描述运算规则&按位与 and两个对应的二进制位都为 1 时，结果为 1，否则为 0|按位或 or两个对应的二进制位有一者为 1 时，结果为 1，否则为 0^按位异或 XOR两个对应的二进制位相异时，结果为 1，否则为 0~按位取反 reverse对原码进行取反运算，1 变
......
245
0
0
2024-06-07
全能指挥官：玩转JavaScript命令模式，让代码听你的话！命令模式的含义• 命令模式指的是一个执行某些特定的指令。• 命令模式的示例 demo:// 命令接口
class Command {
execute() {}
}
// 具体命令：打开文档
class OpenDocumentCommand extends Command {
......
263
0
0
2024-06-07
当我们在一个Web应用中使用WebAssembly，最终的目的要么是执行wasm模块的入口程序（通过start指令指定的函数），要么是调用其导出的函数，这一切的前提需要创建一个通过WebAssembly.Instance对象表示的wasm模块实例。一、wasm模块实例化总体流程虽然编程模式多种多样，但是wasm模块的实例化总体采用如下的流程：步骤一：下载wa
......
296
0
0
2024-05-29
前言我们前两篇介绍了TypeScript开发环境的配置，但是这个配置相对来说比较繁琐，更适合用它来做前端开发的，而对于我们只是为了为学习ArkTS做准备来说，其实并不需要如此复杂的配置文件。今天就和我一起看看如何简单高效的配置好TS的学习环境。必备软件NodeJS：这里我们就不重复介绍了，这个是通用的。VSCode：这个是我们用来写TS代码的主要工具，建议大
......
303
0
0
2024-05-28
使用Mongoose构建服务该方式需要在本地安装MongoDB才可以使用 TypeScript、Express、Mongoose 和 pnpm 可以快速构建后端服务，并实现增删改查以及列表查询的功能。下面是一个简单的示例：首先，确保已经安装了 Node.js 和 pnpm。创建项目文件夹，并进入该文件夹：mkdir backend
cd backend
......
233
0
0
2024-05-28
通常前端建立搭建监控体系，主要是为了解决两个问题：如何及时发现问题、如何快速定位并解决问题。一般来说，结合开发和产品的角度来看，前端监控体系需要做的事情包括：页面的整体访问情况，包括常见的 PV、UV、用户行为上报。页面的性能情况，包括加载耗时、接口耗时统计。灰度发布与有效的监控能力，方便及时发现问题。用户反馈问题，需要足够的日志定位问题。这些问题可以从两个
......
311
0
0
2024-05-19
引语在1995年5月，Eich 大神在10天内就写出了第一个脚本语言的版本，JavaScript 的第一个代号是 Mocha，Marc Andreesen 起的这个名字。由于商标问题以及很多产品已经使用了 Live 的前缀，网景市场部将它改名为 LiveScript。在1995年11月底，Navigator 2.0B3 发行，其中包含了该语言的原型，这个版本
......
320
0
0
2024-05-13
前言TypeScript 可以说是今年的一大流行点，虽然 Angular 早就开始把 TypeScript 作为内置支持了，但是真正在中文社区火起来据我观察也就是没多久的事情，尤其是在 Vue3 官方宣布采用 TypeScript 开发以后达到了一个顶点。社区里有很多 TypeScript 比较基础的分享，但是关于 React 实战的还是相对少一些，这篇文章
......
303
0
0
2024-05-12
大家都知道可以使用 console.log() 在控制台中打印简单的文本和变量。但你可能不知道的是，你还可以在控制台中渲染 CSS、SVG 甚至 HTML？！今天我们就来一起看看这些酷炫的技巧吧，绝对可以让你网站的控制台焕然一新。在控制台中渲染 CSS%c ，可以让我们可以使用一些 CSS 样式来渲染控制台消息（比如console.log或console.i
......
287
0
0
2024-05-08
Web Scraper 是一个浏览器扩展，用于从页面中提取数据(网页爬虫)。对于简单或偶然的需求非常有用，例如正在写代码缺少一些示例数据，使用此插件可以很快从类似的网站提取内容作为模拟数据。从 Chrome 的插件市场安装后，页面 F12 打开开发者工具会多出一个名 Web Scraper 的面板，接下来以此作为开始。快速上手写个例子：提取百度首页底部几个导
......
425
0
0
2024-05-08
JavaScript 已经长久以来并且目前依然是浏览器运行时的主流开发语言，然而近年来，WebAssembly 的诞生为我们提供了一个全新的选择。这就引出了一个值得我们探索的问题：在浏览器运行环境中，哪个语言的性能更优越，JavaScript 还是 WebAssembly?笔者最近在工作中正好面临了这样的选择，我需要在浏览器运行时动态插入一些策略，用于在用户
......
287
0
0
2024-05-05
作者 | Nefe Emadamerho译者 | 许学文策划 | 丁晓昀希腊哲学家赫拉克利特认为，变化是生命中唯一不变的东西。这句话适用于我们的个人生活、行业和职业领域。尤其是前端开发领域，新技术、开发趋势、库和框架不断涌现，变化并不陌生。最近发生的一些事件正在改变开发人员构建网站和 Web 应用的方式，其中包括支持服务器端渲染的 Angular 17 发布
......
390
0
0
2024-05-03
调试 JavaScript 中的异步代码有时就像在雷区中穿梭。你不知道 console.log 会在何时何地打印出来，也不知道代码是如何执行的。你很难正确构造异步代码，使其按照你的意图以正确的顺序执行。如果在编写异步代码时能得到一些指导，并在即将出错时收到一条有用的信息，那岂不更好？幸运的是，在将错误推向生产环境之前，我们有一些规则来捕捉这些错误。以下是一份
......
321
0
0
2024-04-25