程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 1906
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
WebGPU 计算着色器深度解析:WGSL 编程范式与 GPU 并行计算实战
编程
WebGPU 计算着色器深度解析:WGSL 编程范式与 GPU 并行计算实战
2026-05-17 11:46:05 +0800 CST
view 302
深入解析 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 254
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 216
深入解析 LeaferJS 这款国产 Canvas 引擎,从底层架构设计到生产级图形编辑器实战,包含性能优化策略、四叉树命中检测、脏矩形渲染等核心技术原理与代码示例。
LeaferJS
Canvas
前端图形
性能优化
开源项目
什么是Axios? 为什么要封装? 如何优雅地封装?
编程
什么是Axios? 为什么要封装? 如何优雅地封装?
2024-11-17 21:34:28 +0800 CST
view 1582
本文介绍了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 292
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 994
《蜂巢式前端架构革命》介绍了easy.ui的微前端架构,旨在解决传统单体前端项目中团队协作、构建部署耦合等问题。通过将单页面拆分为多个独立的子项目,easy.ui实现了低耦合、高隔离的设计,支持统一入口与编排。文中详细分析了核心功能、技术栈选型及未来发展蓝图,为前端团队提供了有效的架构方案。
前端架构
微服务
团队协作
性能优化
技术栈
React 19 useActionState 深度解析:从三Hook协作到循环队列调度的内核级剖析
编程
React 19 useActionState 深度解析:从三Hook协作到循环队列调度的内核级剖析
2026-05-17 12:44:17 +0800 CST
view 281
React 19 useActionState 深度解析,从三Hook协作、循环队列调度、Transition上下文恢复到Thenable状态追踪,源码级剖析内核实现机制。
React 19
useActionState
React Hooks
前端框架
源码分析
综合
使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。 等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST
view 3017
VbenAdmin是一个流行的中后台管理系统框架,支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式,提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架,便于开发者根据需求选择组件库。安装要求Node.js20及以上,并需使用指定版本的pnpm。
前端框架
开发工具
项目管理
开源
Vue 3 新指令 v-memo:终极渲染性能优化神器**
编程
Vue 3 新指令 v-memo:终极渲染性能优化神器**
2025-08-06 12:58:41 +0800 CST
view 965
Vue3引入了新指令v-memo,用于有条件地跳过不必要的元素或组件更新,从而优化渲染性能。通过依赖数组,只有当依赖值变化时,相关元素才会重新渲染,避免频繁的更新检查,特别适合长列表场景。v-memo是v-if和v-show的补充,提供了更高效的渲染策略。
前端开发
性能优化
Vue框架
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
综合
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST
view 1678
本文详细介绍了`Navigator`对象的各个属性,包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性,提供了如何在实际应用中利用这些信息的示例代码,帮助开发者更好地理解和使用这些API,以优化用户体验和应用性能。
Web开发
浏览器API
前端技术
用户体验
JavaScript
综合
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项
2024-11-19 06:43:02 +0800 CST
view 2534
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项。用户可以通过简单的安装步骤将其集成到项目中,支持多种扩展和主题,提升文档管理和文章编辑的体验。
开发工具
前端
开源项目
Markdown编辑器
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 1169
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
编程
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
2024-11-18 19:15:09 +0800 CST
view 1353
Vue.js中的v-for指令用于遍历多种数据结构,包括数组、对象、数值和字符串。通过示例代码,展示了如何使用v-for遍历数组中的元素、对象的属性、数值范围以及字符串中的字符。v-for的灵活性使得开发者能够高效地展示和处理数据,提升开发效率。
Vue
前端开发
JavaScript
ECMAScript 2026 深度解析:Iterator Helpers、显式资源管理与 RegExp.escape 如何重塑现代 JavaScript 开发范式
编程
ECMAScript 2026 深度解析:Iterator Helpers、显式资源管理与 RegExp.escape 如何重塑现代 JavaScript 开发范式
2026-04-21 08:18:28 +0800 CST
view 495
ECMAScript 2026 深度解析:从 Iterator Helpers 的惰性求值、using 显式资源管理、RegExp.escape 安全转义到 Float16Array AI 加速,全面拆解 ES2026 七大核心特性的设计动机、底层原理与实战用法。
JavaScript
ECMAScript
ES2026
前端开发
编程语言
编程
vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST
view 3664
在打包项目时遇到白屏错误,控制台显示压缩代码导致无法定位问题。经过几个小时的尝试,决定取消map过滤进行打包,最终发现错误源于Vuex的使用方式。修改后重新打包,问题得到解决,主要是由于自己的疏忽。
前端开发
错误调试
Vue框架
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1507
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
编程
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
2024-11-17 04:39:54 +0800 CST
view 1463
VueRouter中的导航守卫是控制路由跳转的重要功能,包括`beforeEach`、`beforeResolve`和`afterEach`。`beforeEach`在路由跳转前执行,通常用于权限控制;`beforeResolve`在组件守卫解析后、导航确认前执行,适合异步操作;`afterEach`在导航成功后执行,常用于日志记录。合理使用这些守卫可以实现复杂的路由控制逻辑。
前端开发
路由管理
Vue.js
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
编程
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST
view 2027
本文介绍了浏览器原生的图片懒加载功能,通过使用HTML属性loading=\"lazy\",开发者可以轻松实现高效的懒加载,提升网页性能,减少流量消耗。与传统的JavaScript懒加载相比,原生支持的实现更简单,性能开销更低,同时提供了最佳实践和使用注意事项,以确保良好的用户体验。
懒加载
前端开发
网页性能
JavaScript
html
编程
vue打包正式环境隐藏源代码的方法
2024-11-19 06:30:42 +0800 CST
view 4243
本文讨论了打包map的作用,强调其在调试时帮助定位问题的重要性。通过设置vue.config.js中的productionSourceMap为false,可以实现不生成打包map文件的效果,从而在调试时无法通过F12查看问题。
前端开发
Vue.js
调试工具
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1475
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
编程
10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST
view 1250
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索,解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建,结合WebWorker技术,优化搜索体验,确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践,以提升用户体验。
前端开发
性能优化
搜索技术
Chrome DevTools MCP 深度实战:当 Model Context Protocol 打通 AI 与浏览器的最后一公里
编程
Chrome DevTools MCP 深度实战:当 Model Context Protocol 打通 AI 与浏览器的最后一公里
2026-06-17 20:58:22 +0800 CST
view 34
深入剖析 Chrome DevTools MCP 架构设计、核心工具矩阵、生产级实战代码,探讨 MCP 协议如何让 AI 编程助手直接操控浏览器。
Chrome DevTools
MCP
AI编程
浏览器自动化
CDP
前端开发
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1448
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
10
11
12
13
14
...
32
下一页