纯 JS 图片转 PDF：基于 jsPDF 实现单图预览与下载
本文介绍如何使用原生 JavaScript 配合 jsPDF 库，在浏览器端实现图片到 PDF 的转换。通过创建 HTML 界面选择图片并实时预览，利用 File API 读取文件并使用 URL.createObjectURL 处理图片数据。最后调用 jsPDF 的 addImage 和 save 方法生成并触发本地 PDF 文件下载，全程无需后端服务器介入。
2026-10-15
0
本文介绍如何使用原生 JavaScript 配合 jsPDF 库，在浏览器端实现图片到 PDF 的转换。通过创建 HTML 界面选择图片并实时预览，利用 File API 读取文件并使用 URL.createObjectURL 处理图片数据。最后调用 jsPDF 的 addImage 和 save 方法生成并触发本地 PDF 文件下载，全程无需后端服务器介入。
TypeScript 的类型缩小是指在特定执行路径中缩小变量类型的过程，主要依赖类型保护机制。本文详解四种常用保护符：typeof 用于基础类型区分，平等比较利用 switch/== 实现字面量收窄，instanceof 处理对象实例判断，in 操作符基于属性存在性区分类别。通过具体函数示例掌握这些语法，提升代码安全性与智能提示准确性。
本文详述如何利用Go语言编译WebAssembly（WASM）并嵌入网页中。通过配置环境变量GOOS=js和GOARCH=wasm，使用go build生成wasm文件，并在HTML中加载wasm_exec.js进行实例化。结合Fastify提供静态服务，实现高性能数据处理函数的前端隐藏部署。
本文针对jQuery初学者常见的困惑，通过问答形式解析了五个核心概念：jQuery的定义及其作为JavaScript类库的本质，它与原生JavaScript的从属关系，以及Java的区别。同时澄清了Ajax异步技术与JSON数据格式在Web开发中的具体作用与区别，帮助新手建立清晰的技术框架。
本文详解Python Selenium对浏览器的核心控制操作。涵盖通过ChromeOptions设置无头模式等参数、调整窗口大小与获取页面信息、使用forward/back实现前进后退、利用execute_script执行JS控制滚动条，以及通过window_handles和switch_to.handle进行多窗口切换的完整代码示例与注意事项。
本文详细解析如何逆向SMZDM平台的登录接口，重点解决username和password的加密逻辑。通过浏览器开发者工具定位common_submit函数，提取JS加密源码，并利用Python调用JSEncrypt库复现RSA加密过程。文章提供了完整的代码示例，包括获取pub_key、处理base64编码及构建本地JS运行环境的方法，帮助安全研究人员掌握类似站点的登录逆向技巧。
本文详细介绍了如何在Node.js环境中结合MySQL数据库实现用户注册和登录功能。内容涵盖使用mysql模块创建连接池、通过crypto模块进行密码哈希处理以保障安全，以及完整的HTTP服务器路由逻辑。重点演示了如何验证用户名和密码、防止SQL注入的基本思路（虽然示例中使用了字符串拼接，但强调了密文存储的重要性）以及静态文件服务的基础配置，为初学者提供从零搭建后端认证接口的参考代码。
本文详解使用 JavaScript 和 HTML5 Canvas 开发简易“飞机大战”游戏的完整代码结构。通过面向对象思想封装背景、英雄机、子弹及敌方飞机的绘制与运动逻辑，结合鼠标事件控制战机移动与状态切换，最终实现完整的射击游戏体验，适合前端初学者理解 Canvas 动画原理。
在Dart语言中，接口没有独立的关键字，所有类均可作为接口使用。文章深入解析了引入接口的核心目的：解决多继承的二义性。重点对比了继承（extends）与实现（implements）在处理成员变量和方法覆写时的机制差异，揭示了Dart通过强制实现者提供Get方法和覆盖方法来解决冲突的底层逻辑。
本文详解 jQuery 中页面加载完成后执行 JS 代码的常用方式，包括 $(function){} 和 $(document).ready()。重点解析其仅需等待 DOM 结构加载完成的特点，对比原生 window.onload 需等待全部资源（如图片）加载完毕的差异，帮助开发者选择更高效的执行时机。
本文详解ECMAScript Number类型，涵盖十进制、八进制(0o)、十六进制的字面量规范。重点解析IEEE 754导致的浮点计算误差及判断方法。同时对比Number()、parseInt(radix)和parseFloat()的转换规则，通过案例演示如何处理字符串转数字时的进制识别与截断逻辑，帮助避免常见的数值处理陷阱。
本文详解如何识别并破解前端 webpack 打包的加密 JS 代码。通过分析典型模块执行逻辑，实战演示如何通过浏览器开发者工具定位关键函数（如 encode），构建局部运行环境，剥离核心加解密代码到本地 JavaScript 文件中独立执行，从而实现数据抓取中的算法复现。
