- 博客(87)
- 收藏
- 关注
RSS订阅原创 WEB前端使用AI进行代码审查（javascript版本）
本文介绍了一个利用AI进行自动化代码审查的解决方案。通过JavaScript脚本调用OpenAI API，结合Husky工具在git提交前自动检查代码质量。系统会分析代码差异，重点检测安全漏洞、调试语句、无限递归等严重问题，并根据预设规则给出评审报告。实现过程包括：检查暂存区变更、获取代码差异、构建AI提示词、调用API分析、根据结果拦截或放行提交。测试案例显示，该系统能有效识别硬编码密钥、无限递归等高风险问题。文章还附带了完整的实现代码，并建议通过Husky配置为预提交钩子，确保团队代码质量。
2026-03-05 18:01:23
1265
原创 微信小程序webview postmessage通信指南
在微信小程序中使用 web-view 组件与内嵌网页进行双向通信，主要通过 postMessage 实现。本文通过通俗易懂的代码演示展示了如何进行通信的操作，一文帮你快速上手。
2026-01-16 17:50:40
2579
原创 web前端pdf加载预览最佳实践
随着业务不断发展，用户对 PDF 下载前的预览需求日益增强，仅提供下载已难以满足实际使用场景。传统的 <embed> 和 <iframe> 标签在展示效果和交互体验上存在明显局限，无法满足设计与功能要求。为此，我们引入了 pdfjs-dist 库，在网页中精准还原 PDF 原貌，实现了高质量的在线预览效果。接下来，本文将带您深入了解这一实践方案的实现过程。
2025-11-26 10:54:56
1892
原创 web前端团队开发code review方案最佳实践
近期，不少刚步入开发团队的同学向我咨询关于开发规范的问题。结合我为团队制定的代码评审（CR）方案，我对此进行了梳理与总结，希望能为大家在团队协作中提供一些实用的思路和参考。
2025-09-30 17:42:17
1542
原创 web前端批量下载图片（另存为）最佳实践
本篇文章适用于前端各个框架借鉴。在Web前端开发过程中，我们有时会遇到需要实现图片批量下载的场景。本文将结合具体实践案例，系统地介绍如何高效地实现批量下载图片功能，并探讨如何触发系统“另存为”对话框，提升用户体验。作为开发者，我希望借此分享一些切实可行的技术思路与最佳实践，为正在解决类似问题的你提供有价值的参考与启发。
2025-09-17 17:18:43
2085
原创 我的创作纪念日-成长之路
本文分享了作者从编程小白到入门开发的成长历程。大学时因编程基础薄弱而屡屡受挫，直到接触前端开发才找到兴趣点。通过“抄写-理解-实践”的学习方式和记录开发笔记的习惯，逐渐提升编程能力。进入职场后，坚持自主学习和技术分享，最终成长为团队中坚力量。文章最后指出，在技术行业持续学习才是关键，不论选择技术还是管理路线，都要保持成长心态，主动适应技术变革。
2025-08-05 11:06:20
1964
原创 面向工作：通俗易懂的vue2开发教程（内含源码和动图演示）
本文是vue2的相关开发教程，面向真实工作需要，包含了完整可运行的代码和动图演示。助力刚踏入前端开发领域的小伙伴更快的上手工作。
2025-07-09 16:35:37
1731
2
原创 使用exceljs将excel文件转化为html预览最佳实践（完整源码）
在企业应用中，我们时常会遇到需要上传并展示 Excel 文件的需求，以实现文件内容的在线预览。经过一番探索与尝试，笔者最终借助 exceljs 这一库成功实现了该功能。本文将以 Vue 3 为例，演示如何实现该功能，代码示例可直接复制运行，希望能为大家在处理类似问题时提供新的思路和解决方案。
2025-05-16 17:19:27
2943
2
原创 抖音小程序获取手机号接入指南
在接入抖音小程序以获取用户手机号的功能时，由于不同小程序可能采用不同的接口、权限设置或数据处理流程，开发者可能会踩到不少坑，从而增加了开发难度和复杂度。本文通过这样的知识共享，希望大家可以共同学习和进步，减少不必要的弯路，提高工作效率。
2025-04-03 13:56:34
6865
3
原创 vue3中解决组件间 css 层级问题最佳实践（Teleport的使用）
<Teleport> 是 Vue 3 中引入的一个内置组件，用于将组件的内容渲染到 DOM 中的指定位置，而不受组件层级结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。（文章内还整理了vue3新加了哪些新特性和新的内置组件，其次还提供了在中国各个前端框架使用率的参考数据）
2025-02-23 23:29:18
1355
原创 WEB前端将指定DOM生成图片并下载最佳实践(html2canvas)
本文主要记录了前端使用html2canvas这个库将指定的dom转化为图片并进行下载，内含完整源码和效果图，希望能给你在解决同类型问题上带去不一样的思路~
2025-02-20 19:47:18
1970
2
原创 JavaScript 事件循环详解
JavaScript 的事件循环（Event Loop）是其异步编程的核心机制，理解它对于掌JavaScript 的执行流程至关重要。本文针对事件循环进行了一些剖析，希望能给大家带去不一样的体会~
2025-02-20 18:36:19
1120
原创 微信小程序wx.getlocation接口申请教程
本文主要记录了微信小程序中开发管理里的接口设置里的getLocation是怎么去申请开通的，其他的接口也可以参照这篇文章去进行申请
2025-02-20 17:48:43
5154
原创 通俗易懂的vue3+jsx开发教程（setup语法糖版）
随着vue3框架的火热发展，jsx的语法已经是必须要掌握的技能了。本文面向开发的去记录了在vue3的setup的语法糖里进行开发，配有源码和效果展示，相信能给你编码带去不一样的思路。如果你还没有入坑jsx，那么本篇文章将会给你带去极大的助力。全网最全最通俗易懂的vue3+jsx,希望能给你带去一些收获~
2025-01-22 10:46:14
6510
1
原创 web前端vue框架配置反向代理看完这一篇秒懂~
web前端在开发过程中。有的时候，我们遇到如下的跨域报警时，要么后端做一些措施，解决跨域的问题，比如（加cors请求头）。如果后端没有及时响应，这个时候就需要我们前端自己来解决跨域的问题。而反向代理就是我们web前端常用的解决跨域问题的有效手段之一。本次我们以vue框架为例，进行示范和记录反向代理的配置流程。
2024-12-31 17:59:46
4009
原创 控制表格向上滚动距离最佳实践（以Element ui为例）
在web开发中，有些时候使用的组件库的表格不支持滚动的属性或方法。这个时候我们就要自己去实现这一功能。在Element Plus里，组件库已经具备了支持滚动表格的属性或方法，但是在支持vue2的element ui里，Table组件本身不提供直接控制滚动距离的属性或方法。我们接下来就以element ui为例，实现表格滚动，以提供给大家实现类似功能的一些思路。
2024-12-19 15:00:57
2263
原创 websocket学习看这一篇就足够啦~
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。本文记录了websocket开发中的重点，全都是干货，帮助大家更快的上手。感兴趣的小伙伴，可以收藏学习起来，websocket学习看这一篇就足够啦~
2024-11-18 14:10:08
2583
原创 小程序分包看完这一篇秒懂
在小程序开发中，分包是一种优化加载时间和用户体验的方法。通过将小程序拆分成多个包，可以按需加载，从而减少首次加载时间。很多刚涉及小程序开发的小伙伴对小程序分包都相对茫然或者头疼。也不知道该合适进行分包，怎么进行分包。其实分包并没有那么难。耐心的看下去，我相信你们看完后会豁然开朗。
2024-11-04 10:56:53
4047
1
原创 前端方案：播放的视频加水印或者文字最佳实践
很多时候，视频的转码工作在后端，我们前端是拿到可以播放的链接进行播放即可。但是总是会出现一些定制化的需求，比如在视频的某个区域贴上水印、标识或者文字。这个时候大部分是由前端来操作的。让笔者来给大家提供一套简易的手段吧，简单而又实用。
2024-10-24 18:04:06
2375
1
原创 编程小白如何成为大神？大学新生的最佳入门攻略
编程已成为当代大学生的必备技能，但面对众多编程语言和学习资源，新生们常常感到迷茫。如何选择适合自己的编程语言？如何制定有效的学习计划？如何避免常见的学习陷阱？让我们一起探讨大学新生入门编程的最佳路径，为你的大学生活和未来职业发展打下坚实基础。
2024-10-16 18:29:43
1628
3
原创 前端方案：根据链接生成二维码
虽然在很多时候，生成二维码的操作都是由后端进行操作。但是在某些特定的场景里，难免会需要前端来完成链接生成二维码的操作，在这里我们提供一个插件来完成，这个插件就是qrcode。
2024-10-12 10:32:45
4995
2
原创 vue的h函数和template语法如何混用？
我们有些场景难免会遇到h函数和template语法混用的时候，那么我们怎么样才能把h函数和template结合起来使用呢,快来看一看笔者提供的解决方案吧~
2024-10-08 16:32:29
1562
原创 vue不得不会的h函数
很多小伙伴熟悉了template模板的开发，但是对类似于jsx的h函数这个渲染函数API并不是很了解。在某些使用场景下，我们需要用到 JavaScript 完全的编程能力。这时候渲染函数h函数就能提供很好的助力，作为合格的vue开发者，h函数是必须要掌握的，还不熟悉的小伙伴赶快行动起来吧~
2024-09-30 16:44:13
2068
原创 前端开发中会这些Git操作命令就足够啦~
我们在前端开发的工作中，经常会使用git来进行代码管理和开发协作，那我们究竟需要会哪些常用命令呢，在这里，笔者进行了整理，会这些命令就足够啦，可以覆盖百分之九十以上的git协作需求。大家可以针对性的进行查缺补漏
2024-08-28 17:12:41
1217
原创 vue3/vue2自定义指令看这一篇就够啦~（包含一些实用的自定义指令）
本文主要针对于vue的自定义指令如何使用进行了记录，包含了vue2和vue3不同的对比。同样也提供了一些实用的自定义指令，开箱即用，大家可以直接复制到自己的项目里注册使用
2024-08-15 09:45:54
2588
原创 vue3解析markdown文件为html并且高亮显示代码块
本文主要记录了vue3项目里怎么引入解析markdown文件为html，并且高亮显示代码块。（vue3+vite+marked+highlight.js）。希望能给有这方面需求的伙伴们带来不同的思路
2024-08-01 17:08:32
5468
原创 前端JavaScript处理小数精度问题（最佳实践）
本文主要针对于如何在前端项目中处理小数精度问题进行了记录。可使用自封装的函数，也可以使用第三方库big.js。希望能给前端的兄弟们在解决精度方面带来更多的思路
2024-07-29 17:28:29
5129
原创 小程序分享功能记录
本文主要记录了小程序开发过程中涉及到的转发应该怎么开发，遇到的问题应该怎么解决。包含微信小程序和uniapp两种分享的记录。大家赶快收藏起来吧~
2024-07-26 17:51:02
6290
原创 微信小程序调用复制api报错{“errMsg“:“setClipboardData:fail api scope is not declared in the privacy agreement“}
本文主要记录了调用用户隐私相关的api，如复制等报错的解决办法。主要是要更新用户隐私保护指引协议
2024-06-29 12:29:14
1954
原创 axios全局封装AbortController取消重复请求
AbortController将会带给你比防抖节流更便捷，更友好的体验，赶快用起来吧！AbortController支持以xhr为底层封装的请求库，xhr，fetch，axios均可配置
2024-06-24 10:24:34
3755
原创 如何避免接口重复请求(axios推荐使用AbortController)
针对于axios，过滤重复请求，我们已经不再推荐使用防抖、节流。而是更推荐使用AbortController去实现这一需求。诸如alova请求库本身就有这种功能，也是很不多的选择
2024-06-18 10:37:26
2175
原创 前端常用工具
本文记录了前端常用的工具网站地址，有缘人可以收藏起来，以后有相关应用需求，可以快速找到工具地址。大家有推荐的网站可以留言，我会继续添加上去
2024-05-31 17:51:37
1134
原创 aigc在前端中的应用-CodeGeex
CodeGeeX是一款基于大模型的智能编程助手，它可以实现代码的生成与补全，自动为代码添加注释，不同编程语言的代码间实现互译，针对技术和代码问题的智能问答，当然还包括代码解释，生成单元测试，实现代码审查，修复代码bug等非常丰富的功能。
2024-05-15 14:23:20
999
原创 全网最通俗易懂的vue透传
全网最通俗易懂的vue透传讲解，包含vue2，vue3。透传能给我们组件复用或者二次封装第三方库带来极大的便捷。让我们来看看vue3和vue2的透传的实际用法吧~
2024-05-14 15:15:15
3808
空空如也
web前端如何入局人工智能领域？
2024-05-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人