小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
沉浸式翻译 immersive translate
Dify.AI
如何使用JavaScript构建PDF故事板生成器

本文介绍如何用JavaScript、PDF.js和PDF-lib构建浏览器端PDF故事板生成器:用户上传PDF后,可将选定页面按网格、带注释面板或胶片条布局排列,添加页码标签和说明文字,并自定义纸张、行列、字体等样式;支持从页面提取文本或OCR识别扫描页自动填充说明,实时预览,最终导出PDF、PNG或单页图片ZIP,全部处理在本地浏览器完成,文件不上传服务器。

如何使用JavaScript构建PDF故事板生成器

freeCodeCamp.org freeCodeCamp.org · 2026-11-06T19:41:34Z
借助 AI 智能体,在 Next.js 中减少 JavaScript 体积

Next.js 16.4 推出面向 AI 智能体的打包优化技能 next-bundle-optimizer,基于 Turbopack 模块图分析导入关系,识别可延迟加载或移除的 JavaScript。Vercel 用其优化 v0 和 vercel.com,共减少近 2MB 压缩 JS。分析器还新增路由概览、快照对比和关键渲染路径过滤等人工分析功能。

借助 AI 智能体,在 Next.js 中减少 JavaScript 体积

Next.js Blog Next.js Blog · 2026-10-28T20:00:00Z
MySQL中的JavaScript:扩展SQL,而非迁移应用

在Percona Live Europe 2026上,作者介绍了Percona Server for MySQL 8.4的V8 JavaScript引擎组件component_js_lang。它并非将数据库变为应用服务器,而是扩展SQL能力:SQL负责集合操作,JavaScript负责单值计算,适用于递归、数组、大数和紧循环等SQL难以表达的步骤。业务逻辑仍保留在应用层,JavaScript例程仅填补SQL与存储过程之间的空白。

MySQL中的JavaScript:扩展SQL,而非迁移应用

Percona Database Performance Blog Percona Database Performance Blog · 2026-10-15T15:12:30Z
Sentry JavaScript SDK v11 为所有 JS 平台新增追踪功能

Unreal MCP 现已支持 Sentry,在虚幻引擎 5.8 中编码代理可通过它操控编辑器。Sentry 插件新增工具与技能,可自动配置 Sentry、上传调试符号并定位崩溃根因。文章对比了 Seer、Sentry MCP 与 CLI 及自备代理的适用场景,并介绍 Seer Agent 上线五个月后的重大升级:可代为在 Sentry 中执行操作,并引入外部基础设施数据以加快诊断。

Sentry JavaScript SDK v11 为所有 JS 平台新增追踪功能

Sentry Blog Sentry Blog · 2026-10-09T00:00:00Z
如何使用HTML、CSS和JavaScript构建实时字数统计工具

本教程介绍如何用HTML、CSS和原生JavaScript从零构建实时字数统计工具:先创建项目文件,编写HTML结构(统计面板、输入框、按钮),用CSS美化并实现响应式布局,再用JavaScript监听输入事件,通过正则表达式实时统计字数、字符数、句子数和段落数,并支持复制和清空功能。工具完全在浏览器运行,保护隐私。

如何使用HTML、CSS和JavaScript构建实时字数统计工具

freeCodeCamp.org freeCodeCamp.org · 2026-09-30T05:55:08Z
如何在 JavaScript 中使用全屏 API(并用 Wake Lock API 保持屏幕常亮)

本文介绍浏览器全屏 API 的实用技巧:使用 requestFullscreen() 和 exitFullscreen() 切换全屏,且必须由用户手势触发;通过 fullscreenchange 事件同步 UI,用 :fullscreen 伪类设置样式;兼容旧版 Safari 的 webkit 前缀,iPhone 不支持元素全屏,需降级为固定定位覆盖层;再用 Wake Lock API 防止屏幕休眠,并给出约六十行的可复用完整代码模式。

如何在 JavaScript 中使用全屏 API(并用 Wake Lock API 保持屏幕常亮)

