程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
综合
前后端分离:fastapi-vue-admin的探索
2024-11-18 09:45:11 +0800 CST
view 2644
本文探讨了`fastapi-vue-admin`作为一套开源快速开发平台的技术选型与优势,后端采用FastAPI、Swagger、Pydantic和SQLAlchemy,前端基于Vue3、AntDesignVue、TypeScript和Vite。该平台支持OAuth2权限认证和RBAC权限架构,适用于中后台解决方案,提供了高效的开发体验和良好的可维护性。
前后端分离
快速开发
开源框架
技术选型
权限管理
编程
Node.js 微信支付接入指南:从配置到支付结果处理的全流程
2024-11-19 08:47:24 +0800 CST
view 2142
本文详细介绍了如何在Node.js中接入微信支付,包括注册商户账号、安装必要库、创建支付请求、处理支付结果通知等步骤。通过示例代码,读者可以学习如何构建支付请求的XML数据、验证支付结果的真实性,并更新订单状态。文中还强调了安全性和错误处理的重要性。
支付
开发
技术
Node.js
微信
综合
如何把 CSS 的动态效果转换成 GIF 动图的
2024-11-19 05:01:51 +0800 CST
view 2518
本文介绍了如何将CSS动态效果转换为GIF动图,提供了两种方法:一种是使用浏览器插件AwesomeScreenshot和MP4到GIF转换器,另一种是利用Puppeteer和ImageMagick的程序化方案。文章详细说明了每种方法的步骤,适合不同技术水平的用户。
前端开发
动画效果
技术教程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
编程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST
view 861
本文探讨了ImportMaps在现代前端开发中的重要性,解决了浏览器无法识别裸模块名的问题,降低了开发门槛。通过ImportMaps,开发者可以在不使用构建工具的情况下直接导入模块,适合快速原型开发和教学演示。尽管如此,构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用,未来可能转变为可选的加速器。
前端开发
Web技术
模块化
编程
10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST
view 1278
本文介绍了10个罕见的HTML标签,这些标签在开发中很少被使用。包括`<abbr>`用于缩写,`<q>`用于引用,`<s>`用于删除线,`<mark>`用于高亮,`<wbr>`用于文本换行,`<details>`用于可展开内容,`<optgroup>`用于下拉列表分组,`<datalist>`用于自动完成,`<fieldset>`用于表单分组,以及`<sup>`和`<sub>`用于上标和下标。
HTML
Web开发
前端技术
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
编程
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
2025-07-21 19:11:45 +0800 CST
view 966
在前端开发中,生成绝对唯一的ID是常见需求。传统方法如`Date.now()`和自增计数器存在重复风险。推荐使用`crypto.randomUUID()`,它提供加密级别的随机性和全局唯一性,适合生产环境。对于旧浏览器,可以使用`uuid`库作为降级方案。总结了不同生成方法的优缺点,强调了现代标准的重要性。
前端开发
唯一性
安全性
技术标准
编程技巧
超越RAG的新一代AI记忆框架:Graphiti 详解与上手指南
编程
超越RAG的新一代AI记忆框架:Graphiti 详解与上手指南
2025-07-22 12:38:08 +0800 CST
view 2033
Graphiti是一款由Zep团队开发的下一代AI记忆框架,旨在解决传统RAG的痛点,如数据静态、查询缓慢和记忆割裂。它通过实时更新知识图谱、双时态模型和混合检索机制,赋予AI智能体真正的长期记忆能力。Graphiti支持多种图数据库和大模型,提供毫秒级查询响应,适用于构建智能体记忆系统和企业知识管理平台。
AI
知识管理
技术创新
智能体
开发工具
vue ios微信无法自动播放背景音解决办法
编程
vue ios微信无法自动播放背景音解决办法
2024-11-18 12:59:50 +0800 CST
view 3609
该文本讨论了由于ios系统导致的问题,并提供了解决方案,即使用微信的api。代码片段展示了如何在特定条件下创建音频播放器并播放音频,尤其是在微信环境下的处理方式。
技术
开发
音频处理
编程
php在使用JQuery.lazyload图片懒加载时,正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST
view 3701
在页面有很多大图时,为了提升用户体验和减轻服务器压力,通常会使用图片懒加载技术。使用lazyload时,需要将图片的src值设置为占位符,并将真实路径赋给original,以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性,并使用jquery.lazyload实现懒加载效果。
前端开发
性能优化
技术实现
掌握现代 Web API:2024 年强大浏览器功能指南
编程
掌握现代 Web API:2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST
view 1312
本指南探讨了2024年现代Web开发中关键的WebAPI,包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具,以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发
API
前端技术
用户体验
安全性
综合
使用OpenAI文本嵌入模型的全面指南
2024-11-18 11:26:06 +0800 CST
view 1979
本文提供了关于使用OpenAI文本嵌入模型的全面指南,涵盖向量嵌入的定义、应用场景及模型选择。向量嵌入能够将非结构化数据转换为机器可处理的向量表示,广泛应用于语义搜索、推荐系统等。文中还介绍了如何使用OpenAI的嵌入模型生成向量嵌入,并与ZillizCloud集成,以实现高效的语义搜索。
人工智能
机器学习
数据处理
技术指南
开发者资源
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
综合
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST
view 1537
本文详细介绍了`Navigator`对象的各个属性,包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性,提供了如何在实际应用中利用这些信息的示例代码,帮助开发者更好地理解和使用这些API,以优化用户体验和应用性能。
Web开发
浏览器API
前端技术
用户体验
JavaScript
编程
10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST
view 1079
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索,解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建,结合WebWorker技术,优化搜索体验,确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践,以提升用户体验。
前端开发
性能优化
搜索技术
Superpowers 深度解析:如何用「工程纪律」管住 AI 编程的混沌——从 TDD 到自我审查的七门必修课
编程
Superpowers 深度解析:如何用「工程纪律」管住 AI 编程的混沌——从 TDD 到自我审查的七门必修课
2026-04-12 14:56:47 +0800 CST
view 208
Superpowers是一套专为AI编程设计的技能框架,旨在通过强制性的结构化工作流(包括需求澄清、TDD、代码审查等七门必修课)提升AI生成代码的质量,解决AI编程中的混乱问题。它强调流程胜于猜测,将工程最佳实践编码为AI的行为约束,适用于复杂项目开发。
AI编程
软件工程
开源工具
开发流程
技术框架
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 169
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
浏览器原生剪贴板大揭秘:原来你也能轻松读取用户截图!
编程
浏览器原生剪贴板大揭秘:原来你也能轻松读取用户截图!
2025-08-15 12:28:43 +0800 CST
view 851
本文全面解析了浏览器原生剪贴板API`navigator.clipboard`,介绍了如何安全地读取和写入剪贴板内容,包括文本和图片的处理。通过示例代码,读者可以学习如何实现用户授权的剪贴板操作,确保用户隐私,同时提升网页应用的用户体验。
Web技术
前端开发
用户体验
安全性
API
5 种替代 if-else 的实用 JavaScript 优化技巧,让代码更简洁可维护
编程
5 种替代 if-else 的实用 JavaScript 优化技巧,让代码更简洁可维护
2025-08-15 12:32:53 +0800 CST
view 927
本文总结了5种替代if-else的JavaScript优化技巧,包括三元运算符、对象字面量映射、策略模式、短路运算符和规则数组。这些技巧旨在提升代码的简洁性和可维护性,帮助开发者在复杂逻辑中保持代码清晰和易读。
编程
JavaScript
代码优化
软件开发
技术技巧
前端代码规范 - 图片相关
编程
前端代码规范 - 图片相关
2024-11-19 08:34:48 +0800 CST
view 1228
本文详细介绍了前端项目中图片的使用规范,包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化以及可访问性等方面。合理使用图片不仅能提升页面加载速度,还能增强用户体验和SEO效果。
前端
图片优化
用户体验
开发规范
技术文档
浏览器悄悄上线了这个 API,让跨标签页通信变得轻而易举
编程
浏览器悄悄上线了这个 API,让跨标签页通信变得轻而易举
2025-08-15 12:35:34 +0800 CST
view 775
BroadcastChannelAPI是现代Web开发中用于同源跨标签页通信的高效解决方案。它允许不同上下文之间广播消息,支持复杂数据类型,简化了开发者的工作。通过创建频道、发送和接收消息,开发者可以轻松实现状态同步和实时协作。与传统的localStorage方法相比,BroadcastChannel提供了更直观和高效的通信方式,适用于多种场景。
Web开发
API
前端技术
浏览器
通信
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1365
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 758
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步XMLHttpRequest会阻塞主线程,影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式,确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发
HTTP
用户体验
数据处理
Web技术
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1361
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 942
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
无感刷新 Token:打造“永不掉线”的丝滑用户体验
编程
无感刷新 Token:打造“永不掉线”的丝滑用户体验
2025-08-15 15:23:36 +0800 CST
view 912
无感刷新Token机制通过双Token体系(AccessToken和RefreshToken)解决了短生命周期Token带来的安全性与用户体验矛盾。用户在操作时几乎感受不到登录过期,系统通过拦截器自动刷新Token,确保API安全性,同时支持并发请求,避免刷新竞态问题。这一机制是现代Web应用提升用户体验的标配方案。
用户体验
安全性
Web开发
身份验证
技术实现
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
3
4
5
6
7
...
46
下一页