程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 470
深度解析 CSS 2026 核心新特性:锚点定位彻底替代 Popper.js、原生瀑布流布局告别 JavaScript 库、滚动驱动动画实现零 JS 滚动效果。包含完整代码示例、性能对比和浏览器兼容性方案。
CSS
前端
Web开发
Anchor Positioning
Masonry
Scroll Animation
TypeScript 7.0 深度实战:当 Anders Hejlsberg 用 Go 重写 TypeScript——从 Project Corsa 到 10 倍性能提升、架构决策与生产级迁移的完整指南(2026)
编程
TypeScript 7.0 深度实战:当 Anders Hejlsberg 用 Go 重写 TypeScript——从 Project Corsa 到 10 倍性能提升、架构决策与生产级迁移的完整指南(2026)
2026-06-18 00:53:49 +0800 CST
view 29
深度解析 TypeScript 7.0 用 Go 语言重写的背景、架构决策、性能提升与迁移指南
TypeScript
Go
性能优化
编译器
前端工程化
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1661
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
前端任务调度实战:用 rAF + rIC 提升页面流畅度
编程
前端任务调度实战:用 rAF + rIC 提升页面流畅度
2025-08-15 12:45:42 +0800 CST
view 999
本文讨论了如何通过使用rAF(请求动画帧)和rIC(请求空闲回调)来提升前端页面的流畅度。通过合理调度高优先级的动画任务和低优先级的数据处理任务,确保动画流畅且不被阻塞,同时在浏览器空闲时处理数据,优化用户体验。提供了代码示例和实战技巧,强调任务优先级和分块处理的重要性。
前端开发
性能优化
用户体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1468
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
前端如何给页面添加水印
综合
前端如何给页面添加水印
2024-11-19 07:12:56 +0800 CST
view 1929
本文介绍了在前端页面中添加水印的多种方法,包括使用CSS背景图像、JavaScript动态创建水印和SVG实现水印。每种方法都有其适用场景,CSS适合静态水印,JavaScript适合动态内容,SVG则适合复杂图形。文中还提到用户体验和性能考虑,确保水印不会影响页面的可用性。
前端开发
网页设计
用户体验
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1222
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
React Compiler 深度解析:让 React 终于学会「自动优化」的编译器魔法
编程
React Compiler 深度解析:让 React 终于学会「自动优化」的编译器魔法
2026-05-12 02:15:08 +0800 CST
view 292
深度解析React Compiler(React Forget)的工作原理:通过静态分析自动推导依赖关系、自动插入useMemo/useCallback记忆化代码、构建数据流图与活性分析算法、Babel插件实现细节、与手动优化性能对比,附Vite/Next.js集成指南与渐进式迁移策略
React,React Compiler,性能优化,自动记忆化,useMemo,useCallback,React.memo,Babel插件,静态分析,前端性能
Next.js 16.2 深度实战:当 Vercel 把前端构建速度拉满——从 Turbopack 默认开启到 React 19 编译器的生产级完全指南(2026)
编程
Next.js 16.2 深度实战:当 Vercel 把前端构建速度拉满——从 Turbopack 默认开启到 React 19 编译器的生产级完全指南(2026)
2026-06-13 01:18:08 +0800 CST
view 133
Next.js 16.2 深度实战指南,详解 Turbopack 默认开启、React 19 编译器、Server Components 性能优化等核心特性,配有完整代码示例。
Next.js
Turbopack
React 19
前端构建
性能优化
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 1963
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 948
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步XMLHttpRequest会阻塞主线程,影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式,确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发
HTTP
用户体验
数据处理
Web技术
Vite 6 深度解析:构建工具的新里程碑,如何让前端开发快上加快
编程
Vite 6 深度解析:构建工具的新里程碑,如何让前端开发快上加快
2026-05-12 02:18:40 +0800 CST
view 314
深度解析Vite 6的核心架构升级:Environment API实现浏览器/SSR/Edge Workers多环境统一构建、依赖预构建并行化让冷启动缩短40%、模块级HMR让热更新延迟低于10ms、Rollup 4集成提升生产构建速度29%、完整迁移指南与破坏性变更详解
Vite6,前端构建工具,Environment API,HMR,热更新,Rollup4,esbuild,性能优化,迁移指南,React,Vue,Svelte
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1612
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1154
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
TypeScript 6.0 深度解析:JavaScript 编译器的「最后之舞」,与 Go 语言重写的幕后逻辑
编程
TypeScript 6.0 深度解析:JavaScript 编译器的「最后之舞」,与 Go 语言重写的幕后逻辑
2026-04-21 11:21:07 +0800 CST
view 727
2026年3月微软发布TypeScript 6.0,这是JS编译器版本的最后一个版本。TS 7.0将用Go语言重写,性能提升10倍。本文深度解析TS6的核心变更、tsgo技术架构及升级实战指南。
TypeScript
TypeScript6
Go语言
tsgo
前端工具链
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1530
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1815
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
综合
Dcat Admin:高效简洁的Laravel后台管理系统构建神器
2024-11-18 09:09:39 +0800 CST
view 2422
DcatAdmin是一个基于Laravel框架的高效简洁的后台管理系统构建工具,支持快速构建功能完善的后台界面。它集成了丰富的前端技术和组件,简化了用户管理和权限控制等功能,适合各种项目需求。DcatAdmin提供灵活的扩展性和良好的用户体验,帮助开发者提升工作效率。
Web开发
后台管理
开发工具
Laravel
前端技术
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1119
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
编程
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
2024-11-18 14:26:11 +0800 CST
view 1520
本文介绍了如何在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性。通过创建基本项目、配置路由、创建动态路由组件及输入表单,读者可以实现用户输入导航到对应页面的功能,展示了现代单页面应用的动态特性。
前端开发
Web应用
编程
Vue.js
动态路由
前端轮询优化指南:如何“智能”地调整请求间隔?
编程
前端轮询优化指南:如何“智能”地调整请求间隔?
2025-08-15 15:21:32 +0800 CST
view 916
本文介绍了前端轮询的优化方法,包括使用`setTimeout`替代`setInterval`避免请求重叠,采用指数退避策略优雅处理错误,以及利用PageVisibilityAPI在页面不可见时降低轮询频率。通过这些技术,能够有效减少服务器压力和资源浪费,同时提升用户体验和系统的健壮性。
前端开发
性能优化
网络请求
用户体验
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1509
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
编程
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
2026-06-13 03:47:07 +0800 CST
view 73
全面讲解 Vite 5 架构原理、插件开发、生产级构建优化,以及 Vitest 测试框架从零到精通的完整指南。包含 10+ 实战案例、性能对比数据、Webpack 迁移实录。
Vite
Vitest
前端构建
单元测试
性能优化
插件开发
E2E测试
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1521
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
12
13
14
15
16
...
32
下一页