前端

前端常见规范、数组遍历方式

提高代码可读性 1. 命名规范// ❌ 糟糕的命名 let d = 10; function proc(u) { ... } // ✅ 清晰的命名 const MAX_RETRY_COUNT = 10; // 常量全大写 function calculateMonthlyRevenue(users) { ... } // 动词+名词结构 // ✅ 组件用

Linux 下 Tomcat 结合内网穿透 实现 Web 应用公网访问

前言在日常的 Web 开发与测试中,常常会遇到这样的困扰:本地部署好的 Java Web 项目,只能在局域网内访问,想要让异地的同事协作调试、给客户演示功能,或是外出时远程查看项目运行状态,往往需要繁琐的公网 IP 配置、端口映射,甚至要依赖云服务器部署。而有一种实用的内网穿透功能,能

Fish Speech 1.5开发者笔记:Gradio前端如何代理调用7861 FastAPI后端

Fish Speech 1.5开发者笔记:Gradio前端如何代理调用7861 FastAPI后端1. 引言如果你正在使用Fish Speech 1.5镜像,可能会注意到一个有趣的现象:浏览器访问的是7860端口,但实际的语音生成工作却是由7861端口的服务完成的。这背后就是Gradio前端代理调用FastAPI后端的典型架构。今天&#xff

Android-Jetpack-Navigation组件使用

图片来源网络 可能有部分Android开发的小伙伴见过单Activity多Fragment的App,使用起来非常的流畅或者说非常的丝滑。自己想要尝试这种开发模式的时候,又会发现Fragment的管理会比较麻烦。现在不用怕了,Android SDK为了我们提供了Navigation来实现这种开发模式。希望这篇文章对小伙伴们有所启发。 Navigation的优势 先来说说使用Navigat

Qwen3-32B显存溢出?量化压缩部署实战让资源节省40%

Qwen3-32B显存溢出?量化压缩部署实战让资源节省40%你是不是也遇到过这种情况:好不容易找到一个性能强大的大模型,比如Qwen3-32B,结果一部署就发现显存不够用,直接报错“Out of Memory”?看着那动辄几十GB的显存需求,再看看自己有限的显卡资源,是不是感觉心都凉了半

前端代码分割与懒加载:让你的应用飞起来

前端代码分割与懒加载:让你的应用飞起来毒舌时刻代码分割和懒加载?听起来就像是前端工程师为了掩饰自己代码写得太烂而发明的借口。你写的代码那么大,加载时间那么长,不分割能行吗?你以为随便分割一下代码就能解决性能问题?别做梦了!如果分割策略不合理,反而会导致更多的网络请求,让应用

JavaScript

1 JavaScript 简介 1.1 作用 1.1.1通过button等改变html文件,从而进行html文件中某一个对象样式或内容的改变,有两种方式实现: 直接在按钮元素中改变: <button type="button" onclick="alert('欢迎!')">点我!</button> 通过按钮开启一个js函数,在函数中进行某一元素的查找(通过id)与修改(通

《如何通过prometheus-webhook-dingtalk解决 Alertmanager 原生不支持钉钉 Webhook问题》

前言监控再精准,告警推不到人就是白搭。Prometheus 配 Alertmanager 是云原生监控的经典组合,但 Alertmanager 原生不支持钉钉 Webhook,集成过程中踩坑是常事——消息格式乱、告警发不出去、恢复通知丢失,或者安全配置不当机器人被滥用。生产环境用不起来,等于没装。解法是 prometheus-

Cursor实战:Web版背单词应用开发演示

Cursor实战:Web版背单词应用开发演示 需求分析 自行编写需求文档 借助Cursor生成需求文档 前端UI设计 后端开发 项目结构 环境参数 数据库设计 安装Python依赖 运行应用 前端代码修改 测试前端界面 测试数据生成 功能测试 Bug修复 总结 在上一篇《Cursor AI编程助手不完全指南》中&#xff

网站内容禁止复制的js代码

网站内容禁止复制的js代码 这篇文章主要介绍了JS如何实现网站内容禁止复制的方法,希望可以帮助到你~ 方法1: 在网页中加入以下代码: document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); 方法2