后端
-
前端安全：XSS与CSRF攻击及防御_javascript安全
XSS通过注入恶意脚本攻击用户，CSRF则伪造用户请求执行非法操作。防御XSS需过滤输入、转义输出、避免危险API并启用CSP；防御CSRF应使用CSRF Token、校验Referer/Origin、设置SameSite Cookie及二次验证。 前端安全是Web开发中不可忽视的一环，尤其是面对常…
-
使用JavaScript操作Cookie详解_javascript存储
Cookie是服务器存于浏览器的小段数据，用于会话管理等；通过document.cookie可读写，需手动解析字符串，设置属性如max-age、path控制作用域与生命周期，删除则设max-age为负值。 在Web开发中，Cookie是一种常用的客户端存储方式，允许我们在用户的浏览器中保存少量数据。…
-
前端生成PDF文件的JavaScript库与实现_javascript工具
前端生成PDF可通过jsPDF、html2canvas、pdfmake和dom-to-pdf等库实现。1. jsPDF功能强大，支持文本、图像、表格等内容绘制，适合精细控制；2. html2canvas结合jsPDF可将HTML元素转为PDF，适用于导出图表或表单预览；3. pdfmake通过JSO…
-
使用JavaScript生成PDF文件_javascript文件操作
使用jsPDF库可在前端生成PDF文件，首先通过CDN或npm引入库，创建jsPDF实例后可添加文本、图片、表格等内容，并支持自定义页面尺寸、方向及导出控制，结合autoTable插件能生成复杂表格，最终可保存为文件或获取Blob对象用于预览上传。 在网页开发中，有时需要在前端直接生成 PDF 文件…
-
JavaScript实现前端导出Excel表格_javascript实战
使用SheetJS库可实现前端导出Excel，支持JSON数据或HTML表格转换，通过XLSX.utils.json_to_sheet生成工作表，XLSX.writeFile触发下载，兼容中文字段并可设置列宽、合并单元格等基础样式，结合FileSaver.js可提升浏览器兼容性，适用于报表系统等场景…
-
掌握React中Fetch API的健壮错误处理：构建可复用的API请求工具
本文旨在指导开发者如何在react应用中，特别是结合useeffect时，构建一个健壮的fetch api请求机制。我们将深入探讨fetch默认错误处理的局限性，并提供一个可复用的fetcher工具，以统一处理网络异常和http状态码错误，从而提升应用的数据请求稳定性和错误诊断能力。 理解Fetch…
-
JS实现图片压缩与预览功能_javascript技巧
答案：通过JavaScript结合FileReader、Canvas和Blob实现图片上传前的压缩与预览。首先利用FileReader读取图片并生成base64预览，再通过Canvas绘制并缩放图片，调用toDataURL方法按质量压缩，最后将压缩后的base64数据用于预览或转为Blob上传，有效…
-
JavaScript实现图片压缩与上传_javascript图像处理
答案：通过Canvas API压缩图片可减少文件体积。先读取图片为Base64，绘制到缩放后的canvas，再导出为低质量Blob，最后用FormData上传，兼顾清晰度与性能，适用于现代浏览器环境。 在前端开发中，图片上传是常见需求，但大尺寸图片会增加服务器压力和加载时间。通过JavaScript…
-
在React应用中构建健壮的Fetch请求：深入理解与优化错误处理
本文旨在解决react应用中使用`fetch` api时，请求未能按预期执行或错误处理不完善的问题。我们将探讨`fetch` api默认错误处理的局限性，并提供一个自定义的`fetcher`工具函数，以实现更全面、更一致的api响应和错误处理机制，从而提升应用的稳定性和可维护性。 引言：理解Fetc…
-
解决React useEffect中Fetch请求不执行及错误处理的最佳实践
本教程深入探讨了在react `useeffect`钩子中执行`fetch`请求时可能遇到的问题，特别是关于请求看似未执行或错误处理不当的情况。文章将介绍如何通过构建一个健壮的`fetcher`工具函数来统一api调用和错误处理逻辑，从而提高代码的可读性、可维护性及调试效率，确保异步数据请求的稳定性…
