程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
前端代码规范 - 图片相关
编程
前端代码规范 - 图片相关
2024-11-19 08:34:48 +0800 CST
view 1437
本文详细介绍了前端项目中图片的使用规范,包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化以及可访问性等方面。合理使用图片不仅能提升页面加载速度,还能增强用户体验和SEO效果。
前端
图片优化
用户体验
开发规范
技术文档
浏览器悄悄上线了这个 API,让跨标签页通信变得轻而易举
编程
浏览器悄悄上线了这个 API,让跨标签页通信变得轻而易举
2025-08-15 12:35:34 +0800 CST
view 1003
BroadcastChannelAPI是现代Web开发中用于同源跨标签页通信的高效解决方案。它允许不同上下文之间广播消息,支持复杂数据类型,简化了开发者的工作。通过创建频道、发送和接收消息,开发者可以轻松实现状态同步和实时协作。与传统的localStorage方法相比,BroadcastChannel提供了更直观和高效的通信方式,适用于多种场景。
Web开发
API
前端技术
浏览器
通信
Bun 1.x 深度实战:当 Zig 遇上 JavaScriptCore——从底层架构到 SIMD 性能优化、全栈工具链整合与生产级迁移的完整指南(2026)
编程
Bun 1.x 深度实战:当 Zig 遇上 JavaScriptCore——从底层架构到 SIMD 性能优化、全栈工具链整合与生产级迁移的完整指南(2026)
2026-06-18 00:23:59 +0800 CST
view 203
深入探讨 Bun 运行时的底层架构:Zig + JavaScriptCore 组合的性能奥秘、SIMD 指令集的系统化应用、全栈工具链整合方案,以及从 Node.js 迁移到 Bun 的生产级实战指南。
Bun
JavaScript
性能优化
Zig
JavaScriptCore
全栈开发
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 574
深度解析 CSS 2026 核心新特性:锚点定位彻底替代 Popper.js、原生瀑布流布局告别 JavaScript 库、滚动驱动动画实现零 JS 滚动效果。包含完整代码示例、性能对比和浏览器兼容性方案。
CSS
前端
Web开发
Anchor Positioning
Masonry
Scroll Animation
gin整合go-assets进行打包模版文件
编程
gin整合go-assets进行打包模版文件
2024-11-18 09:48:51 +0800 CST
view 1761
本文介绍了如何安装go-assets-builder工具,并通过命令行生成模板文件。安装成功后,可能需要设置环境变量以确保工具可用。提供了代码示例,展示了如何加载模板并将其打包到指定目录。最后,说明了如何重新编译代码以完成模板文件的打包。
Go语言
开发工具
模板处理
前端任务调度实战:用 rAF + rIC 提升页面流畅度
编程
前端任务调度实战:用 rAF + rIC 提升页面流畅度
2025-08-15 12:45:42 +0800 CST
view 1065
本文讨论了如何通过使用rAF(请求动画帧)和rIC(请求空闲回调)来提升前端页面的流畅度。通过合理调度高优先级的动画任务和低优先级的数据处理任务,确保动画流畅且不被阻塞,同时在浏览器空闲时处理数据,优化用户体验。提供了代码示例和实战技巧,强调任务优先级和分块处理的重要性。
前端开发
性能优化
用户体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1548
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
前端如何给页面添加水印
综合
前端如何给页面添加水印
2024-11-19 07:12:56 +0800 CST
view 1985
本文介绍了在前端页面中添加水印的多种方法,包括使用CSS背景图像、JavaScript动态创建水印和SVG实现水印。每种方法都有其适用场景,CSS适合静态水印,JavaScript适合动态内容,SVG则适合复杂图形。文中还提到用户体验和性能考虑,确保水印不会影响页面的可用性。
前端开发
网页设计
用户体验
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1305
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1562
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
综合
UGit 为程序开发者提供的强大 Git 客户端
2024-11-19 04:54:30 +0800 CST
view 3280
UGit是腾讯开源的一款强大Git客户端,专为程序开发者设计,支持Git原生功能和GitLab企业版的关键功能,如合并请求、代码评审及议题管理。UGit提供简洁的操作界面,支持多平台兼容,能够高效管理项目和团队协作,特别是在大文件管理和权限管理方面表现突出,是开发者的理想选择。
开发工具
版本控制
开源软件
团队协作
代码管理
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 1021
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步XMLHttpRequest会阻塞主线程,影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式,确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发
HTTP
用户体验
数据处理
Web技术
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1675
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
Easy-AI库,旨在帮助Python开发者轻松入门人工智能开发
综合
Easy-AI库,旨在帮助Python开发者轻松入门人工智能开发
2024-11-17 16:15:26 +0800 CST
view 1895
本文介绍了Easy-AI库,旨在帮助Python开发者轻松入门人工智能开发。内容涵盖了Easy-AI的安装、基本用法、高级特性及实际案例,展示了如何使用该库进行数据预处理、模型定义、训练和评估。Easy-AI的简洁API使得即使是初学者也能快速构建功能完善的AI系统。
人工智能
Python编程
机器学习
深度学习
开发工具
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1218
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1586
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1882
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1210
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
编程
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
2026-06-25 19:15:40 +0800 CST
view 132
深度解析 Vibe Coding 编程范式革命,从 Andrej Karpathy 的起源理论到 2026 年生产级实战,涵盖工具链对比、三段式迭代工作流、实战案例、Prompt 工程、Token 优化及 Agentic Engineering 未来展望。
Vibe Coding
AI编程
自然语言编程
Cursor
Claude Code
TRAE
开发范式
Prompt工程
上下文管理
综合
Mayfly-Go:轻量级分布式任务调度与管理平台
2024-11-18 02:19:47 +0800 CST
view 1565
Mayfly-Go是一个基于Go语言开发的轻量级分布式任务调度与管理平台,适用于前后端开发者。它具备开源社区支持、模块化设计、高性能与可扩展性,以及前后端分离架构,能够有效管理和监控系统任务,特别适合小型到中型企业和开发者个人项目。该平台简洁高效,易于上手,推荐大家试用。
项目管理
开发工具
开源软件
DevOps
任务调度
前端轮询优化指南:如何“智能”地调整请求间隔?
编程
前端轮询优化指南:如何“智能”地调整请求间隔?
2025-08-15 15:21:32 +0800 CST
view 987
本文介绍了前端轮询的优化方法,包括使用`setTimeout`替代`setInterval`避免请求重叠,采用指数退避策略优雅处理错误,以及利用PageVisibilityAPI在页面不可见时降低轮询频率。通过这些技术,能够有效减少服务器压力和资源浪费,同时提升用户体验和系统的健壮性。
前端开发
性能优化
网络请求
用户体验
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1563
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
Go语言中使用ZooKeeper进行分布式协调操作,使用开源库go-zookeeper
综合
Go语言中使用ZooKeeper进行分布式协调操作,使用开源库go-zookeeper
2024-11-19 03:41:19 +0800 CST
view 1677
本文介绍了如何在Go语言中使用ZooKeeper进行分布式协调操作,使用开源库go-zookeeper。内容涵盖了库的安装、连接ZooKeeper服务器、创建节点、检查节点存在性、获取和修改节点数据以及删除节点的基本操作。通过这些操作,开发者可以在Go中实现高效的分布式应用。
编程
分布式系统
Go语言
ZooKeeper
开发工具
Sphinx-Watch是一个基于Sphinx的自动化文档生成工具
综合
Sphinx-Watch是一个基于Sphinx的自动化文档生成工具
2024-11-19 02:28:05 +0800 CST
view 1469
Sphinx-Watch是一个基于Sphinx的自动化文档生成工具,能够监测项目文件的变化并自动生成新的文档,简化文档更新流程。本文介绍了Sphinx-Watch的安装、使用方法及高级功能,包括监控多个目录和排除特定文件,帮助开发者高效维护项目文档,确保文档内容与代码变化保持一致。
文档生成
开发工具
Python
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
24
25
26
27
28
...
52
下一页