程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 2236
这是一个基于WebCodecs实现的Web端视频编辑工具,功能类似于剪映Web版。该工具允许用户在线编辑视频,提供了便捷的编辑体验。开源地址为:https://github.com/x007xyz/fly-cut。
视频编辑
Web技术
开源工具
HTML5的 input:file上传类型控制
编程
HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST
view 2947
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 2488
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
彻底解决移动端Web开发中的软键盘兼容性问题
编程
彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST
view 1371
本文分析了移动端Web开发中软键盘的兼容性问题,探讨了iOS和Android平台的差异,并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略,开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发
前端技术
移动端
用户体验
兼容性问题
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 2378
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1463
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
38个实用的JavaScript技巧
编程
38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST
view 1686
本文分享了38个实用的JavaScript技巧,涵盖页面操作、日期处理、数组处理、数字转换等多个方面,旨在提升开发效率。每个技巧都附有代码示例,便于读者理解和应用。希望这些技巧能帮助开发者更高效地完成工作。
编程
Web开发
技术分享
JavaScript
Rust 1.95.0 深度解析:cfg_select! 宏与 wasm-pack 1.0 如何重塑系统编程与 Web 开发生态
编程
Rust 1.95.0 深度解析:cfg_select! 宏与 wasm-pack 1.0 如何重塑系统编程与 Web 开发生态
2026-04-19 01:15:29 +0800 CST
view 877
Rust 1.95.0 正式发布,cfg_select! 宏让条件编译回归语言原生,wasm-pack 1.0 让 WebAssembly 真正具备生产环境落地的能力。本文深入解析两大技术如何重塑系统编程与 Web 开发生态。
Rust
WebAssembly
wasm-pack
系统编程
前端开发
抛弃 Ajax:拥抱更简洁强大的 Fetch API
编程
抛弃 Ajax:拥抱更简洁强大的 Fetch API
2025-05-09 09:31:56 +0800 CST
view 1221
本文介绍了FetchAPI的使用,强调其相较于传统Ajax的优势,包括简洁的语法、灵活的配置和强大的功能。通过示例代码展示了基本的GET和POST请求、错误处理、流式数据处理等高级用法,帮助开发者更高效地进行网络请求和数据处理。
Web开发
JavaScript
API
异步编程
前端技术
Little Snitch for Linux 开源深度解析:当 macOS 传奇防火墙「杀入」Linux 生态
编程
Little Snitch for Linux 开源深度解析:当 macOS 传奇防火墙「杀入」Linux 生态
2026-04-10 00:25:47 +0800 CST
view 475
2026年4月8日Objective Development开源Little Snitch for Linux的eBPF核心代码。本文从源码出发,深度拆解其架构设计、过滤引擎算法、eBPF内核空间实现与用户态程序。
Linux
eBPF
网络安全
Rust
Firewall
Little Snitch
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
编程
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST
view 139
Vue Print Designer是一款可视化打印设计器,面向业务表单、标签、票据、快递单等场景,支持模板化、变量化,并提供静默打印与云打印能力,同时兼容多种导出/打印方式。基于Web Components,零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue
打印设计器
开源
Web Components
可视化
打印
表单设计
标签打印
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 1529
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
编程
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
2025-05-11 23:15:53 +0800 CST
view 1529
本文深入探讨了`<iframe>`的使用,包括其基本概念、沙箱模式的安全性、懒加载的性能优化以及常见的嵌入场景和错误。通过示例代码,读者可以学习如何有效地使用`<iframe>`,确保安全性和性能,同时避免常见的错误和陷阱。文章还讨论了未来的替代方案,如WebComponents和微前端架构。
前端
Web开发
安全
性能优化
嵌入技术
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
编程
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
2026-05-16 11:46:26 +0800 CST
view 213
WebMCP深度实战:Google与Microsoft联合推动的浏览器原生AI交互协议,从双轨API到工具契约机制,完整代码实战与性能对比分析
WebMCP
AI Agent
浏览器API
MCP协议
前端开发
DuckLake v1.0 深度解析:DuckDB 团队如何用关系型数据库颠覆数据湖架构——926 倍性能背后的湖仓一体新范式
编程
DuckLake v1.0 深度解析:DuckDB 团队如何用关系型数据库颠覆数据湖架构——926 倍性能背后的湖仓一体新范式
2026-05-09 13:14:28 +0800 CST
view 561
DuckDB 团队于 2026 年 4 月 13 日发布 DuckLake v1.0——一种用关系型数据库存储元数据的湖仓一体新范式。官方基准显示查询速度比 Iceberg 快 926 倍,数据摄取快 105 倍。本文深入解析其架构原理、数据内联机制、性能差异根因及实战代码。
DuckDB,DuckLake,数据湖,湖仓一体,Apache Iceberg,Delta Lake,Parquet,OLAP
Dirty Frag 深度实战:Linux 内核零拷贝页缓存污染漏洞——从 splice() 注入到双链提权的完整技术剖析
编程
Dirty Frag 深度实战:Linux 内核零拷贝页缓存污染漏洞——从 splice() 注入到双链提权的完整技术剖析
2026-05-16 12:14:12 +0800 CST
view 318
深度剖析 Linux 内核 Dirty Frag 漏洞链,从 splice() 零拷贝注入到 xfrm-ESP 与 RxRPC 双链提权的完整技术实战,含防护方案与 eBPF 检测
Linux
内核安全
漏洞分析
提权
零拷贝
eBPF
编程
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
view 1918
Nginx的`rewrite`指令用于根据请求的URI重写路径,适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例,包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向,并优先考虑使用`try_files`指令。
Nginx
Web服务器
URL管理
Tauri 2.0 深度实战:当 Rust 后端遇上系统 WebView——从架构原理到生产级桌面应用开发的完全指南(2026)
编程
Tauri 2.0 深度实战:当 Rust 后端遇上系统 WebView——从架构原理到生产级桌面应用开发的完全指南(2026)
2026-06-10 18:21:18 +0800 CST
view 32
Tauri 2.0深度实战教程,从架构原理到生产级桌面应用开发,包含IPC通信、权限模型、插件生态、性能优化与完整项目实战
Tauri
Rust
桌面开发
Electron
WebView
跨平台
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 1219
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
WASM 2.0 时代来临:Component Model 如何让 WebAssembly 成为真正的跨语言平台
编程
WASM 2.0 时代来临:Component Model 如何让 WebAssembly 成为真正的跨语言平台
2026-05-09 17:16:19 +0800 CST
view 307
深入解析 WebAssembly Component Model 和 WASI 2.0 的核心概念:WIT 接口定义语言、World 组件描述、Canonical ABI 数据转换规则,以及如何构建跨语言的 WASM 组件。
WebAssembly
WASI
Component Model
WIT
WASM
WASI 2.0
Rust
Go
eBPF 深度实战:当 Linux 内核变成可编程沙箱——从零理解内核级可观测性到生产级性能调优的完全指南(2026)
编程
eBPF 深度实战:当 Linux 内核变成可编程沙箱——从零理解内核级可观测性到生产级性能调优的完全指南(2026)
2026-06-10 19:21:48 +0800 CST
view 58
eBPF从原理到生产的完全指南:架构解析、Map机制、Hook点详解、延迟分析器/SQL审计/容器防火墙实战、XDP性能调优、KernelScript 0.1、OTel融合、安全攻防
eBPF
Linux
可观测性
性能优化
内核
KernelScript
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 1480
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
如何在单页应用(SPA)中实现版本更新检测机制
编程
如何在单页应用(SPA)中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST
view 1825
本文探讨了如何在单页应用(SPA)中实现版本更新检测机制。由于SPA的特性,用户可能无法及时获取最新版本,导致功能和安全性问题。文中提供了两种方案:一种是比较构建文件的哈希值,另一种是利用HTTP协议的缓存机制(Etag和Last-Modified)进行版本检测。通过这些方法,可以有效提示用户更新,确保他们使用最新的应用版本。
前端开发
Web应用
用户体验
版本控制
技术方案
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
编程
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
2025-05-14 10:10:04 +0800 CST
view 1509
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数,可以优雅地初始化数据库连接、预热缓存和加载机器学习模型,同时在关闭时释放资源,防止资源泄露。示例代码展示了如何实现这些功能,强调了`lifespan()`的推荐使用。
FastAPI
Web开发
异步编程
资源管理
机器学习
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
36
37
38
39
40
...
51
下一页