- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端文件上传：从快递小哥到黑客帝国的技术之旅
聚焦前端文件上传技术，从基础API如`<input type="file">`和FileReader，到分块传输、加密技术、异常处理，再到前沿技术展望，还推荐实用上传库，带读者领略文件上传的技术奥秘与浪漫。
2025-05-26 15:02:08
315
原创 Vue 订阅发布模式实战手册：从魔法失灵到时空操纵的八个名场面
本文以魔法邮局为比喻，生动解析了Vue.js开发中的核心场景与解决方案。第一章介绍跨组件通信(Vuex)和表单撤销(Watch)的实现；第二章分析数组更新无效和动态属性不响应等常见问题；第三章提供大数据渲染和精准更新的性能优化技巧；第四章展望2023新特性如ReactivityTransform和Composables的应用。全文通过量子物理学的比喻，将Vue的响应式原理形象化为"宇宙信号传递"，帮助开发者理解数据绑定的底层机制与最佳实践。
2025-05-26 11:48:34
349
原创 救命！前后端因为返回码吵翻了！这篇秘籍让他们秒变默契 CP
在软件开发中，前后端开发者的协作常因返回码的不统一而效率低下。本文提出通过制定统一的返回码规则，如2xx表示成功，4xx表示客户端错误，5xx表示服务器错误，来简化沟通。同时，建议前端开发者封装处理返回码的函数，如使用axios或fetch进行统一管理，以减少代码重复和提高维护效率。这种方法不仅提升了开发速度，还增强了团队协作的流畅性，使项目开发更加高效和稳定。
2025-05-23 10:34:11
851
原创 前端判空：与后端 “千层套路” 的斗智斗勇
在前端开发的江湖里，有一个永恒的对手 —— 后端返回的 “谜之数据”。它们像一群调皮捣蛋的小精灵，穿着五花八门的 “外衣”，让前端开发者在判空的道路上，经历一场又一场刺激的 “冒险”。今天，就让我们一起走进这场充满挑战与乐趣的 “战斗”，看看如何见招拆招！
2025-05-22 14:56:03
1212
原创 面试官：重排（回流）与重绘的区别？你：不会？今天一次性讲清楚
在前端开发中，理解“重排（回流）”与“重绘”的区别至关重要。重排涉及元素几何属性的改变，如尺寸、位置等，需要重新计算布局，性能开销较大。重绘则仅涉及元素外观的改变，如颜色、背景等，不涉及布局调整，性能开销较小。重排必定触发重绘，但重绘不一定触发重排。为优化性能，建议批量修改样式、使用transform替代top和left，以及将元素设为display: none进行修改。掌握这些概念和技巧，将有助于提升网页性能，并在面试中脱颖而出。
2025-05-22 10:35:01
1143
原创 前端魔法：如何把后端返回HTML 内容一键变成 PDF/Word？这几种方案让你秀翻全场！
本文解析前端HTML转PDF/Word的解决方案：PDF生成推荐html2canvas+jsPDF处理复杂布局，pdfmake构建动态表格；Word生成采用docx.js实现全样式支持，mammoth.js直接转换HTML。提供字体缺失、图片跨域、分页截断等常见问题解决方案，并给出性能优化建议，拓展了实时报告生成、文档水印等创新应用场景，助力高效实现文件导出需求。
2025-05-21 17:34:17
442
原创 全网疯传！Lighthouse 让网站秒变 “六边形战士” 的秘诀
Lighthouse 是谷歌官方工具，可从性能、可访问性等六大核心指标评估网站，提供优化建议。支持浏览器一键生成和命令行工具两种检测方式，5分钟即可出报告。通过压缩图片等操作能提升性能，还可集成开发工具实现自动化检测，助开发者优化网站。
2025-05-21 10:47:18
604
原创 浏览器缓存：让网页秒开的“魔法口袋”
缓存是优化网页加载速度的技术，将资源存储在本地以减少重复下载。分为强缓存和协商缓存：强缓存通过Cache-Control和Expires直接使用本地资源，协商缓存通过ETag或Last-Modified与服务器验证更新。静态资源宜设长缓存，动态内容需谨慎。借助浏览器开发者工具配置策略，可提升速度、节省流量并减轻服务器压力。
2025-05-20 16:02:50
604
原创 文件下载中文命名乱码终极解决方案！前端无需求后端，亲测 100% 有效
前端开发者在实现文件下载功能时，常遇到文件名乱码或丢失扩展名的问题，尤其是中文命名时更为明显。本文提供了一个纯前端的解决方案，通过使用Blob对象来“伪造”一个可命名的文件，从而绕过浏览器和服务端的限制。核心步骤包括获取文件二进制流、创建可下载的Blob链接，并强制指定文件名。文章还提供了完整的代码实现，包括一个万能下载函数，以及如何处理跨域问题、文件名合法性和大文件处理等细节。此方法无需后端修改接口，兼容多种浏览器，并能灵活命名文件，有效解决了文件下载中的常见问题。
2025-05-20 11:22:13
567
原创 浏览器的奇幻之旅：从输入网址到页面出现的幕后故事
本文将浏览器解析地址及渲染页面比作数字冒险，拆解七步：先 DNS 解析域名转 IP，经 TCP 三次握手建连接，发 HTTP 请求获资源；再解析 HTML 建 DOM 树、结合 CSSOM 生成渲染树，经布局计算、绘制、合成呈现页面；还介绍优化策略与案例，最后四次挥手断开连接。
2025-05-19 15:16:28
1025
原创 彻底理解事件循环（Event Loop）：从单线程到异步世界的桥梁
事件循环是 JavaScript 单线程处理异步的核心机制。调用栈执行同步代码，任务队列存宏任务（如定时器），微任务队列存高优先级任务（如 Promise 回调）。执行顺序：先同步，再微任务（循环前清空），后宏任务，最后渲染。微任务优先，合理利用可避免阻塞，优化异步调度效率。
2025-05-19 14:18:47
1268
原创 2025前端开发面试题实战整理（附答案）持续更新中~
以下会收集本人自己经历到的面试题情况和一些优秀的面试题整理，没有具体的分类归纳，也不会标注具体公司，只按顺序整理，只保证其面试题真实性。；下面，开整~~~
2024-07-18 15:22:39
1862
原创 前端开发面试题整理以及知识点梳理（css3篇）
主要分为基础和复合很好理解，基础和复合就是单个和多个选择的意思，下面我们列举主要使用的那些基础选择器：复合选择器：！important行内样式（1000）>ID选择器（100）>类选择器（10）>标签选择器（1）>通用选择器（0）display 显示隐藏 但是不保留位置visibility 显示隐藏 但是保留原来的位置overflow 溢出显示隐藏 但是只是对于溢出的部分处理。
2024-07-03 11:11:16
883
原创 前端开发面试题整理以及知识点梳理（HTML5篇）
HTML5是构建Web内容的一种语言描述方式，HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息，HTML5在从前HTML4.01的基础上进行了一定的改进。简单来说就是搭建网页结构的内容，以便浏览器去识别。
2024-07-02 16:53:04
876
原创 前端路由里的meta
是用来存储路由相关的一些额外信息。您可以把它理解为附加在路由上的标签或属性，这些标签或属性对应的信息可以在路由守卫、组件等地方被访问和利用。
2024-04-13 15:05:52
1513
1
原创 mock看这，巨细
一般来说，如果开发进度啥的都正常的话，mock的东西可有可无，但是身为前端，这个东西学还是有必要学一下的，并且，真的很简单。这里是成功了的，拿到数据之后我们就可以像正常取后端数据那样自行使用了，后面的步骤，只需我们自定义数据跟方法即可。下面我就直接说怎么使用的了，以理解为主，使用方法挺多的，可以看个人习惯，但是目的差不多，搞它。相信很多朋友有些疑惑我的mock文件夹之下，另外建立的两个文件夹有什么用，这就来说，其二，是json文件夹，这个就是我们放模拟数据的地方，也是模拟数据成功之后返回的。
2024-03-18 11:05:07
1058
原创 新手养成流---前端PC端上架浙里办单点登录，埋点及适老化（三）（终篇）
这个文件里最基本的要有用户信息采集和页面PV日志，当然还可以配置很多其他的细节，这个自行配置即可。
2024-03-14 13:53:50
4046
10
原创 新手养成流---前端PC端上架浙里办单点登录，埋点及适老化（二）
哈喽，朋友们，又回来了老规矩，先说一些前提条件，浙里办单点登录，需要后端和申请人配合，这里的前提是IRS申请已经通过，有了准确的项目名称和appid需要参考的文件也是比较多的，找最新版本的即可，这里说一下最重要的几个参考文档是必须看的，没有的可以去找你们负责人要在大家进入正式步骤之前，我们要再看一张图，请务必按照此步骤来，如果哪一步出错了，也请参考此图。
2024-03-13 14:10:15
4442
2
原创 新手养成流---前端PC端上架浙里办单点登录，埋点及适老化（一）
获取状态，设置类名，这样就可以在全局生效了另外一点是，我们在之前写过mode字段在本地和cookie里，所以在App.vue里也要再写一段判断mode的代码（**这一点容易忽略，但是是浙里办提供方法，非常建议加上**）// 适老化} else {});最后的最后就可以检查了，如果切换成功就会切换类名，自由设置适老化模式了。好了，到这里就结束了，适老化里具体的样式怎么设置可以参考开头提到的文件，毕竟每个项目都是不同的，只要按照要求设置即可。
2024-03-12 15:02:34
2738
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人