程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
编程
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
2024-11-18 20:14:14 +0800 CST
view 1268
本文介绍了如何使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。通过创建Login.vue和Register.vue组件,展示了如何处理用户输入、验证邮箱和密码的有效性,并在成功时显示提示。最后,整合组件到App.vue中,提供了项目的运行指令和访问方式。
Web开发
前端
用户身份验证
告别传统 Ajax:掌握 fetch API 的简洁与强大
编程
告别传统 Ajax:掌握 fetch API 的简洁与强大
2025-08-15 15:50:16 +0800 CST
view 986
本文介绍了fetchAPI的优势,替代传统的XMLHttpRequest(Ajax)进行网络请求。fetchAPI提供了更简洁的语法、基于Promise的异步处理、灵活的请求配置和响应处理,以及支持请求中断等特点。通过示例代码,展示了fetchAPI的易用性和现代化特性,强调其在现代Web开发中的重要性。
Web开发
JavaScript
网络请求
Nginx 跨域处理配置
编程
Nginx 跨域处理配置
2024-11-18 16:51:51 +0800 CST
view 1264
在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 1142
本篇博客展示了如何构建一个基于Node.js的简单数据可视化工具。通过使用Express框架提供API,结合Chart.js生成动态图表,帮助用户直观展示和理解数据。项目结构包括服务器端和客户端,涵盖了环境搭建、服务器创建、客户端设置等步骤,最终实现销售数据的可视化展示。
数据可视化
Web开发
编程
Tokio 团队出品 Toasty:重新定义 Rust 异步 ORM 的工程哲学
编程
Tokio 团队出品 Toasty:重新定义 Rust 异步 ORM 的工程哲学
2026-04-13 08:57:09 +0800 CST
view 278
2026年4月,Tokio团队推出全新异步ORM框架Toasty。本文深度解析其「应用级查询引擎」的设计哲学、架构内核、工程实践与性能表现,对比Diesel、SeaORM、SQLx等主流方案。
Rust
ORM
Toasty
Tokio
async
database
Web开发
JavaScript 上传文件的几种方式
编程
JavaScript 上传文件的几种方式
2024-11-18 21:11:59 +0800 CST
view 1298
本文介绍了三种使用JavaScript上传文件的方法:1)使用Ajax和FormData对象,支持异步请求但不兼容IE10以下;2)使用jquery.form.js插件,兼容性好,操作简便;3)通过Iframe处理文件上传,兼容旧版浏览器但无法处理非200状态码的请求。根据需求选择合适的实现方式。
Web开发
文件上传
JavaScript
使用Node.js进行高性能的图片格式转换,重点推荐WebP格式以减小文件体积并提高加载速度
综合
使用Node.js进行高性能的图片格式转换,重点推荐WebP格式以减小文件体积并提高加载速度
2024-11-18 15:50:54 +0800 CST
view 1520
本文介绍了如何使用Node.js进行高性能的图片格式转换,重点推荐WebP格式以减小文件体积并提高加载速度。文中还提到了一些开源库,如Sharp、Jimp和LibSquoosh,提供了示例代码展示如何实现格式转换、裁剪和流式传输。最后,建议通过NGINX进行图片转发和缓存,以提升性能。
Node.js
图片处理
性能优化
Web开发
开源库
Kubewarden 深度解析:WebAssembly 驱动的 Kubernetes 策略引擎,让安全策略编写不再受限
编程
Kubewarden 深度解析:WebAssembly 驱动的 Kubernetes 策略引擎,让安全策略编写不再受限
2026-04-22 05:20:13 +0800 CST
view 146
Kubewarden 是一个基于 WebAssembly 的 Kubernetes 策略引擎,支持用任意编程语言编写策略。本文深度解析其架构设计、实战部署、策略开发和性能优化,帮助你掌握这一云原生安全利器。
Kubernetes
Kubewarden
WebAssembly
云原生
安全策略
容器编排
CNCF
DevOps
Vue3构建一个简单的博客架构,包括文章列表和文章详情页面
编程
Vue3构建一个简单的博客架构,包括文章列表和文章详情页面
2024-11-19 09:55:34 +0800 CST
view 1501
本文介绍了如何使用Vue3构建一个简单的博客架构,包括文章列表和文章详情页面。通过使用Vue3的setup语法糖和VueRouter,读者可以快速搭建项目结构,展示文章数据,并实现页面切换。文章中提供了详细的代码示例,涵盖了主要组件的创建和路由配置,适合初学者学习和实践。
前端开发
Vue
Web应用
Vite 8 深度解析:Rolldown + Oxc 驱动的前端工具链革命,Webpack 时代彻底终结
编程
Vite 8 深度解析:Rolldown + Oxc 驱动的前端工具链革命,Webpack 时代彻底终结
2026-04-22 08:59:01 +0800 CST
view 198
Vite 8 深度解析:Rolldown 统一 dev/build 引擎,Oxc 替代 Babel/ESLint/Prettier,前端工具链全面 Rust 化的工程实践与迁移指南
Vite
Rolldown
Oxc
Rust
前端工具链
Webpack
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 1696
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
Rust 1.95.0 深度解析:一场来自编译器内核的全面进化
编程
Rust 1.95.0 深度解析:一场来自编译器内核的全面进化
2026-04-22 12:00:12 +0800 CST
view 540
Rust 1.95.0 深度解析:if let guards 稳定化、const 求值语义精确化、CVE 安全修复、wasm32-wasip1-threads 崩溃修复、Cargo 配置优化,六个维度全面解读 2026 年最重要 Rust 版本更新。
Rust
编程语言
编译器
WebAssembly
系统编程
性能优化
安全更新
为什么 TailwindCSS 在开发者中如此受欢迎?揭秘背后的原因!
编程
为什么 TailwindCSS 在开发者中如此受欢迎?揭秘背后的原因!
2024-11-18 14:28:47 +0800 CST
view 1722
TailwindCSS是一种流行的原子化CSS框架,通过将CSS拆分为小的、可复用的部分,极大地提高了开发者的工作效率。它减少了冗余代码,简化了样式维护,并结合VSCode插件提供智能提示,方便开发者快速布局和样式控制。TailwindCSS的配置和使用方法简单,适合希望高效管理CSS的开发者。
前端开发
CSS框架
Web开发
工具
效率提升
Vue3实现一个动态评论系统,并与后端API进行交互
编程
Vue3实现一个动态评论系统,并与后端API进行交互
2024-11-18 04:33:34 +0800 CST
view 1524
本文介绍了如何使用Vue3实现一个动态评论系统,并与后端API进行交互。重点使用Vue3的CompositionAPI来构建系统,涵盖获取评论列表、提交新评论、展示评论详情和实时更新评论等功能。提供了代码示例和实现步骤,适合开发者参考和学习。
前端开发
Vue
API交互
评论系统
Web开发
Rust 与 WebAssembly 的商用元年:wasm-pack 1.0 如何重塑前端性能边界
编程
Rust 与 WebAssembly 的商用元年:wasm-pack 1.0 如何重塑前端性能边界
2026-04-13 12:54:29 +0800 CST
view 510
2026年 Rust 与 WebAssembly 商用元年全面解析:wasm-pack 1.0 发布、Rust 1.96 重大变更、性能实测数据、工程化实践与生态全景
Rust
WebAssembly
wasm-pack
WASM
前端性能
编译优化
使用Vue3和marked库实现一个基础的Markdown编辑器
编程
使用Vue3和marked库实现一个基础的Markdown编辑器
2024-11-18 17:01:21 +0800 CST
view 1811
本文介绍了如何使用Vue3和marked库实现一个基础的Markdown编辑器。通过Vue3的CompositionAPI,创建一个响应式的Markdown编辑器组件,用户可以在文本区域输入Markdown文本,并实时预览渲染后的HTML内容。文章还提供了项目结构、依赖安装、组件创建及样式设置的详细步骤,适合现代网页开发者学习和使用。
前端开发
Vue
Markdown
编程
Web应用
前端上传按钮防“狂点”策略:逻辑锁、UI锁与最佳实践
编程
前端上传按钮防“狂点”策略:逻辑锁、UI锁与最佳实践
2025-08-16 09:18:40 +0800 CST
view 790
本文讨论了在现代Web应用中,如何防止用户快速点击上传按钮导致的重复请求问题。提出了三种策略:UI层防护(禁用按钮)、逻辑层防护(状态标志)和后端防御措施。通过这些方法,可以有效提升用户体验并确保上传任务的安全性和唯一性。
前端开发
用户体验
Web应用
文件上传
编程技巧
在 Nginx 中保存并记录 POST 数据
编程
在 Nginx 中保存并记录 POST 数据
2024-11-19 06:54:06 +0800 CST
view 1590
通过配置Nginx的日志格式,可以捕获并保存POST请求的body数据。示例中展示了如何在Nginx中定义自定义日志格式,记录请求信息,包括时间戳、客户端IP、请求方法和请求体等。使用`$request_body`变量可以记录POST数据,但需注意性能开销和磁盘空间问题。此方法在调试和分析HTTP请求时非常有用。
Nginx
Web服务器
日志管理
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
编程
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
2024-11-18 02:19:54 +0800 CST
view 1346
本文介绍了如何在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验。通过简单的示例代码,展示了如何实现元素的进入和离开动画,并提供了更复杂的示例,说明了如何处理多个元素的动画。文章还包含了性能考虑和使用CSS动画的建议,强调了动画效果的流畅性和兼容性。
Web开发
前端
动画效果
用户体验
Vue框架
Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性
编程
Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性
2024-11-19 03:48:33 +0800 CST
view 1421
本文介绍了如何使用Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性。文章涵盖了环境准备、项目结构、视图组件创建、路由配置及应用启动等步骤,帮助开发者快速上手SPA开发。
Web开发
前端框架
Vue.js
单页应用
编程教程
Blazor WebAssembly性能跃迁实战:从冷启动4秒到800毫秒的完整优化指南
编程
Blazor WebAssembly性能跃迁实战:从冷启动4秒到800毫秒的完整优化指南
2026-04-22 20:09:54 +0800 CST
view 151
深度解析Blazor WebAssembly性能优化完整路径:AOT编译、程序集裁剪、懒加载、Brotli压缩、HTTP/2、PWA缓存、API优化7大手段,附带真实Lighthouse压测数据与生产部署经验。
Blazor
WebAssembly
性能优化
.NET
前端
PWA
AOT
Wasmtime 43.0.0 深度解析:Fuel 机制从「粗粒度熔断」到「Opcode 级成本精算」的工程革命
编程
Wasmtime 43.0.0 深度解析:Fuel 机制从「粗粒度熔断」到「Opcode 级成本精算」的工程革命
2026-04-13 16:26:40 +0800 CST
view 189
深入解析 Wasmtime 43.0.0 引入的细粒度 Fuel Opcode 成本配置机制,从底层原理到生产实战配完整代码示例
WebAssembly
Wasmtime
Fuel机制
Cranelift
WASI
Vue3从零开始构建一个简单的TodoList应用
编程
Vue3从零开始构建一个简单的TodoList应用
2024-11-19 02:17:35 +0800 CST
view 1492
本文介绍了如何使用Vue3从零开始构建一个简单的TodoList应用。通过使用CompositionAPI和setup语法糖,读者可以学习如何创建组件、管理响应式数据以及实现添加和删除任务的功能。文章还提供了详细的代码示例和样式设计,帮助开发者更好地理解Vue3的强大功能,并鼓励他们在此基础上进行扩展和创新。
前端框架
Web开发
编程
Vue.js
应用开发
Golang实现的交互Shell
编程
Golang实现的交互Shell
2024-11-19 04:05:20 +0800 CST
view 1813
本文介绍了如何使用Golang编写交互Shell,涉及浏览器、服务端和agent之间的WebSocket转发通讯。通过在服务端实现唯一标识的连接管理,打通浏览器与agent的通讯。提供了服务端的代码示例,展示了如何优雅地处理连接的复制与关闭。使用的项目包括Linux和Windows的交互Shell库以及前端xterm.js。
编程
网络通讯
Golang
WebSocket
软件开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
6
7
8
9
10
...
23
下一页