小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
如何在客户端将网页HTML转为PDF?html2pdf.js 完全实战指南

html2pdf.js 是一个客户端 JavaScript 库,用于将网页或 DOM 元素转换为 PDF 文档。它基于 html2canvas 和 jsPDF,支持对 PDF 内容的精细控制,常用于发票、简历和长文档导出。使用时可通过 CDN 引入或 npm 安装,配置选项包括边距、文件名和分页控制。注意避免内容截断并确保字体加载。对于需要可搜索文本的场景,建议使用其他工具。

如何在客户端将网页HTML转为PDF?html2pdf.js 完全实战指南

人言兑
人言兑 · 2026-04-23T09:14:12Z

Cheng Lou, a Midjourney engineer, recently released Pretext, a 15KB open-source TypeScript library that measures and lays out text without browser layout reflows, enabling advanced UX/UI patterns...

Pretext.js Bypasses DOM Layout Reflow, Enabling Advanced UX Patterns at 120 FPS

InfoQ
InfoQ · 2026-04-20T12:59:00Z

本文介绍了mediabunny,一个基于WebCodecs API的音视频处理框架,支持视频格式转换、添加水印和剪裁视频等功能。通过示例代码,展示了视频水印合成和剪裁的实现,强调了使用canvas进行图像处理的原理。同时,文章还提到多音频和画面的视频合成方法,并提供了相关的实现代码和演示链接。

借助mediabunny纯JS实现视频水印、剪裁、合成等功能

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-04-17T07:22:57Z

本文介绍了JavaScript中的弱引用特性,包括WeakMap、WeakSet和WeakRef。WeakMap和WeakSet用于存储对象的弱引用,而WeakRef是对单个对象的弱引用包装器。WeakRef允许在对象被回收后检查其状态,适用于缓存和避免内存泄漏等场景。使用WeakRef时需谨慎,建议主动管理内存。

务必谨慎使用JS WeakRef弱引用

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-04-13T08:01:51Z
在 Nginx/OpenResty 网关层实现 120 MB/s 的实时 JS/CSS/HTML 压缩

openresty-minifiers 是 OpenResty Inc. 开发的高性能私有库,能够在 Nginx 中实时流式压缩 JS、CSS 和 HTML,吞吐量可达 120 MB/s。适用于无法修改构建流程的场景,如反向代理遗留系统和多租户 SaaS 网关。该库通过流式词法分析器解决了内存和性能问题,确保在 O(1) 内存下正确处理跨 buffer 的语法结构。

在 Nginx/OpenResty 网关层实现 120 MB/s 的实时 JS/CSS/HTML 压缩

OpenResty 官方博客
OpenResty 官方博客 · 2026-04-07T00:00:00Z
在 React 项目中优雅实现新用户引导:HagiCode 的 driver.js 实践

在 HagiCode 项目中,我们使用 driver.js 实现新用户引导,帮助用户快速上手。引导系统能够精准定位元素,支持多步骤,记住用户选择,并且不影响性能。通过动态导入优化加载,使用 localStorage 管理引导状态,确保用户体验流畅。

在 React 项目中优雅实现新用户引导:HagiCode 的 driver.js 实践

dotNET跨平台
dotNET跨平台 · 2026-04-02T00:03:34Z
Page Agent体验记:用 JS 语言操控网页的自动任务(有彩蛋)

page-agent 是一个纯 JS 实现的 GUI 代理,允许用户通过自然语言与网页应用互动。网站所有者只需引用 JS 代码,访客即可使用聊天框功能。个人用户可通过浏览器扩展进行简单自动化,但在识别页面元素时可能会遇到问题。

Page Agent体验记:用 JS 语言操控网页的自动任务(有彩蛋)

如有乐享
如有乐享 · 2026-03-31T00:39:10Z
从Moment.js迁移到JS Temporal API

Temporal是JavaScript的新日期时间API,克服了原Date API和Moment.js的局限性。它支持时区、不可变性和1基索引,简化了日期时间操作。与Moment.js相比,Temporal更高效、易用且不增加应用包大小。

从Moment.js迁移到JS Temporal API

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-03-13T13:00:00Z
重塑站外体验:大众点评 M 站基于 Qwik.js 的重构实践

大众点评M站重构旨在提升流量转化与用户体验,重点优化商户详情页等高流量页面。通过Qwik框架,显著提升首屏加载速度,减少JS体积,解决性能瓶颈,降低用户等待成本,验证了“体验决定转化”的逻辑。

重塑站外体验:大众点评 M 站基于 Qwik.js 的重构实践

美团技术团队
美团技术团队 · 2026-03-13T00:00:00Z
Video.js v10 测试版:你好,世界(再一次)

Video.js v10现已进入测试阶段,经过全面重构,文件大小减少88%。新版本支持深度定制,优化了UI组件,适应现代开发需求。引入新的流处理框架SPF,旨在简化视频播放器的构建,预计2026年中发布正式版。

Video.js v10 测试版:你好,世界(再一次)

Mux Blog - Video technology and more
Mux Blog - Video technology and more · 2026-03-10T16:46:11Z
维基百科遭到恶意JS攻击后临时进入只读状态 事后调查发现恶意脚本已潜伏两年

