程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
Vue 3 或 Nuxt 项目中快速实现炫酷的动画效果
2025-05-11 23:31:07 +0800 CST
view 1813
InspiraUI是一款专为Vue3和Nuxt开发者打造的开源动画组件库,结合了TailwindCSS和@vueuse/motion,旨在帮助开发者快速构建高质量、视觉吸引力强的现代网站。它支持丰富的动画组件和高度可定制的样式,确保快速加载和流畅运行,适用于SPA和SSR项目,欢迎社区贡献和反馈。
前端开发
开源项目
动画效果
Vue
Nuxt
WebSocket在消息推送中的应用代码
代码
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
view 1485
本文对比了AJAX和WebSocket在消息推送中的应用,详细介绍了AJAX的轮询和长轮询方法,以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码,并封装了WebSocket管理器,支持连接建立、消息发送和重连机制,适合高效的实时消息推送场景。
Web开发
实时通信
前端技术
Node.js
编程
Vue3中的v-bind指令有什么新特性?
编程
Vue3中的v-bind指令有什么新特性?
2024-11-18 14:58:47 +0800 CST
view 1349
Vue3中的v-bind指令引入了动态参数、缩写语法、修饰符和多重绑定等新特性,使得开发者能够更加灵活和高效地进行属性绑定。这些特性增强了组件的灵活性,提高了代码的可读性和可维护性。通过这些改进,开发者可以更好地控制属性的绑定,提升开发效率。
Vue
前端开发
JavaScript
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1457
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
Rust 正式成为 Linux 内核核心语言:从实验到生产的技术全解析
编程
Rust 正式成为 Linux 内核核心语言:从实验到生产的技术全解析
2026-04-29 07:43:17 +0800 CST
view 204
深度解析 Rust 从实验语言到 Linux 内核核心语言的完整历程,涵盖技术架构、代码实战、性能对比、迁移策略与未来展望
Rust
Linux内核
系统编程
内存安全
驱动开发
nginx反向代理
编程
nginx反向代理
2024-11-18 20:44:14 +0800 CST
view 2939
今天有个特殊的要求,希望能够通过固定IP直接访问公司的开发电脑。为此,使用nginx配置了代理设置,以便将外部请求转发到内部开发服务器。配置代码中设置了请求头和代理地址,确保外部访问能够正确转发到指定的内网地址。
网络配置
代理服务器
开发环境
Vue3中的v-slot指令有什么改变?
编程
Vue3中的v-slot指令有什么改变?
2024-11-18 07:32:50 +0800 CST
view 1363
Vue3中的v-slot指令经历了重要改变,采用简化语法`#`表示具名插槽,简化默认插槽的定义,并允许动态插槽名的绑定。这些变化使得插槽的使用更加直观和灵活,保留了v-slot的强大功能,提升了开发者在复杂组件中的内容管理能力。
Vue
前端开发
组件
代码
手机导航效果
2024-11-19 07:53:16 +0800 CST
view 1641
该文本展示了一个简单的HTML网页结构,包含了基本的CSS样式,用于创建一个带有下拉菜单的导航栏。导航栏包含四个链接:主页、关于、服务和联系。CSS样式定义了页面的背景颜色、文本对齐方式以及导航链接的悬停效果,增强了用户体验。
网页开发
前端设计
用户界面
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 1131
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
Superpowers 深度解析:如何用工程化工作流让 AI 编码从「随机发挥」变成「可预测交付」
编程
Superpowers 深度解析:如何用工程化工作流让 AI 编码从「随机发挥」变成「可预测交付」
2026-04-19 08:46:16 +0800 CST
view 499
Superpowers 是 GitHub 14万星的 AI 编码工程化框架,通过强制性的 Skills 工作流让 AI 从随机发挥变成可预测交付。本文深度解析其架构设计与实战用法。
AI编程
工程化工具
Superpowers
Claude Code
TDD
开发方法论
压缩go build打包的可执行文件 —— 3.4MB -> 897K
编程
压缩go build打包的可执行文件 —— 3.4MB -> 897K
2024-11-19 05:34:41 +0800 CST
view 1553
本文介绍了如何将Go编译后的可执行文件从3.4MB压缩到897K,主要通过使用UPX工具、禁用符号表与调试信息、以及禁用CGO来实现。通过这些步骤,可以显著减少文件体积,优化运行效率,适用于资源受限环境的应用部署。
Go语言
编程
软件优化
开发工具
代码
Golang 随机公平库 satmihir/fair
2024-11-19 03:28:37 +0800 CST
view 1423
FAIR是一个Go库,旨在确保资源受限环境中的公平性,帮助均匀分配有限资源,防止过度分配和资源饥饿。其核心算法基于随机公平的BLUE算法,采用多级BloomFilter数据结构,内存需求恒定。FAIR易于集成,支持自动调优和大规模客户端扩展。使用示例展示了如何安装、配置和使用该库,以实现资源的公平分配和管理。
编程
资源管理
算法
软件开发
Golang
Vue3中的Composition API如何处理副作用和生命周期函数?
编程
Vue3中的Composition API如何处理副作用和生命周期函数?
2024-11-17 04:17:50 +0800 CST
view 1066
Vue3中的CompositionAPI为开发者提供了一种新的方式来组织组件代码,增强了代码的可读性和复用性。通过使用钩子函数如`onMounted`、`onUpdated`和`onBeforeUnmount`,开发者可以灵活地处理副作用和生命周期函数,确保组件行为的精准控制和代码的良好组织。
Vue
JavaScript
前端开发
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 1402
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
GPT Image 2 + Codex 深度解析:从「vibe art」到高端网站,AI 工作流的最后一公里
编程
GPT Image 2 + Codex 深度解析:从「vibe art」到高端网站,AI 工作流的最后一公里
2026-05-09 18:28:12 +0800 CST
view 41
当 AI 能生成代码、能生成图片,却始终生成不出「好看」的网站——这个问题,终于被一个不到 100 行的 SKILL.md 解决了一半。本文深度解析 Taste-Skill + GPT Image 2 + Codex 的完整工作流,从设计图到可上线的品牌网站,全流程实操演示。
AI图像生成
OpenAI
Codex
Taste-Skill
GPT Image 2
前端开发
工作流
编程
php 连接mssql数据库
2024-11-17 05:01:41 +0800 CST
view 2780
本文记录了如何与MSSQL数据库进行对接的步骤,包括下载MSSQL数据库扩展、配置php.ini文件以及重启服务器的操作。提供了相关链接和案例,帮助用户顺利完成数据库连接和操作。
数据库
编程
PHP
MSSQL
开发
Vue3中的Composition API是什么?它有何优势?
编程
Vue3中的Composition API是什么?它有何优势?
2024-11-19 10:07:54 +0800 CST
view 1416
CompositionAPI是Vue3中新增的一项特性,允许开发者按照逻辑关注点组织代码,提升代码的复用性和可维护性。相比于OptionsAPI,CompositionAPI提供了更好的类型推断和编辑器支持,使得开发体验更加流畅。通过示例代码展示了如何在setup函数中使用CompositionAPI,强调了其在逻辑分离和代码清晰度方面的优势。
前端开发
Vue.js
编程技术
编程
PHP中集成腾讯云人脸识别服务,并将结果写入数据库
2024-11-18 23:24:17 +0800 CST
view 1461
本文展示了如何在PHP中集成腾讯云人脸识别服务,并将结果写入数据库。通过调用腾讯云的API,获取人脸识别Token,处理返回结果,并更新用户信息到本地数据库。文章还包括错误处理和数据库操作的最佳实践,确保身份验证的安全性和有效性。
人脸识别
身份验证
云计算
PHP开发
数据库
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
编程
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
2025-05-14 10:10:04 +0800 CST
view 1402
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数,可以优雅地初始化数据库连接、预热缓存和加载机器学习模型,同时在关闭时释放资源,防止资源泄露。示例代码展示了如何实现这些功能,强调了`lifespan()`的推荐使用。
FastAPI
Web开发
异步编程
资源管理
机器学习
Claude Code 不是终点:32 个 Skills + 8 个 MCP,让 AI 真正成为开发搭档
编程
Claude Code 不是终点:32 个 Skills + 8 个 MCP,让 AI 真正成为开发搭档
2026-04-29 10:04:31 +0800 CST
view 126
系统梳理 Claude Code 生态中 32 个精选 Skills 和 8 个实测可用的 MCP 服务器,覆盖前端开发、文档处理、代码质量、记忆管理等全场景,附 npm 真实包名版本和分场景安装脚本。
Claude Code
AIGC
MCP
AI Coding
Skills
前端开发
前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集
编程
前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集
2024-11-18 21:06:37 +0800 CST
view 1332
本文介绍了前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集。通过示例代码展示了如何实现一个灵活的日志工具,支持不同等级的日志输出和生产环境的日志控制,强调了日志在应用维护中的重要性。
前端开发
日志管理
代码规范
Vue3如何执行响应式数据绑定?
编程
Vue3如何执行响应式数据绑定?
2024-11-18 12:31:22 +0800 CST
view 1404
Vue3是最新版本的Vue.js,采用Proxy对象实现响应式数据绑定。通过定义拦截方法,Vue3能够监听数据对象的变化并实时更新页面内容。示例代码展示了如何使用Proxy包装数据对象,并在Vue应用中创建响应式绑定。这种机制相比于Vue2的Object.defineProperty更加灵活高效,提升了性能和扩展性。
前端开发
JavaScript框架
Web应用
FastRTC:为 Python 开发者打造的实时音视频通信利器
编程
FastRTC:为 Python 开发者打造的实时音视频通信利器
2025-05-15 09:56:44 +0800 CST
view 1880
FastRTC是一个专为Python开发者设计的开源实时通信库,简化了实时音视频应用的开发。它基于WebRTC和WebSocket,支持自动语音检测、UI生成和电话接入等功能。通过简单的API,开发者可以快速构建AI语音助手、实时翻译工具等应用。FastRTC使得实时通信变得更加易用和灵活,适合快速原型开发。
实时通信
Python开发
开源项目
AI技术
音视频应用
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
编程
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
2024-11-19 04:18:48 +0800 CST
view 1681
本文探讨如何通过WebAssembly在JavaScript应用中提升性能,以斐波那契算法为例。介绍了JavaScript的单线程问题及其对用户体验的影响,展示了如何使用WebWorker和WebAssembly进行多线程计算。通过Rust和AssemblyScript编写的WebAssembly模块,性能分别提升了66%和53%。总结指出WebAssembly是高性能计算的有效优化手段。
编程
性能优化
Web开发
前端技术
WebAssembly
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
10
11
12
13
14
...
43
下一页