程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
2025-03-16 08:54:19 +0800 CST
view 1399
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理,避免了嵌套回调和内存泄漏,提供了更优雅的异步事件处理方式。通过简洁的代码示例,ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准,ObservableAPI代表了前端开发的未来方向。
前端技术
JavaScript
Web开发
API
异步编程
什么是Vue实例(Vue Instance)?
编程
什么是Vue实例(Vue Instance)?
2024-11-19 06:04:20 +0800 CST
view 1292
Vue实例是Vue.js框架的核心对象,用于管理应用的数据、模板和方法。通过Vue构造函数创建实例,可以实现数据的双向绑定和DOM的渲染。实例化时可传入选项,如el、data、methods等,定义实例的行为。Vue实例拥有完整的生命周期,包括创建、挂载、更新和销毁等阶段,允许在不同阶段执行自定义逻辑。
前端开发
JavaScript
框架
编程
CSS Grid 和 Flexbox 的主要区别
2024-11-18 23:09:50 +0800 CST
view 1772
CSSGrid和Flexbox是CSS中的两种布局工具。Flexbox适合一维布局,主要控制项目在主轴和交叉轴上的排列;而CSSGrid则擅长二维布局,能够同时处理行和列。两者各有特点,Flexbox更注重项目的排列和对齐,Grid则适合复杂的网格结构。根据不同的布局需求,选择合适的工具以获得最佳效果。
CSS
前端开发
网页布局
Vue中的指令是什么?如何使用指令?
编程
Vue中的指令是什么?如何使用指令?
2024-11-17 04:30:33 +0800 CST
view 1147
本文深入探讨了Vue.js中的指令概念及其使用方法。指令是以`v-`前缀开头的特殊属性,用于响应式地操作DOM。常用指令包括`v-model`、`v-bind`和`v-show`,它们分别用于双向绑定、动态属性绑定和控制元素显示。通过示例代码,展示了如何在Vue实例中应用这些指令,强调了指令在提高开发效率和用户体验方面的重要性。
前端
Vue.js
JavaScript
代码
一些实用的前端开发工具网站
2024-11-18 14:30:55 +0800 CST
view 1693
本文介绍了一些实用的前端开发工具网站,包括生成CSS阴影效果、动画图标、CSSGrid布局、前端开发工具箱以及SVG波浪形状生成器。这些工具旨在帮助程序员提高开发效率,简化设计过程,提供丰富的视觉效果和动画支持。
前端开发
网页设计
开发工具
一个安全支付表单的HTML结构和样式
代码
一个安全支付表单的HTML结构和样式
2025-03-18 17:39:01 +0800 CST
view 1336
该文本描述了一个安全支付表单的HTML结构和样式,使用Bootstrap框架和FontAwesome图标。表单包括卡持有人姓名、卡号、过期日期和CVV字段,并实现了实时验证功能。JavaScript用于处理表单提交和验证逻辑,确保用户输入有效。整体设计注重用户体验和安全性。
支付
前端开发
Web设计
Rust 正在吞噬前端工具链:2026 年生态全景与深度架构解析
编程
Rust 正在吞噬前端工具链:2026 年生态全景与深度架构解析
2026-04-18 00:16:25 +0800 CST
view 669
深度解析 2026 年 Rust 在前端工具链的完整生态,涵盖 Rspack、Rolldown、Oxc、Biome 等核心工具,从架构原理到实战代码,从性能数据到迁移策略,10000字长文覆盖一切。
Rust
前端工具链
构建工具
Rspack
Rolldown
Oxc
Biome
Rolldown 1.0 深度实战:当 Rust 重写前端打包器——从 Vite 8 底层引擎到 10-30 倍性能飞跃的生产级完全指南
编程
Rolldown 1.0 深度实战:当 Rust 重写前端打包器——从 Vite 8 底层引擎到 10-30 倍性能飞跃的生产级完全指南
2026-06-15 17:21:29 +0800 CST
view 210
Rolldown 1.0 用 Rust 融合 Rollup 生态兼容与 esbuild 极致性能,成为 Vite 8 统一底层引擎。从架构设计到 Tree-shaking 精度革命、代码分割策略、插件兼容、Vite 迁移实战的生产级完全指南。
Rolldown
Rust
Vite
打包器
Tree-shaking
前端工程化
oxc
什么是Vue模板语法?它有哪些特点?
编程
什么是Vue模板语法?它有哪些特点?
2024-11-18 11:30:14 +0800 CST
view 1220
Vue模板语法是Vue.js用于创建动态内容的语法,允许开发者将数据绑定到DOM元素上,简化前端开发。它的特点包括插值表达式、丰富的指令、数据过滤器和计算属性,帮助开发者高效处理交互逻辑和数据展示。通过这些特性,开发者可以专注于业务逻辑,而无需过多关注DOM操作。
前端开发
JavaScript
Vue.js
框架
数据绑定
编程
CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等
2024-11-18 04:21:38 +0800 CST
view 1500
本文分享了一些实用的CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等。详细介绍了如何使用CSS属性如filter、text-overflow、mask等来实现各种视觉效果,并提供了相应的代码示例,旨在帮助网页设计师提升设计的美观性和功能性。
网页设计
前端开发
CSS技巧
Vue中如何使用API发送异步请求?
编程
Vue中如何使用API发送异步请求?
2024-11-19 10:04:27 +0800 CST
view 1468
本文介绍了如何在Vue中使用API发送异步请求,重点讲解了VueResource插件的安装与使用。通过示例代码,展示了如何在Vue应用中发送GET请求、处理响应及错误。使用VueResource可以简化异步请求的过程,提高用户体验和页面性能。希望对前端开发者理解异步请求有所帮助。
前端
Vue.js
异步编程
综合
CSS 特效与资源推荐
2024-11-19 00:43:31 +0800 CST
view 1964
在前端开发中,CSS3用于创建各种特效,许多开发者在处理复杂特效时遇到困难。本文推荐了三个CSS样式资源网站,包括Uiverse和CSS灵感,提供丰富的特效和源码,帮助提升开发效率。Uiverse汇集了常用UI组件,CSS灵感则整理了页面布局和特效源码,适合用于现代前端项目。
前端开发
CSS
设计
资源推荐
动画效果
Vue3中如何扩展VNode?
编程
Vue3中如何扩展VNode?
2024-11-17 19:33:18 +0800 CST
view 1441
本文介绍了如何在Vue3中扩展VNode,首先解释了VNode的概念及其在Vue中的重要性。通过自定义指令,可以在VNode生成过程中添加自定义属性。示例中展示了如何创建自定义指令并在模板中使用,最终实现了在VNode中添加属性并打印其值的功能,展示了自定义指令的灵活性和扩展性。
Vue
前端开发
虚拟DOM
Vue3 组件通信详解:父传子、子传父与兄弟组件通信
编程
Vue3 组件通信详解:父传子、子传父与兄弟组件通信
2025-03-21 08:45:59 +0800 CST
view 1479
本文详细讲解了Vue3中组件之间的通信方式,包括父传子、子传父和兄弟组件通信。通过示例代码展示了如何使用Props和Emit进行父子组件通信,以及通过父组件中转、事件总线、Pinia和Provide/Inject实现兄弟组件之间的通信。每种方式都有其优缺点和适用场景,适合不同规模的应用程序。
Vue
前端开发
组件
React 19.2 深度解析与 React Foundation 成立:前端生态的转折点
编程
React 19.2 深度解析与 React Foundation 成立:前端生态的转折点
2026-06-28 17:44:59 +0800 CST
view 32
深入解析 React 19.2 的 Activity 组件、useEffectEvent、Performance Tracks 等核心特性,以及 React Foundation 成立的意义
React19
ReactFoundation
前端开发
Activity
useEffectEvent
PerformanceTracks
Vue3中如何处理WebSocket通信?
编程
Vue3中如何处理WebSocket通信?
2024-11-19 09:50:58 +0800 CST
view 2399
本文介绍了如何在Vue3中处理WebSocket通信,包括安装WebSocket库、创建WebSocket实例以及在Vue组件中使用WebSocket的步骤。通过示例代码,展示了如何实现实时消息发送与接收,适用于在线聊天等场景,提升用户体验和应用交互性。
前端开发
实时通信
Vue框架
在Vue中,你有使用过的单文件组件吗?
编程
在Vue中,你有使用过的单文件组件吗?
2024-11-17 04:30:45 +0800 CST
view 1305
本文探讨了Vue的单文件组件(SFC),它将HTML模板、JavaScript代码和CSS样式封装在一个.vue文件中,简化了项目结构和维护。通过示例创建了一个名为HelloWorld的组件,展示了如何定义模板、脚本和样式,并在页面中使用该组件。单文件组件提高了开发效率和代码可读性,促进了组件化开发的实践。
前端开发
Vue.js
组件设计
综合
JeeSiteVue3是一个基于Vue3、Vite、Ant-Design-Vue、TypeScript和VueVbenAdmin的前端开发框架
2024-11-18 04:13:02 +0800 CST
view 1631
JeeSiteVue3是一个基于Vue3、Vite、Ant-Design-Vue、TypeScript和VueVbenAdmin的前端开发框架,提供高效的开发环境和丰富的功能模块。它支持灵活的权限管理、数据权限控制和用户界面优化,适用于小型到中大型项目。通过数据驱动视图的方式,JeeSiteVue3实现了视图的高度定制化,提升了开发效率和用户体验。
前端框架
开发工具
技术栈
用户体验
项目管理
前端中的 File 和 Blob 两个对象到底有什么不同
编程
前端中的 File 和 Blob 两个对象到底有什么不同
2024-11-18 14:50:11 +0800 CST
view 1631
本文详细介绍了JavaScript中的File和Blob对象的区别与应用。Blob用于表示不可变的二进制数据,适合处理大型文件,而File是Blob的子类,包含文件的元数据。通过示例代码,展示了如何创建、读取和上传Blob和File对象,以及它们在实际应用中的使用场景。
JavaScript
前端开发
文件处理
数据结构
WebAPI
Vue中的响应式数组有什么特点吗?
编程
Vue中的响应式数组有什么特点吗?
2024-11-18 19:31:29 +0800 CST
view 1257
Vue中的响应式数组是一个重要特性,能够在数据变化时自动更新UI。它通过劫持数组方法和支持特殊方法(如$set和$delete)来保持数据与视图的同步。开发者可以直接修改数组元素或使用数组方法安全地更新数组。正确更新响应式数组对前端开发至关重要,简化了开发工作并提升了应用性能和用户体验。
前端开发
Vue
JavaScript
utoo 深度实战:支付宝 76 倍冷启动加速的 npm 包管理器——从 Rust 多线程架构到三级缓存的全链路解析
编程
utoo 深度实战:支付宝 76 倍冷启动加速的 npm 包管理器——从 Rust 多线程架构到三级缓存的全链路解析
2026-05-09 01:39:21 +0800 CST
view 322
支付宝体验技术部推出的 Rust 版 npm 包管理器 utoo 深度解析,从双运行时架构到三级缓存,全方位拆解 76 倍冷启动加速的技术密码
Rust
npm
utoo
支付宝
前端工具链
ArrowJS 1.0 深度解析:为什么「代理时代」需要一款全新的 UI 框架?
编程
ArrowJS 1.0 深度解析:为什么「代理时代」需要一款全新的 UI 框架?
2026-06-28 19:45:01 +0800 CST
view 33
深度解析 ArrowJS 1.0:代理时代的首个 UI 框架。三个核心函数、无 JSX、无编译器、5KB 体积,WASM 沙箱安全运行 AI 生成代码,与 Vue 3 相当的性能,完整的 SSR 支持。
ArrowJS
UI框架
代理时代
AI编程
前端开发
WebAssembly
WASM
响应式编程
JavaScript
TypeScript
Vue3中的Proxy相比Vue2中的Object.defineProperty有哪些优势?
编程
Vue3中的Proxy相比Vue2中的Object.defineProperty有哪些优势?
2024-11-19 06:44:33 +0800 CST
view 1595
本文探讨了Vue3中使用Proxy作为数据响应系统相较于Vue2中使用Object.defineProperty的优势,包括功能更强大、语法更直观、性能更佳以及对数组操作的支持。通过示例代码,展示了如何使用Proxy定义响应式数据和数组,强调了Proxy在现代JavaScript中的重要性和应用价值。
前端技术
JavaScript
Vue框架
告别浮点数噩梦!Dinero.js 让前端货币计算稳如泰山
编程
告别浮点数噩梦!Dinero.js 让前端货币计算稳如泰山
2025-03-29 14:57:53 +0800 CST
view 1438
Dinero.js是一个专门为前端货币计算设计的库,解决了JavaScript原生Number类型在金融计算中的浮点数精度问题。它通过最小货币单位存储金额,采用不可变设计,支持多币种和专业格式化,确保计算的准确性和可靠性。尽管有一定的学习成本,但使用Dinero.js可以显著降低长期维护成本,提升用户体验。
前端开发
金融科技
JavaScript
库
计算
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
49
50
51
52
下一页