程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue3中的自定义指令有哪些变化?
编程
Vue3中的自定义指令有哪些变化?
2024-11-18 07:48:06 +0800 CST
view 1394
Vue3中的自定义指令相比Vue2进行了重要改进,包括使用`app.directive`方法注册指令和新增的钩子函数`beforeMount`和`beforeUpdate`。这些变化使得自定义指令更加灵活和易用,符合Vue的设计理念。本文展示了如何在Vue3中创建和使用自定义指令,提供了示例代码以说明其用法。
Vue
前端开发
JavaScript
解决闪烁问题的完整图片悬停放大HTML代码
代码
解决闪烁问题的完整图片悬停放大HTML代码
2025-05-21 23:23:54 +0800 CST
view 1471
本文介绍了一种解决图片悬停放大时闪烁问题的HTML代码。通过使用CSS的`opacity`和`visibility`属性替代`display`,优化事件处理逻辑,并添加过渡动画效果,使得显示和隐藏过程更加平滑自然。提供了完整的HTML和JavaScript代码示例,详细说明了如何实现无闪烁的放大效果。
前端开发
网页设计
用户体验
如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题
编程
如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题
2024-11-19 03:08:13 +0800 CST
view 1624
本文介绍了如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题。最初尝试使用useEffect和storage事件监听localStorage变化均未成功,最终通过重写localStorage.setItem方法并触发自定义事件实现了有效的监听。提供了完整的代码示例和使用方法。
前端开发
React
状态管理
Hooks
Vue3中的响应式原理是什么?
编程
Vue3中的响应式原理是什么?
2024-11-19 09:43:12 +0800 CST
view 1523
Vue3的响应式原理通过Proxy对象和ReactiveAPI实现数据的双向绑定和响应式更新。Proxy允许拦截对象操作,自动监听数据变化并更新视图。ReactiveAPI提供工具将普通对象转换为响应式对象,支持只读和原始值的响应式处理。示例代码展示了如何创建响应式对象并在Vue3实例中使用,提升了开发效率和用户体验。
前端开发
JavaScript
Vue框架
代码
HTML + CSS 实现微信钱包界面
2024-11-18 14:59:25 +0800 CST
view 1962
本文介绍了如何使用HTML和CSS实现一个微信钱包的界面,包含零钱、银行卡等项目的布局和样式。通过简单的代码示例,展示了如何利用基础技术复刻现代用户界面,适合新手和进阶开发者学习。代码解析部分详细说明了布局、图标、响应式设计等关键点,帮助读者理解实现过程。
前端开发
用户界面
Web设计
Oxc 深度拆解:当 Rust 统一 JavaScript 工具链——从原子化 linter 到 VoidZero 全栈生态的工程全貌(2026)
编程
Oxc 深度拆解:当 Rust 统一 JavaScript 工具链——从原子化 linter 到 VoidZero 全栈生态的工程全貌(2026)
2026-07-18 00:44:46 +0800 CST
view 172
深度拆解 Oxc 和 VoidZero:Rust 编写的原子化 JavaScript 工具链。涵盖 oxlint、oxfmt、oxc_transformer、oxc_minifier、Rolldown、Vite+ 全栈生态,配真实性能测试与渐进迁移指南。
Oxc
VoidZero
Rust
JavaScript工具链
前端工程化
Rolldown
Vite
oxlint
oxfmt
Vue3中的Slots有哪些变化?
编程
Vue3中的Slots有哪些变化?
2024-11-18 16:34:49 +0800 CST
view 1600
Vue3在插槽的使用上引入了重要变化,包括新的SlotsAPI、简化的作用域插槽语法、支持Fragments以及插槽的统一处理。这些改进使得组件化开发更加灵活和强大,提升了开发者的使用体验。
前端开发
Vue.js
组件化
Biome v2.5 深度解析:500条Lint规则、跨文件分析与Rust驱动的Web工具链革命——从ESLint+Prettier迁移到生产级实战指南
编程
Biome v2.5 深度解析:500条Lint规则、跨文件分析与Rust驱动的Web工具链革命——从ESLint+Prettier迁移到生产级实战指南
2026-07-05 17:12:52 +0800 CST
view 207
深度解析Biome v2.5核心特性:500条lint规则、跨语言CSS-HTML分析、插件系统、Watch模式。完整覆盖从ESLint+Prettier迁移到生产级部署的全流程,含性能对比与实战配置。
Biome
ESLint
Prettier
Rust
工具链
前端
TypeScript
代码质量
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
编程
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST
view 1706
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器,涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象,开发者可以实现丰富的编辑功能,并解决在不同浏览器和设备上遇到的问题。
前端开发
JavaScript
Web技术
Vue3中的Scoped Slots有什么改变?
编程
Vue3中的Scoped Slots有什么改变?
2024-11-17 13:50:01 +0800 CST
view 1676
本文探讨了Vue3中ScopedSlots的变化,包括语法的简化、CompositionAPI的引入以及对Teleport特性的支持。这些改进使得组件间的通信和数据传递更加灵活,同时提升了代码的可维护性。通过示例代码,展示了如何在父组件中使用ScopedSlots接收和处理子组件传递的数据,帮助开发者更好地理解这些变化。
Vue.js
JavaScript
前端框架
组件化开发
Vite 6 深度实战:当构建工具学会「按需编译」——从 Esbuild 依赖预构建到 Rollup 生产打包的生产级完全指南(2026)
编程
Vite 6 深度实战:当构建工具学会「按需编译」——从 Esbuild 依赖预构建到 Rollup 生产打包的生产级完全指南(2026)
2026-06-11 01:46:35 +0800 CST
view 551
深度剖析 Vite 6 的核心架构与设计哲学,结合大量生产环境实战代码,带你从原理到实践掌握下一代前端构建工具。
Vite
前端构建
Vue 3
TypeScript
性能优化
TypeScript 7.0 RC 深度实战:14年来最大变革——编译器从JavaScript跑到Go,10倍性能跃迁的架构真相
编程
TypeScript 7.0 RC 深度实战:14年来最大变革——编译器从JavaScript跑到Go,10倍性能跃迁的架构真相
2026-06-22 07:27:59 +0800 CST
view 599
深度解析TypeScript 7.0 RC:编译器核心从TypeScript移植到Go,10倍性能提升背后的架构设计、并行策略与迁移实战
TypeScript
Go
编译器
性能优化
前端工程
Vue3中的Store模式有哪些改进?
编程
Vue3中的Store模式有哪些改进?
2024-11-18 11:47:53 +0800 CST
view 1704
Vue3中的Store模式通过引入CompositionAPI、增强TypeScript支持、模块化管理、性能优化和简化API等方面的改进,使得状态管理更加灵活和高效。这些改进提升了开发体验和代码可维护性,为开发者提供了更多便利。
前端开发
Vue.js
状态管理
编程
软件工程
在Vue中使用CanvasAPI动态生成带水印的图片
编程
在Vue中使用CanvasAPI动态生成带水印的图片
2024-11-18 13:10:21 +0800 CST
view 1605
在Vue中使用CanvasAPI动态生成带水印的图片。通过创建WatermarkedImage组件,用户可以传入图片URL和水印文本,组件会在Canvas上绘制原始图像并添加水印,最后生成带水印的Base64编码图像。对于大量图片处理,建议在服务器端生成水印,以提高性能。
前端开发
图像处理
Vue.js
你可能不知道的 18 个前端技巧
编程
你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST
view 1273
本文整理了18个鲜为人知的前端技巧,涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率,帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等,适合前端开发者学习和应用。
前端开发
编程技巧
Web技术
Rspack 1.5 深度实战:当 Rust 重写前端构建的最后一公里——从 Barrel 文件优化到 React Compiler 原生集成、从纯函数 Tree Shaking 到运行时模式实验的生产级完全指南(2026)
编程
Rspack 1.5 深度实战:当 Rust 重写前端构建的最后一公里——从 Barrel 文件优化到 React Compiler 原生集成、从纯函数 Tree Shaking 到运行时模式实验的生产级完全指南(2026)
2026-06-22 07:55:33 +0800 CST
view 236
Rspack 1.5 深度解析:Barrel文件优化消灭性能黑洞、React Compiler原生SWC集成、纯函数Tree Shaking默认启用、运行时模式实验、持久化缓存增强、Seal阶段优化,附完整迁移指南
Rspack
Rust
前端构建
Barrel文件
React Compiler
Tree Shaking
Module Federation
Webpack迁移
Chrome DevTools MCP 深度解析:AI 编程助手「看见」浏览器的技术革命
编程
Chrome DevTools MCP 深度解析:AI 编程助手「看见」浏览器的技术革命
2026-06-30 01:16:44 +0800 CST
view 472
深度解析 Chrome DevTools MCP:AI 编程助手「看见」浏览器的技术革命,26+工具全景、代码实战、性能分析工程、安全实践
Chrome DevTools MCP
MCP
AI编程
浏览器自动化
Puppeteer
CDP
前端开发
TypeScript
TypeScript 7.0 正式发布:Go语言重写编译器,十年最大架构重构的深度解析
编程
TypeScript 7.0 正式发布:Go语言重写编译器,十年最大架构重构的深度解析
2026-07-11 11:14:03 +0800 CST
view 439
2026年7月微软发布TypeScript 7.0,以Go语言重写编译器带来10倍提速。本文深度解析重写动机、Go并发模型实现、语义一致性保障、@typescript/typescript6兼容性方案与真实项目迁移指南。
TypeScript
TypeScript7
Go
编译器
性能优化
前端
Node.js
架构重构
TypeScript 7.0 深度拆解:当微软用 Go 重写 TypeScript 编译器——8-12 倍性能飞跃的工程全貌(2026)
编程
TypeScript 7.0 深度拆解:当微软用 Go 重写 TypeScript 编译器——8-12 倍性能飞跃的工程全貌(2026)
2026-07-18 02:13:42 +0800 CST
view 125
2026年7月8日微软正式发布TypeScript 7.0,用Go语言重写整个编译器,带来8-12倍性能提升。本文深度拆解架构设计、性能数据、破坏性变更、迁移路径与工程意义。
TypeScript
TypeScript 7
Go语言
编译器
前端工程化
TypeScript编译器
性能优化
Vue3中如何处理权限控制?
编程
Vue3中如何处理权限控制?
2024-11-18 05:36:30 +0800 CST
view 1816
本文介绍了如何在Vue3中通过VueRouter的路由守卫实现权限控制。包括安装VueRouter、创建路由、实现登录和注销功能的示例代码。通过判断用户的登录状态,控制用户对不同页面的访问权限,从而增强应用的安全性和数据隐私性。
前端开发
Vue.js
安全性
用户权限
编程
如何在前端避免重排(Reflow)和重绘(Repaint)
2024-11-19 02:28:18 +0800 CST
view 1784
本文介绍了如何在前端开发中避免重排和重绘,以提高页面性能和用户体验。通过减少DOM操作、使用CSS动画、利用合成层、以及合理使用will-change属性等技术,可以有效降低重排和重绘的频率,从而优化页面渲染性能。总结了关键策略,强调了批量操作DOM和避免昂贵的CSS属性的重要性。
前端开发
性能优化
网页设计
接口一异常你的前端页面就直接崩溃了?
编程
接口一异常你的前端页面就直接崩溃了?
2024-11-18 18:21:01 +0800 CST
view 1640
本文讨论了在JavaScript开发中常见的运行时错误及其解决方案,包括解构赋值、数组方法调用、async/await使用和JSON解析等问题。通过示例代码展示了如何处理后端接口数据异常,确保前端代码的健壮性,避免应用崩溃。强调了使用TypeScript和静态检查工具的重要性,以提高代码质量。
JavaScript
前端开发
错误处理
Vue3中如何处理SEO优化?
编程
Vue3中如何处理SEO优化?
2024-11-17 08:01:47 +0800 CST
view 1675
本文探讨了在Vue3中处理SEO优化的几种方法,包括使用预渲染、服务端渲染和动态管理Meta信息。通过这些技术,开发者可以提高页面的搜索引擎友好性,确保搜索引擎能够抓取到完整的页面内容,从而提升网站的可见性和用户流量。
前端开发
SEO
Vue.js
Vue组件通信全攻略:多层嵌套轻松搞定
编程
Vue组件通信全攻略:多层嵌套轻松搞定
2025-06-22 18:51:59 +0800 CST
view 1216
本文总结了Vue组件通信的多种方案,包括父子组件通信、属性透传、跨层注入、任意组件通信和状态集中管理。通过具体代码示例,展示了如何在不同场景下高效地传递数据和事件,帮助开发者提升代码质量与可维护性。
Vue
前端开发
组件设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
7
8
9
10
11
...
40
下一页