程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 438
深度解析 CSS 2026 核心新特性:锚点定位彻底替代 Popper.js、原生瀑布流布局告别 JavaScript 库、滚动驱动动画实现零 JS 滚动效果。包含完整代码示例、性能对比和浏览器兼容性方案。
CSS
前端
Web开发
Anchor Positioning
Masonry
Scroll Animation
WasmEdge 深度实战:当 WebAssembly 遇见云原生——从轻量级运行时到生产级边缘计算完全指南(2026)
编程
WasmEdge 深度实战:当 WebAssembly 遇见云原生——从轻量级运行时到生产级边缘计算完全指南(2026)
2026-06-13 00:53:28 +0800 CST
view 27
WasmEdge 是由 CNCF 托管的云原生 WebAssembly 运行时,提供接近原生的性能、毫秒级冷启动和极小的内存占用。本文深度解析其架构设计、WASI 系统接口、与 Docker 集成的实战案例,以及边缘计算场景下的性能优化策略,帮助开发者掌握这一云原生边缘计算利器。
WebAssembly
WasmEdge
云原生
边缘计算
CNCF
Rust
Docker
Serverless
Shannon 深度实战:96.15% 成功率的自主AI黑客——从XBOW基准测试到多智能体渗透测试架构的完全指南(2026)
编程
Shannon 深度实战:96.15% 成功率的自主AI黑客——从XBOW基准测试到多智能体渗透测试架构的完全指南(2026)
2026-06-04 05:20:05 +0800 CST
view 191
Shannon是KeygraphHQ开发的开源AI渗透测试框架,在XBOW基准测试中取得96.15%成功率。本文深度解析其Temporal工作流引擎、多智能体协作架构、四阶段工作流,以及与OWASP Top 10的全面覆盖。
AI安全
渗透测试
Shannon
Web安全
自动化测试
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 1946
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1491
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 929
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步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 1511
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
综合
Dcat Admin:高效简洁的Laravel后台管理系统构建神器
2024-11-18 09:09:39 +0800 CST
view 2405
DcatAdmin是一个基于Laravel框架的高效简洁的后台管理系统构建工具,支持快速构建功能完善的后台界面。它集成了丰富的前端技术和组件,简化了用户管理和权限控制等功能,适合各种项目需求。DcatAdmin提供灵活的扩展性和良好的用户体验,帮助开发者提升工作效率。
Web开发
后台管理
开发工具
Laravel
前端技术
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1100
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
宝塔在 Tengine-Nginx 已编译情况下增加模块
编程
宝塔在 Tengine-Nginx 已编译情况下增加模块
2024-11-18 23:09:44 +0800 CST
view 1916
Tengine是一个基于Nginx的开源Web服务器,提供增强功能和优化模块,广泛用于高性能Web服务。本文介绍了如何在宝塔面板管理的Tengine中添加模块,包括查看已编译模块、检查模块文件、修改配置、编译Nginx和使用新模块的步骤,旨在帮助用户优化网站性能。
Web服务器
性能优化
开源软件
宝塔
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
编程
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
2024-11-18 14:26:11 +0800 CST
view 1502
本文介绍了如何在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性。通过创建基本项目、配置路由、创建动态路由组件及输入表单,读者可以实现用户输入导航到对应页面的功能,展示了现代单页面应用的动态特性。
前端开发
Web应用
编程
Vue.js
动态路由
FastAPI是一个现代、高性能的Pythonweb框架,旨在快速构建API
综合
FastAPI是一个现代、高性能的Pythonweb框架,旨在快速构建API
2024-11-18 18:50:26 +0800 CST
view 1626
FastAPI是一个现代、高性能的Pythonweb框架,旨在快速构建API。它支持异步编程,简化了路径参数、查询参数和请求体的处理。用户可以轻松安装并创建FastAPI应用,享受自动生成的交互式API文档,提升开发效率和应用性能。
Python
Web框架
API开发
异步编程
开发工具
无感刷新 Token:打造“永不掉线”的丝滑用户体验
编程
无感刷新 Token:打造“永不掉线”的丝滑用户体验
2025-08-15 15:23:36 +0800 CST
view 1091
无感刷新Token机制通过双Token体系(AccessToken和RefreshToken)解决了短生命周期Token带来的安全性与用户体验矛盾。用户在操作时几乎感受不到登录过期,系统通过拦截器自动刷新Token,确保API安全性,同时支持并发请求,避免刷新竞态问题。这一机制是现代Web应用提升用户体验的标配方案。
用户体验
安全性
Web开发
身份验证
技术实现
PHP 允许跨域的终极解决办法
编程
PHP 允许跨域的终极解决办法
2024-11-19 08:12:52 +0800 CST
view 1552
在PHP开发中,处理跨域请求时,需要设置适当的HTTP头信息。示例代码展示了如何允许任意域名的跨域请求,包括允许的请求头、请求方法、是否允许发送Cookie等。注意事项指出,使用通配符时需谨慎,特别是在启用用户凭证时。
PHP开发
跨域
Web安全
前端文件下载的 N 种姿势:从简单到高级
编程
前端文件下载的 N 种姿势:从简单到高级
2025-08-15 15:27:34 +0800 CST
view 1056
本文介绍了前端文件下载的多种方法,从最简单的`<a>`标签的`download`属性到高级的FetchAPI结合Blob和URL.createObjectURL。每种方法的原理、优缺点以及适用场景都进行了详细分析,并提供了可运行的示例代码,帮助开发者选择合适的下载方案。
Web开发
前端技术
文件处理
Go语言Web框架深度选型指南(2026版):从Gin到Echo,从性能基准到架构设计的完整决策矩阵
编程
Go语言Web框架深度选型指南(2026版):从Gin到Echo,从性能基准到架构设计的完整决策矩阵
2026-05-17 22:45:34 +0800 CST
view 232
深度解析Go语言主流Web框架的架构设计、性能特性与适用场景,提供完整的选型决策矩阵和实战代码示例。
Go
Web框架
性能优化
REST API
微服务
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
编程
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
2024-11-18 21:42:15 +0800 CST
view 1660
本文探讨了如何使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面。文章提供了项目准备、基本结构、代码解析及扩展功能的详细说明,帮助读者掌握在Vue3中实现无刷新数据加载的技巧。
前端开发
Vue.js
用户体验
Web应用
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
编程
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
2024-11-18 20:14:14 +0800 CST
view 1382
本文介绍了如何使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。通过创建Login.vue和Register.vue组件,展示了如何处理用户输入、验证邮箱和密码的有效性,并在成功时显示提示。最后,整合组件到App.vue中,提供了项目的运行指令和访问方式。
Web开发
前端
用户身份验证
告别传统 Ajax:掌握 fetch API 的简洁与强大
编程
告别传统 Ajax:掌握 fetch API 的简洁与强大
2025-08-15 15:50:16 +0800 CST
view 1136
本文介绍了fetchAPI的优势,替代传统的XMLHttpRequest(Ajax)进行网络请求。fetchAPI提供了更简洁的语法、基于Promise的异步处理、灵活的请求配置和响应处理,以及支持请求中断等特点。通过示例代码,展示了fetchAPI的易用性和现代化特性,强调其在现代Web开发中的重要性。
Web开发
JavaScript
网络请求
Tauri 2.0 深度实战:当 Rust 遇上桌面开发——从系统 WebView 到跨端生产级应用的完全指南(2026)
编程
Tauri 2.0 深度实战:当 Rust 遇上桌面开发——从系统 WebView 到跨端生产级应用的完全指南(2026)
2026-06-13 06:16:49 +0800 CST
view 25
深入解析 Tauri 2.0 框架:从架构原理到生产部署,涵盖 Rust 后端开发、IPC 通信、插件系统、移动端支持、性能优化、安全加固和 CI/CD 自动化发布的完整实战指南。
Tauri
Rust
桌面开发
跨平台
Electron
WebView
前端框架
SpacetimeDB 深度实战:「数据库即服务器」架构如何干掉你的整个后端——从零理解实时数据库的革命性设计到生产级部署完全指南(2026)
编程
SpacetimeDB 深度实战:「数据库即服务器」架构如何干掉你的整个后端——从零理解实时数据库的革命性设计到生产级部署完全指南(2026)
2026-06-04 11:15:55 +0800 CST
view 98
SpacetimeDB深度实战:详解数据库即服务器架构,从BSATN协议到WASM模块执行,含协作白板完整代码与生产部署指南
SpacetimeDB
Rust
实时数据库
WASM
WebSocket
后端架构
Nginx 跨域处理配置
编程
Nginx 跨域处理配置
2024-11-18 16:51:51 +0800 CST
view 1388
在Nginx中处理跨域请求可以通过配置响应头来允许浏览器跨域访问资源。示例中使用了Access-Control-Allow-Origin、Access-Control-Allow-Headers和Access-Control-Allow-Methods等指令,允许所有域名的跨域请求,并处理预检请求。注意应限制允许的域名和请求头,以提高安全性。
Nginx
跨域
Web安全
构建一个基于Node.js的简单数据可视化工具。通过使用Express框架提供API,结合Chart.js生成动态图表,帮助用户直观展示和理解数据
编程
构建一个基于Node.js的简单数据可视化工具。通过使用Express框架提供API,结合Chart.js生成动态图表,帮助用户直观展示和理解数据
2024-11-17 04:27:01 +0800 CST
view 1303
本篇博客展示了如何构建一个基于Node.js的简单数据可视化工具。通过使用Express框架提供API,结合Chart.js生成动态图表,帮助用户直观展示和理解数据。项目结构包括服务器端和客户端,涵盖了环境搭建、服务器创建、客户端设置等步骤,最终实现销售数据的可视化展示。
数据可视化
Web开发
编程
Web Workers:前端性能优化的隐藏利器
编程
Web Workers:前端性能优化的隐藏利器
2025-08-15 16:03:55 +0800 CST
view 1142
WebWorkers是一种在后台线程执行JavaScript的API,能够有效释放主线程压力,提升前端性能。它允许开发者在不影响UI响应的情况下处理计算密集型任务,充分利用多核CPU,优化内存管理。尽管存在兼容性和实现复杂性的误解,WebWorkers在大数据处理、图像处理、音视频处理等场景中展现出强大能力,是前端性能优化的重要工具。
前端开发
性能优化
Web技术
JavaScript
多线程编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
18
19
20
21
22
...
32
下一页