程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST
view 1371
本文介绍了10个罕见的HTML标签,这些标签在开发中很少被使用。包括`<abbr>`用于缩写,`<q>`用于引用,`<s>`用于删除线,`<mark>`用于高亮,`<wbr>`用于文本换行,`<details>`用于可展开内容,`<optgroup>`用于下拉列表分组,`<datalist>`用于自动完成,`<fieldset>`用于表单分组,以及`<sup>`和`<sub>`用于上标和下标。
HTML
Web开发
前端技术
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
编程
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
2025-07-21 19:11:45 +0800 CST
view 1118
在前端开发中,生成绝对唯一的ID是常见需求。传统方法如`Date.now()`和自增计数器存在重复风险。推荐使用`crypto.randomUUID()`,它提供加密级别的随机性和全局唯一性,适合生产环境。对于旧浏览器,可以使用`uuid`库作为降级方案。总结了不同生成方法的优缺点,强调了现代标准的重要性。
前端开发
唯一性
安全性
技术标准
编程技巧
TypeScript 6.0 深度解析:JavaScript 的「最后之舞」与通向 Go 原生编译的过渡桥梁
编程
TypeScript 6.0 深度解析:JavaScript 的「最后之舞」与通向 Go 原生编译的过渡桥梁
2026-05-17 08:44:26 +0800 CST
view 219
TypeScript 6.0 深度解析:JS最后之舞、Map新方法、Temporal API、配置现代化、破坏性更新,以及TypeScript-Go原生编译器前瞻
TypeScript
JavaScript
Go
编译器
前端
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 1124
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑
综合
2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑
2024-11-19 06:37:21 +0800 CST
view 2748
Vue3.5引入的useTemplateRef函数解决了使用ref时的一些直觉问题,使得模板中的ref属性与script中的ref变量绑定更加合理。通过useTemplateRef,开发者可以更方便地在模板中获取DOM元素或子组件,简化了代码并提升了编程直觉。
Vue
前端开发
JavaScript
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1543
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 920
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1390
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1221
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
编程
php在使用JQuery.lazyload图片懒加载时,正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST
view 3806
在页面有很多大图时,为了提升用户体验和减轻服务器压力,通常会使用图片懒加载技术。使用lazyload时,需要将图片的src值设置为占位符,并将真实路径赋给original,以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性,并使用jquery.lazyload实现懒加载效果。
前端开发
性能优化
技术实现
微信小程序开发资源汇总
编程
微信小程序开发资源汇总
2026-05-11 16:11:29 +0800 CST
view 184
本文档汇总了微信小程序开发的官方资源(设计指南、开发教程、框架、组件、API、开发者工具)以及丰富的第三方工具、插件、组件和后端SDK。
微信小程序
开发资源
前端框架
UI组件
Demo示例
工具插件
掌握现代 Web API:2024 年强大浏览器功能指南
编程
掌握现代 Web API:2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST
view 1409
本指南探讨了2024年现代Web开发中关键的WebAPI,包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具,以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发
API
前端技术
用户体验
安全性
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
编程
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
2025-07-25 19:33:08 +0800 CST
view 1208
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持,使其能够像Vue一样使用App.vue。通过该插件,开发者可以轻松集成全局组件,如Toast、Loading等,解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤,以及示例代码,帮助开发者更好地使用uni-app。
uni-app
Vue
前端开发
插件
组件
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 460
深入解析 AG-UI 协议,探讨其如何标准化 AI Agent 与前端应用之间的实时双向通信,包括架构设计、事件系统、代码实战和生态定位
AI Agent
前端交互
AG-UI
MCP
A2A
SSE
协议标准化
Svelte 5 深度实战:从编译时优化到 Runes 响应式系统——2026 年前端框架性能之巅完全指南
编程
Svelte 5 深度实战:从编译时优化到 Runes 响应式系统——2026 年前端框架性能之巅完全指南
2026-05-24 03:30:59 +0800 CST
view 181
在 React、Vue、Angular 三足鼎立的现代前端界,Svelte 5 带着编译时优化的革命性理念和 Runes 响应式系统强势来袭。本文将深入 Svelte 5 的内核架构,从编译器设计、响应式原理、组件机制到生产级性能优化,用大量代码示例和实战案例,带你掌握这款编译型框架的真正威力。
Svelte 5
前端框架
编译时优化
Runes
响应式编程
SvelteKit
性能优化
Web开发
windows下升级node引发的一系列问题
编程
windows下升级node引发的一系列问题
2024-11-17 18:45:16 +0800 CST
view 4278
由于项目需要升级node程序,用户下载并安装了新的node版本。升级后,npm无法使用,提示找不到vue.js模块。用户通过删除npm和node_modules目录,重新安装vue-cli和@vue/cli解决了问题。最后提醒用户设置环境变量以确保命令可用。
Node.js
前端开发
软件安装
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 1855
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
WebGPU 计算着色器深度解析:WGSL 编程范式与 GPU 并行计算实战
编程
WebGPU 计算着色器深度解析:WGSL 编程范式与 GPU 并行计算实战
2026-05-17 11:46:05 +0800 CST
view 201
深入解析 WebGPU 计算着色器与 WGSL 着色语言,从架构原理到代码实战,涵盖图像处理、粒子模拟、神经网络推理三大场景,探讨 GPU 并行计算的优化策略与生态趋势。
WebGPU
WGSL
Compute Shader
GPU编程
并行计算
JavaScript
前端性能
GPGPU
Svelte 5 编译时优化完全指南:用 Runes 响应式系统碾压虚拟 DOM
编程
Svelte 5 编译时优化完全指南:用 Runes 响应式系统碾压虚拟 DOM
2026-05-24 03:31:37 +0800 CST
view 140
Svelte 5 的编译时优化和 Runes 响应式系统彻底颠覆了传统前端框架的性能模型。本文从编译器原理、响应式机制、组件架构到生产级性能优化,用大量代码示例和基准测试数据,证明 Svelte 如何碾压虚拟 DOM 框架。
Svelte 5
前端框架
编译时优化
Runes
响应式编程
SvelteKit
性能优化
Web开发
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
编程
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
2026-06-03 09:40:17 +0800 CST
view 31
深入解析 LeaferJS 这款国产 Canvas 引擎,从底层架构设计到生产级图形编辑器实战,包含性能优化策略、四叉树命中检测、脏矩形渲染等核心技术原理与代码示例。
LeaferJS
Canvas
前端图形
性能优化
开源项目
什么是Axios? 为什么要封装? 如何优雅地封装?
编程
什么是Axios? 为什么要封装? 如何优雅地封装?
2024-11-17 21:34:28 +0800 CST
view 1530
本文介绍了Axios的基本概念及其封装的必要性和步骤。Axios是一个用于在浏览器和Node.js中发送请求的库,封装Axios可以简化重复代码和处理响应逻辑。文章提供了如何创建Axios实例、配置基本信息、使用拦截器以及封装请求方法的详细示例,帮助开发者优雅地管理API请求。
前端开发
JavaScript
API请求
3MB就能跑PostgreSQL:PGlite如何用WebAssembly彻底改变前端数据库生态
编程
3MB就能跑PostgreSQL:PGlite如何用WebAssembly彻底改变前端数据库生态
2026-05-11 17:27:19 +0800 CST
view 201
PGlite将完整PostgreSQL编译为WebAssembly,在浏览器里跑真正的数据库。3MB gzip、无依赖、完整SQL支持、ACID事务、pgvector向量搜索。本文深度解析PGlite技术架构,并从零构建本地优先AI笔记应用实战。
PGlite
PostgreSQL
WebAssembly
前端数据库
WASM
本地优先
pgvector
《蜂巢式前端架构革命》——easy.ui 全景解析
编程
《蜂巢式前端架构革命》——easy.ui 全景解析
2025-08-05 08:16:20 +0800 CST
view 951
《蜂巢式前端架构革命》介绍了easy.ui的微前端架构,旨在解决传统单体前端项目中团队协作、构建部署耦合等问题。通过将单页面拆分为多个独立的子项目,easy.ui实现了低耦合、高隔离的设计,支持统一入口与编排。文中详细分析了核心功能、技术栈选型及未来发展蓝图,为前端团队提供了有效的架构方案。
前端架构
微服务
团队协作
性能优化
技术栈
React 19 useActionState 深度解析:从三Hook协作到循环队列调度的内核级剖析
编程
React 19 useActionState 深度解析:从三Hook协作到循环队列调度的内核级剖析
2026-05-17 12:44:17 +0800 CST
view 185
React 19 useActionState 深度解析,从三Hook协作、循环队列调度、Transition上下文恢复到Thenable状态追踪,源码级剖析内核实现机制。
React 19
useActionState
React Hooks
前端框架
源码分析
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
14
15
16
17
18
...
34
下一页