程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
V3 Admin Vite:轻量级 Vue3 后台管理模板
V3 Admin Vite:轻量级 Vue3 后台管理模板
2025-07-05 16:21:29 +0800 CST
view 23
V3AdminVite是一个基于Vue3、Vite和TypeScript的轻量级后台管理模板,提供权限控制、动态菜单、主题切换等功能,适合快速搭建中小型管理后台。得益于Vite的极速性能,开发环境启动迅速,支持多种布局和国际化,便于开发者高效构建和维护项目。
前端开发
后台管理
Vue框架
开发工具
模板
一行代码将网页元素变成图片!比 html2canvas 快 93 倍的截图神器:snapDOM 全解析
2025-07-02 18:27:18 +0800 CST
view 132
snapDOM是一款高性能的网页截图工具,支持一行代码实现截图,性能比html2canvas快93倍。它能够完美还原网页视觉效果,支持多种输出格式,如PNG、JPG、SVG等,适用于社交分享、报表导出和电商营销等场景。该工具轻量无依赖,兼容性优秀,完全免费开源,适合前端开发者使用。
前端开发
图像处理
开源工具
性能优化
使用 rem 适配 PC 与移动端——原理与实战指南
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 66
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
MD2Card:基于 Markdown 自动生成精美知识卡片
MD2Card:基于 Markdown 自动生成精美知识卡片
2025-06-28 21:57:25 +0800 CST
view 136
MD2Card是一款免费易用的Markdown转知识卡片工具,支持将笔记和文章转为视觉优雅的卡片,提供多达30种主题,具备实时预览和长文自动拆分功能,兼容标准Markdown语法及扩展语法,支持多格式导出,新增AI魔幻卡片功能,适合学习者和内容创作者,助力高效整理与传播。
Markdown
工具
学习
内容创作
AI
如何在 JavaScript 字符串中找到最长的回文子字符串?
如何在 JavaScript 字符串中找到最长的回文子字符串?
2025-06-28 17:55:21 +0800 CST
view 66
本文探讨了如何在JavaScript中找到最长的回文子字符串,介绍了回文字符串的定义及判断方法。通过暴力破解法和中心扩展法两种算法实现,分析了它们的时间和空间复杂度。虽然暴力法直观但效率低下,中心扩展法则提供了更高效的解决方案。最后强调了在实际开发中逐步优化算法的重要性。
算法
字符串处理
JavaScript
16 个 JavaScript 简写神技,提效 60%!
16 个 JavaScript 简写神技,提效 60%!
2025-06-28 17:12:57 +0800 CST
view 70
本文分享了16个常用的JavaScript简写技巧,旨在提高编码效率和代码的简洁性。通过示例对比,展示了如何使用三元运算符、空值合并运算符、可选链操作符等语法糖,帮助开发者写出更优雅的代码。这些技巧不仅提升了代码的可读性,也在团队协作中展示了对语言的深刻理解。
编程
JavaScript
开发技巧
如何判断用户是否离开了当前页面?
如何判断用户是否离开了当前页面?
2025-06-28 17:11:21 +0800 CST
view 83
在现代Web开发中,判断用户是否离开当前页面是一个重要需求。本文介绍了多种方法,包括使用PageVisibilityAPI判断页面可见性、beforeunload和unload事件处理用户离开、sendBeacon方法安全上报数据,以及pagehide和pageshow事件应对浏览器缓存。合理使用这些技术可以提升用户体验、节省资源和保证数据完整性。
Web开发
用户体验
数据分析
Vue3 实现页面上下滑动方案
Vue3 实现页面上下滑动方案
2025-06-28 17:07:57 +0800 CST
view 86
在Vue3项目中实现页面上下滑动的方案包括使用滚动容器和监听滚动事件、使用原生事件监听、应用防抖或节流优化性能、实现触底加载更多内容,以及使用第三方无缝滚动组件库。关键在于设置正确的滚动容器、监听滚动事件、优化性能和满足特定需求。
前端开发
Vue
用户体验
性能优化
Shadcn UI:这个 82.7k Star 的神器,正在超越传统组件库!
2025-06-28 17:04:58 +0800 CST
view 87
ShadcnUI是一个新兴的前端组件库,具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比,它在打包体积、定制难度和加载时间上表现优异,适合企业级应用。支持TailwindCSS和RadixUI,提供高性能的智能表单和数据表格,越来越多的大型项目正在采用ShadcnUI,代表了组件库的未来趋势。
前端开发
组件库
Web技术
性能优化
开源
Vue Vben Admin:28.6k Star 的 Vue3 中后台模板王者
2025-06-28 16:54:53 +0800 CST
view 129
VueVbenAdmin是一个基于Vue3、TypeScript和Vite的现代中后台管理面板,拥有28.6kStar。该项目提供了多种核心特性,如动态权限控制、国际化支持和多主题定制,适合实际生产项目和学习参考。当前版本为v5.0,具有显著的性能和可维护性提升。欢迎开发者参与贡献,项目地址和在线预览可在文中找到。
前端开发
开源
Vue
管理系统
技术栈
吃透 JavaScript 中 `var`、`this` 和严格模式的 7 个隐藏陷阱
吃透 JavaScript 中 `var`、`this` 和严格模式的 7 个隐藏陷阱
2025-06-28 16:34:57 +0800 CST
view 68
本文深入解析了JavaScript中`var`声明、`this`指向和严格模式的核心机制与潜在陷阱。通过实战案例,探讨了全局变量的挂载、严格模式下的只读属性、`this`的动态指向等问题,并提供了提升代码可维护性与安全性的建议,帮助开发者更好地理解和运用这些概念。
JavaScript
前端开发
编程技巧
告别 `addEventListener`!Chrome 推出原生 Observable API,事件处理效率提升 300%!
2025-06-28 15:57:08 +0800 CST
view 86
Chromium团队推出的ObservableAPI旨在以更声明式的方式处理事件,提升性能最高可达300%。该API允许开发者轻松管理DOM事件、WebSocket和用户交互,简化代码逻辑,避免复杂的回调地狱。通过示例代码,展示了如何实现实时响应用户输入、WebSocket消息监听、防抖效果及多事件流组合。尽管尚处于提案阶段,ObservableAPI代表了事件处理的未来方向。
前端技术
JavaScript
Web开发
Flip‑JS:优雅处理元素结构变化动画
2025-06-28 11:41:42 +0800 CST
view 80
Flip‑JS是一款轻量级库,基于FLIP动画思想优雅处理DOM元素的结构与样式变化。它支持元素的重新排列、尺寸变化和样式过渡,确保动画过程自然流畅。通过原生API实现动态效果,适合频繁变动的DOM结构和样式变化场景,提供高性能体验和便捷的API。
动画
前端开发
JavaScript
性能优化
用户体验
如何判断用户是否离开了当前页面
如何判断用户是否离开了当前页面
2025-06-26 20:08:39 +0800 CST
view 97
本文探讨了如何判断用户是否离开当前页面,介绍了多种现代API的使用方法,包括PageVisibilityAPI、beforeunload事件、navigator.sendBeacon和pagehide事件。通过这些技术,开发者可以优化用户体验、进行数据分析并提升系统性能。文章还提供了最佳实战建议和综合示例代码,帮助开发者有效实现用户离开检测。
Web开发
用户体验
前端技术
API
从零开始学会 JavaScript 混淆:安全与隐私的双重保障
从零开始学会 JavaScript 混淆:安全与隐私的双重保障
2025-06-26 10:20:28 +0800 CST
view 91
本文介绍了JavaScript混淆的基本概念、方法和实战技巧,强调了混淆在保护源代码和增强安全性方面的重要性。通过变量重命名、字符串加密和代码结构调整等技术,降低代码可读性,防止逆向工程。还推荐了一些混淆工具,如JavaScriptObfuscator和Terser,并指出混淆并不等同于安全,需结合其他安全措施。
编程
前端开发
安全
代码保护
工具
120个实用CSS技巧汇总合集
120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST
view 104
本文汇总了120个实用的CSS技巧,涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面,适合新手和进阶前端工程师。每个技巧都配有代码示例,帮助开发者提升页面性能与用户体验,掌握高效、优雅的前端开发技能。
前端开发
CSS
网页设计
Vue组件通信全攻略:多层嵌套轻松搞定
Vue组件通信全攻略:多层嵌套轻松搞定
2025-06-22 18:51:59 +0800 CST
view 97
本文总结了Vue组件通信的多种方案,包括父子组件通信、属性透传、跨层注入、任意组件通信和状态集中管理。通过具体代码示例,展示了如何在不同场景下高效地传递数据和事件,帮助开发者提升代码质量与可维护性。
Vue
前端开发
组件设计
阿里云发送短信php
阿里云发送短信php
2025-06-16 20:36:07 +0800 CST
view 98
该PHP类实现了不使用阿里云官方SDK,通过HTTP请求发送短信的功能。用户需要提供阿里云的AccessKeyID、AccessKeySecret、短信签名和模板CODE。类中包含发送验证码的方法和生成签名的逻辑,确保与阿里云短信服务API的兼容性。使用时需注意账号开通短信服务及签名模板审核。
编程
API
短信服务
阿里云
PHP
你可能不知道的 18 个前端技巧
你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST
view 149
本文整理了18个鲜为人知的前端技巧,涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率,帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等,适合前端开发者学习和应用。
前端开发
编程技巧
Web技术
12 个精选 MCP 网站推荐
12 个精选 MCP 网站推荐
2025-06-10 13:26:28 +0800 CST
view 262
随着大模型时代的发展,模型上下文协议(MCP)成为AI应用生态的重要组成部分。本文推荐了12个精选的MCP网站,包括mcpservers、mcp.so、Glama.ai等,涵盖了丰富的MCP服务和功能,适合不同需求的开发者和AI爱好者。这些平台提供了从服务器集合到插件市场的多样化选择,助力智能体的能力扩展和应用探索。
人工智能
技术
开发者资源
Lemon:全球首个全栈开源通用 AI Agent,从需求到交付一站式搞定!
Lemon:全球首个全栈开源通用 AI Agent,从需求到交付一站式搞定!
2025-06-08 10:51:31 +0800 CST
view 235
Lemon是全球首个全栈开源通用AIAgent,具备从需求规划到结果交付的全流程自动化能力。它支持自主决策、灵活调用多种工具,适用于市场调研、金融分析、编程辅助等多种复杂场景。用户可通过Docker快速部署并参与社区互动,推动AIAgent的发展。Lemon旨在重塑智能体形态,实现真正的自动化任务处理。
人工智能
开源软件
自动化
开发工具
社区
微软开源文档转换神器 MarkItDown:58K+ Star 的 Markdown 工具,支持 MCP 协议
微软开源文档转换神器 MarkItDown:58K+ Star 的 Markdown 工具,支持 MCP 协议
2025-06-05 23:01:13 +0800 CST
view 198
MarkItDown是微软开源的文档转换工具,支持多种文件格式(如PDF、Office、图片、音频等)转换为结构化的Markdown文档,适用于AI大模型和文本分析。该工具在GitHub上获得了超过58K的Star,提供了命令行和PythonAPI使用方式,并支持MarkdownConversionProtocol(MCP)。尽管在处理复杂格式时可能存在限制,但其多格式支持使其成为开发者的有力工具。
开源工具
文档处理
人工智能
文本分析
解决闪烁问题的完整图片悬停放大HTML代码
解决闪烁问题的完整图片悬停放大HTML代码
2025-05-21 23:23:54 +0800 CST
view 290
本文介绍了一种解决图片悬停放大时闪烁问题的HTML代码。通过使用CSS的`opacity`和`visibility`属性替代`display`,优化事件处理逻辑,并添加过渡动画效果,使得显示和隐藏过程更加平滑自然。提供了完整的HTML和JavaScript代码示例,详细说明了如何实现无闪烁的放大效果。
前端开发
网页设计
用户体验
50 个实用前端 JavaScript/CSS 代码片段
50 个实用前端 JavaScript/CSS 代码片段
2025-05-21 09:53:05 +0800 CST
view 408
本文整理了50个实用的JavaScript和CSS代码片段,涵盖设备判断、事件监听、DOM操作、数据处理等多个方面,旨在提高前端开发的效率。每个代码片段都提供了具体的实现方式,适合开发者在日常工作中参考和使用。
前端开发
JavaScript
CSS
代码片段
实用工具
大家都在搜索什么?
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
公司官网费用
上一页
1
2
3
...
55
下一页