freeCodeCamp.org freeCodeCamp.org · 2026-09-29T13:31:42Z

VoidZero加入Cloudflare四个月,坚持开源承诺,发布80多个版本,修复1200多个问题。Oxc React编译器提速10倍,Vitest 5快50%,tsgolint稳定且比ESLint快18倍,Oxfmt比Prettier快7倍。Vite+ 1.0统一工具链,Bundled Dev提升大型应用开发速度。Cloudflare追加100万美元支持开源生态。

VoidZero加入Cloudflare四个月:为所有人类和智能体打造更快的开源JavaScript工具链

The Cloudflare Blog The Cloudflare Blog · 2026-09-28T13:00:00Z

Vercel Labs has introduced scriptc, an experimental compiler that converts TypeScript into small native executables without relying on Node, V8, or a JavaScript engine. It uses the TypeScript...

Vercel Labs Ships scriptc, a TypeScript-to-Native Compiler That Leaves the JavaScript Engine Behind

InfoQ InfoQ · 2026-09-25T05:49:00Z
如何使用HTML、CSS和JavaScript构建批量图片压缩工具

本教程介绍如何用HTML5 Canvas API和JSZip库构建纯浏览器端批量图片压缩工具:用户拖拽或选择多张图片,代码在本地将图片绘制到Canvas并以70%质量重新导出,再打包成ZIP下载,全程不上传服务器,保护隐私,代码可嵌入WordPress等平台。

如何使用HTML、CSS和JavaScript构建批量图片压缩工具

freeCodeCamp.org freeCodeCamp.org · 2026-09-18T15:47:01Z
Gamepad API 会骗你:JavaScript 读取控制器输入的实用指南

Gamepad API 虽小,但需轮询获取数据,且浏览器会过滤未归零的轴值,导致漂移手柄被误报为正常。无法通过ID识别硬件,应基于能力检测。区分漂移与人为操作需结合均值幅度和方向一致性双重判断。测试时务必使用已知故障手柄验证。

Gamepad API 会骗你:JavaScript 读取控制器输入的实用指南

freeCodeCamp.org freeCodeCamp.org · 2026-09-07T22:39:45Z
Turbopack如何对JavaScript进行分块

Turbopack通过智能分块优化JavaScript加载,平衡请求数量与代码体积。它引入“块组”概念,仅在组内合并块,并依据用户导航模式计算合并收益。Next.js 16.3新增功能:运行时动态选择合并或未合并块、基于分析调整合并策略,以及通过树摇CJS模块和共享运行时减少代码量,提升缓存命中与加载性能。

Turbopack如何对JavaScript进行分块

Next.js Blog Next.js Blog · 2026-09-03T16:00:00Z
如何使用JavaScript构建一个基于浏览器的PDF转灰度转换器

本文介绍如何用JavaScript构建一个浏览器端的PDF转灰度工具。用户可上传PDF、预览页面、调整灰度强度、选择转换模式(标准、黑白阈值、柔和灰)及指定处理页面,全程在本地完成,无需上传服务器。工具使用PDF.js渲染页面、Canvas API处理像素、PDF-lib生成新PDF,支持预览结果、重命名和下载,适合打印或存档需求。

如何使用JavaScript构建一个基于浏览器的PDF转灰度转换器

freeCodeCamp.org freeCodeCamp.org · 2026-08-14T15:57:42Z

Cloudflare has migrated cdnjs, its open source CDN for JavaScript and CSS libraries, to its Developer Platform. The new architecture uses Workers, R2, KV, Workflows, Queues, Durable Objects and...

Cloudflare Migrates JavaScript CDN Serving 9B Requests a Day to Its Developer Platform

InfoQ InfoQ · 2026-08-14T14:42:00Z
如何使用JavaScript构建基于浏览器的PDF颜色叠加工具

