程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST
view 1425
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用。它支持多字段搜索,提供高性能和灵活的配置选项,满足复杂的搜索需求。用户可以通过npm或yarn安装,并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景,是提升用户体验的重要工具。
前端开发
JavaScript
搜索库
用户体验
Web应用
Kimi K2.6 开源深度测评:国产模型首次登顶全球代码榜首,开发者必须知道的那些事
编程
Kimi K2.6 开源深度测评:国产模型首次登顶全球代码榜首,开发者必须知道的那些事
2026-04-28 15:51:45 +0800 CST
view 115
2026年4月20日月之暗面发布Kimi K2.6,在SWE-Bench Pro拿下58.6分首次超越GPT-5.4和Claude Opus 4.6。本文从技术架构、代码实测、API集成、性能优化、工具链集成等维度进行深度测评。
AI大模型
代码工具
Kimi
月之暗面
开源模型
SWE-Bench
开发者工具
代码审查
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 2134
这是一个基于WebCodecs实现的Web端视频编辑工具,功能类似于剪映Web版。该工具允许用户在线编辑视频,提供了便捷的编辑体验。开源地址为:https://github.com/x007xyz/fly-cut。
视频编辑
Web技术
开源工具
Go 1.24 深度解析:Swiss Tables 革新 map 性能、泛型类型别名解禁、weak 包登场
编程
Go 1.24 深度解析:Swiss Tables 革新 map 性能、泛型类型别名解禁、weak 包登场
2026-04-28 16:23:21 +0800 CST
view 127
深入解析 Go 1.24 重大更新:Swiss Tables 让 map 性能提升 20-30%、泛型类型别名八年解禁、weak 包和 runtime.AddCleanup 登场、FIPS 140-3 合规与后量子加密标准库支持。附完整代码示例与迁移指南。
Go
map
Swiss Tables
泛型
标准库
后量子
FIPS140
weak
runtime
crypto
HTML5的 input:file上传类型控制
编程
HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST
view 2847
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 2419
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
彻底解决移动端Web开发中的软键盘兼容性问题
编程
彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST
view 1284
本文分析了移动端Web开发中软键盘的兼容性问题,探讨了iOS和Android平台的差异,并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略,开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发
前端技术
移动端
用户体验
兼容性问题
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 2277
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1357
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
38个实用的JavaScript技巧
编程
38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST
view 1610
本文分享了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 702
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 1133
本文介绍了FetchAPI的使用,强调其相较于传统Ajax的优势,包括简洁的语法、灵活的配置和强大的功能。通过示例代码展示了基本的GET和POST请求、错误处理、流式数据处理等高级用法,帮助开发者更高效地进行网络请求和数据处理。
Web开发
JavaScript
API
异步编程
前端技术
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
编程
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
2026-04-19 02:46:40 +0800 CST
view 285
Shannon是Keygraph开源的白盒AI渗透测试工具,38K+ Star,XBOW基准96.15%成功率。深度解析其多Agent架构、四阶段工作流、证明式验证机制,以及CI/CD集成实战。
Shannon
AI安全
渗透测试
白盒测试
OWASP
Web安全
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 1455
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
编程
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
2025-05-11 23:15:53 +0800 CST
view 1424
本文深入探讨了`<iframe>`的使用,包括其基本概念、沙箱模式的安全性、懒加载的性能优化以及常见的嵌入场景和错误。通过示例代码,读者可以学习如何有效地使用`<iframe>`,确保安全性和性能,同时避免常见的错误和陷阱。文章还讨论了未来的替代方案,如WebComponents和微前端架构。
前端
Web开发
安全
性能优化
嵌入技术
WebSocket在消息推送中的应用代码
代码
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
view 1495
本文对比了AJAX和WebSocket在消息推送中的应用,详细介绍了AJAX的轮询和长轮询方法,以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码,并封装了WebSocket管理器,支持连接建立、消息发送和重连机制,适合高效的实时消息推送场景。
Web开发
实时通信
前端技术
Node.js
编程
编程
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
view 1815
Nginx的`rewrite`指令用于根据请求的URI重写路径,适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例,包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向,并优先考虑使用`try_files`指令。
Nginx
Web服务器
URL管理
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 1141
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
Superpowers 深度解析:如何用工程化工作流让 AI 编码从「随机发挥」变成「可预测交付」
编程
Superpowers 深度解析:如何用工程化工作流让 AI 编码从「随机发挥」变成「可预测交付」
2026-04-19 08:46:16 +0800 CST
view 549
Superpowers 是 GitHub 14万星的 AI 编码工程化框架,通过强制性的 Skills 工作流让 AI 从随机发挥变成可预测交付。本文深度解析其架构设计与实战用法。
AI编程
工程化工具
Superpowers
Claude Code
TDD
开发方法论
WASM 2.0 时代来临:Component Model 如何让 WebAssembly 成为真正的跨语言平台
编程
WASM 2.0 时代来临:Component Model 如何让 WebAssembly 成为真正的跨语言平台
2026-05-09 17:16:19 +0800 CST
view 139
深入解析 WebAssembly Component Model 和 WASI 2.0 的核心概念:WIT 接口定义语言、World 组件描述、Canonical ABI 数据转换规则,以及如何构建跨语言的 WASM 组件。
WebAssembly
WASI
Component Model
WIT
WASM
WASI 2.0
Rust
Go
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 1411
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
如何在单页应用(SPA)中实现版本更新检测机制
编程
如何在单页应用(SPA)中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST
view 1733
本文探讨了如何在单页应用(SPA)中实现版本更新检测机制。由于SPA的特性,用户可能无法及时获取最新版本,导致功能和安全性问题。文中提供了两种方案:一种是比较构建文件的哈希值,另一种是利用HTTP协议的缓存机制(Etag和Last-Modified)进行版本检测。通过这些方法,可以有效提示用户更新,确保他们使用最新的应用版本。
前端开发
Web应用
用户体验
版本控制
技术方案
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
编程
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
2025-05-14 10:10:04 +0800 CST
view 1420
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数,可以优雅地初始化数据库连接、预热缓存和加载机器学习模型,同时在关闭时释放资源,防止资源泄露。示例代码展示了如何实现这些功能,强调了`lifespan()`的推荐使用。
FastAPI
Web开发
异步编程
资源管理
机器学习
Vue3如何执行响应式数据绑定?
编程
Vue3如何执行响应式数据绑定?
2024-11-18 12:31:22 +0800 CST
view 1424
Vue3是最新版本的Vue.js,采用Proxy对象实现响应式数据绑定。通过定义拦截方法,Vue3能够监听数据对象的变化并实时更新页面内容。示例代码展示了如何使用Proxy包装数据对象,并在Vue应用中创建响应式绑定。这种机制相比于Vue2的Object.defineProperty更加灵活高效,提升了性能和扩展性。
前端开发
JavaScript框架
Web应用
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
15
下一页