维基百科因恶意JavaScript攻击暂时进入只读状态,调查发现是工作人员审查代码时意外激活了自2019年存在的休眠恶意代码。维基媒体基金会已移除该代码,确认用户安全,未泄露个人信息。

维基百科遭到恶意JS攻击后临时进入只读状态 事后调查发现恶意脚本已潜伏两年

蓝点网
蓝点网 · 2026-03-06T06:55:46Z

WPJAM「静态文件」插件通过一键合并 WordPress 的 JS 和 CSS 文件,减少请求数量,提升页面加载速度。自动添加时间戳确保资源更新后及时同步,简化站点运维流程。

WPJAM「静态文件」插件:一键合并 WordPress JS / CSS,大幅提升页面加载速度

WordPress 果酱
WordPress 果酱 · 2026-02-28T13:53:47Z

本文介绍了JavaScript正则表达式中的粘性匹配特性,使用标识符y。粘性匹配要求指定lastIndex,适用于复杂字符串匹配,如解析CSS声明。与全局匹配相比,粘性匹配在处理长文本时性能更优。通过示例展示了如何使用粘性匹配解析CSS属性,并强调了exec()和test()方法的差异。

JS正则表达式y标识符之粘性匹配

张鑫旭
张鑫旭 · 2026-02-12T10:23:48Z
<span class=“js_title_inner“>Dify、LangChain、Cherry Studio、Milvus联手拆解大模型开发的未来范式</span>

在文心Moment大会上,专家探讨了Agent开发的未来,强调从简单的Prompt到深度智能体的转变,分析了单Agent与多Agent的优缺点,指出企业更需确定性。同时,RAG系统也在不断进化,未来将更加精细化。开发者需提升抽象工作流的能力,以适应AI时代的变化。

<span class=“js_title_inner“>Dify、LangChain、Cherry Studio、Milvus联手拆解大模型开发的未来范式</span>

百度大脑
百度大脑 · 2026-02-02T11:35:50Z
<span class=“js_title_inner“>卧槽:这才是12306最强抢票软件(好评最多)!</span>

2026年春运时间为2月2日至3月13日,推荐使用免费无毒的抢票软件Bypass,支持自动抢票和候补功能,兼容Windows系统,保护用户隐私。

<span class=“js_title_inner“>卧槽:这才是12306最强抢票软件(好评最多)!</span>

dotNET跨平台
dotNET跨平台 · 2026-02-01T23:50:42Z
<span class=“js_title_inner“>网络流量监控神器 , Wireshark看着太累了</span>

Sniffnet是一个用Rust编写的跨平台网络流量监控工具,界面美观,功能全面,支持实时监控、流量过滤和地理位置显示,适合普通用户。它支持多种操作系统,安装简单,并能导入导出PCAP文件,便于与Wireshark配合使用。

<span class=“js_title_inner“>网络流量监控神器 , Wireshark看着太累了</span>

dotNET跨平台
dotNET跨平台 · 2026-01-31T00:01:52Z
<span class=“js_title_inner“>链接香港的每一种可能:百度文心依托飞桨会客厅(香港)推动AI技术普惠落地</span>

随着AI技术的发展,百度飞桨会客厅(香港)举办了多项面向各年龄段的AI活动,鼓励人人成为开发者。参与者从零基础到专业开发者,共同探索AI应用,完成智能玩具和软件开发。未来,飞桨将继续推动AI技术的普及与创新。

<span class=“js_title_inner“>链接香港的每一种可能:百度文心依托飞桨会客厅(香港)推动AI技术普惠落地</span>

百度大脑
百度大脑 · 2026-01-30T11:10:58Z
<span class=“js_title_inner“>文心大模型助力人工智能数据质量评估,“以评促建”为人工智能产业发展注入新动力</span>

PaddleFormers将简化多模态模型的训练与应用,帮助开发者快速构建业务能力,推动多模态模型在更多场景中的应用。

<span class=“js_title_inner“>文心大模型助力人工智能数据质量评估,“以评促建”为人工智能产业发展注入新动力</span>

百度大脑
百度大脑 · 2026-01-30T11:10:58Z
<span class=“js_title_inner“>从数据供给到价值变现的闭环构建|大模型与数据要素论坛圆满落幕!</span>

在文心Moment大会上,专家与企业领袖探讨如何通过数据全链路构建AI产品闭环,推动新质生产力发展。李荪强调高质量数据集的重要性,黄能分享了数据治理和行业应用的最佳实践,展示了数据与大模型在各行业的应用潜力。

<span class=“js_title_inner“>从数据供给到价值变现的闭环构建|大模型与数据要素论坛圆满落幕!</span>

百度大脑
百度大脑 · 2026-01-29T12:16:02Z

在 Avalonia 开发中,使用 x:String 和 CDATA 块可以优雅地内嵌复杂字符串,避免特殊字符解析错误,提升代码可读性和可维护性,适用于展示或存储 XAML、JSON、XML 片段。

<span class=“js_title_inner“>Avalonia XAML 技巧:使用 `x:String` 与 CDATA 内嵌复杂字符串</span>

dotNET跨平台
dotNET跨平台 · 2026-01-29T00:02:52Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

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

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码