本教程介绍如何使用JavaScript构建一个PDF颜色叠加工具。用户可上传PDF,选择颜色、透明度、混合模式和页面范围,在浏览器中为页面添加半透明彩色层,并预览和下载结果。工具使用PDF.js渲染页面、Canvas API绘制叠加层、PDF-lib生成新文件,全程本地处理,无需服务器。

如何使用JavaScript构建基于浏览器的PDF颜色叠加工具

freeCodeCamp.org freeCodeCamp.org · 2026-08-13T00:09:57Z
如何使用JavaScript构建基于浏览器的PDF滤镜工作室

本教程介绍如何使用JavaScript、PDF.js、Canvas API和PDF-lib在浏览器中构建PDF滤镜工作室。用户可上传PDF、预览页面、叠加亮度、对比度、模糊等滤镜层、应用预设效果、处理选定页面,并预览和下载编辑后的PDF。所有操作均在本地完成,保护隐私且无需服务器。

如何使用JavaScript构建基于浏览器的PDF滤镜工作室

freeCodeCamp.org freeCodeCamp.org · 2026-08-12T15:43:14Z
Baseline如何帮助你减少JavaScript的交付量

本文介绍如何通过“Baseline”框架审计JavaScript依赖,减少打包体积。作者指出,浏览器已原生支持许多常用库功能,如国际化(Intl)、HTTP请求(fetch)、UI组件(dialog、Popover)及Lodash工具,可节省60-90KB。但Temporal等新特性需谨慎,建议定期检查依赖,用平台API替换旧库,并考虑兼容性。

Baseline如何帮助你减少JavaScript的交付量

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2026-08-07T13:00:00Z
如何使用JavaScript构建基于浏览器的PDF颜色反转工具

本教程介绍如何使用JavaScript在浏览器端构建PDF颜色反转工具。用户可上传PDF、预览页面、选择反转模式、设置页面范围和质量、启用实时预览,并生成和下载反转后的PDF。工具利用PDF.js渲染页面、Canvas API处理像素颜色、PDF-lib生成新PDF,所有处理均在本地完成,无需上传服务器。

如何使用JavaScript构建基于浏览器的PDF颜色反转工具

freeCodeCamp.org freeCodeCamp.org · 2026-08-06T22:17:36Z

Cloudflare Workers RPC现已支持跨语言调用,JavaScript和Python Worker可互相调用方法、传递对象和函数,无需额外依赖或配置。系统通过Pyodide FFI和自定义类型转换层实现无缝集成,支持结构化类型转换、异常传播和函数传递。开发者可轻松在JavaScript中调用Python包(如Pygments),实现多语言系统构建,性能接近本地调用。

Workers RPC现已支持跨Python和JavaScript调用

The Cloudflare Blog The Cloudflare Blog · 2026-08-03T13:00:00Z
如何使用JavaScript构建基于浏览器的PDF模糊工具

本教程介绍如何用JavaScript构建一个浏览器端的PDF模糊工具。用户可上传PDF、预览页面、绘制模糊区域、调整模糊强度、选择应用页面,并下载处理后的文件,全程无需上传服务器。工具使用PDF.js渲染页面、Canvas绘制模糊区域、PDF-lib生成最终PDF,保护敏感信息。

如何使用JavaScript构建基于浏览器的PDF模糊工具

freeCodeCamp.org freeCodeCamp.org · 2026-07-24T20:44:56Z
如何使用原生JavaScript让静态HTML页面在浏览器中可编辑

本文介绍如何用约百行原生JavaScript和contenteditable属性,为静态HTML页面(如简历)添加浏览器内编辑功能,无需构建工具。用户可编辑文本、移动或删除块、添加内容、修改链接、控制打印分页并导出PDF,刷新后恢复原文件。文章强调DOM即状态,不持久化是特性,适合单次调整打印场景,避免框架复杂性。

如何使用原生JavaScript让静态HTML页面在浏览器中可编辑

freeCodeCamp.org freeCodeCamp.org · 2026-07-22T20:22:03Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 1tok 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator 模力方舟 Gitee AI

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码