程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
案例
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
2026-05-11 16:39:33 +0800 CST
view 333
16.5K Stars 的开源项目 taste-skill,让 AI 生成的前端代码告别紫蓝渐变 Hero + 三列圆角卡片的模板风。一行命令安装,支持 Cursor/Claude Code/Codex 等主流编程 Agent。
taste-skill
AI前端
设计规范
Claude Code
Cursor
反slop
前端开发
SKILL
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1297
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
Rust 在前端工具链的崛起:2026 年生态全景与实战指南
编程
Rust 在前端工具链的崛起:2026 年生态全景与实战指南
2026-05-18 21:45:54 +0800 CST
view 291
深度解析 Rolldown Oxc Rspack Turbopack 等 Rust 前端工具
Rust
前端工具链
2026
前端开发
性能优化
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
编程
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
2026-04-16 17:09:36 +0800 CST
view 433
VTJ.PRO是Gitee上9.3K Star的Vue3 AI低代码平台,支持一次设计输出Web/H5/UniApp多端代码,双向代码自由无平台锁定,适合企业级应用快速开发。
Vue3
低代码
AI
前端
开源
多端
前端开发
TypeDOM 深度解析:当 TypeScript 原生面向对象设计重塑前端开发——一个程序员的深度实践与思考
编程
TypeDOM 深度解析:当 TypeScript 原生面向对象设计重塑前端开发——一个程序员的深度实践与思考
2026-06-16 00:47:55 +0800 CST
view 106
深入解析 TypeDOM 框架:完全面向对象设计的 TypeScript 前端框架,对比 React/Vue 的差异化设计理念与实践
TypeScript
TypeDOM
前端框架
OOP
前端开发
Vue3 中如何处理跨组件共享数据的需求?
编程
Vue3 中如何处理跨组件共享数据的需求?
2024-11-19 00:30:11 +0800 CST
view 1537
在Vue3中,处理跨组件共享数据的需求可以通过全局状态管理器和CompositionAPI实现。全局状态管理器使用`provide`和`inject`API让子组件获取祖先组件提供的数据,而CompositionAPI提供了更灵活的方式来管理共享状态。两种方法都能有效提升应用的可维护性和开发效率。
Vue
前端开发
状态管理
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1381
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
Vue3 中哪些 API 变化较大,需要开发者特别留意?
编程
Vue3 中哪些 API 变化较大,需要开发者特别留意?
2024-11-18 10:16:41 +0800 CST
view 1440
Vue3中的API变化为开发者带来了新的功能和优化,特别是CompositionAPI、Teleport和Fragments。CompositionAPI提供了灵活的逻辑组织方式,提升了代码的可维护性和重用性;Teleport允许将组件渲染到DOM的其他位置;Fragments让模板结构更加简洁,避免了不必要的包裹元素。这些变化显著提升了开发体验。
前端开发
Vue.js
编程
技术
框架
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1740
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
如何在 Vue3 中实现组件级别的 CSS 模块化?
编程
如何在 Vue3 中实现组件级别的 CSS 模块化?
2024-11-18 09:57:40 +0800 CST
view 1453
本文介绍了如何在Vue3中实现组件级别的CSS模块化。通过使用`<stylemodule>`特性,可以将样式局部化,避免样式冲突和全局污染。文中提供了示例代码,展示了如何定义模块化样式、访问模块化样式以及生成的类名。同时也提到如何定义全局样式。通过模块化,样式管理变得更加简单和高效。
前端开发
Vue
样式管理
ios使用fixed布局input,textarea错乱的解决方法
编程
ios使用fixed布局input,textarea错乱的解决方法
2024-11-19 05:19:20 +0800 CST
view 3073
本文讨论了在iOS设备上使用fixed布局时,input和textarea出现错乱的问题,并提供了解决方案。通过HTML结构和JavaScript代码示例,展示了如何在用户点击链接时显示回复输入框并使textarea获得焦点。
iOS
前端开发
布局问题
Vue3 中的响应式数据如何实现 Proxy 和 Reflect 的使用?
编程
Vue3 中的响应式数据如何实现 Proxy 和 Reflect 的使用?
2024-11-17 04:14:24 +0800 CST
view 1808
Vue3中的响应式数据通过Proxy和Reflect实现,提供了灵活高效的响应式机制。Proxy拦截对象属性的访问和修改,而Reflect确保操作的安全和标准化。这种结合提升了Vue3的性能,使得响应式系统设计更加清晰可维护,为开发复杂前端应用提供了强大工具。
前端开发
JavaScript
框架
Vue3中的响应式属性的初始化有何变化?
编程
Vue3中的响应式属性的初始化有何变化?
2024-11-17 04:29:02 +0800 CST
view 1473
Vue3引入了新的响应式属性初始化方式,使用`ref`函数创建单个响应式属性,而不再依赖`data`选项。`reactive`函数用于创建响应式对象,`toRefs`函数则将响应式对象的属性转换为独立的响应式引用。这些变化提供了更大的灵活性和便利性,帮助开发者更高效地管理响应式数据。
Vue.js
前端开发
响应式编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST
view 1600
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用。它支持多字段搜索,提供高性能和灵活的配置选项,满足复杂的搜索需求。用户可以通过npm或yarn安装,并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景,是提升用户体验的重要工具。
前端开发
JavaScript
搜索库
用户体验
Web应用
Vue3中的渲染函数返回什么类型的对象?
编程
Vue3中的渲染函数返回什么类型的对象?
2024-11-19 09:36:54 +0800 CST
view 1447
在Vue3中,渲染函数返回一个虚拟DOM对象,提供灵活的方式动态生成和控制页面结构。虚拟DOM是轻量级的JavaScript对象,模拟真实DOM树,允许高效比对和更新。通过渲染函数,开发者可以灵活创建复杂UI,提升性能和开发效率。掌握虚拟DOM和渲染函数是理解Vue3响应式系统的重要知识点。
前端开发
Vue.js
虚拟DOM
性能优化
JavaScript
编程
前端开发者如何一键部署项目?试试这几个网站,无需购买服务器!
2024-11-19 01:27:18 +0800 CST
view 1875
本文介绍了几款高效的在线部署平台,前端开发者可以一键部署项目,无需购买服务器或复杂配置。包括Vercel、Netlify、GitHubPages、Surge和CloudflarePages,这些平台提供自动化部署、持续集成和简单的用户界面,帮助开发者专注于代码编写而非运维工作。
前端开发
项目管理
云服务
网站托管
前端加密的重要性及两种常用的加密库:Crypto-JS和JSEncrypt
编程
前端加密的重要性及两种常用的加密库:Crypto-JS和JSEncrypt
2025-05-05 20:25:34 +0800 CST
view 1803
本文介绍了前端加密的重要性及两种常用的加密库:Crypto-JS和JSEncrypt。前端加密可有效防范中间人攻击和数据篡改等安全威胁。Crypto-JS支持多种对称加密算法,如AES,而JSEncrypt实现了RSA非对称加密。结合使用这两种库,可以实现高效且安全的数据加密,确保用户数据在传输过程中的安全性。
网络安全
加密技术
前端开发
综合
5个高质量Vue3后台管理模板!开源免费,帮你快速搭建企业级中后台产品原型
2024-11-18 19:20:45 +0800 CST
view 2333
本文介绍了5个高质量的开源免费Vue3后台管理模板,适合快速搭建企业级中后台产品原型。每个模板都提供了完整的解决方案,包含丰富的组件和功能,支持现代前端技术栈,如TypeScript和Vite,满足多样的业务需求。
前端开发
开源项目
企业应用
Vue框架
后台管理
HTML5的 input:file上传类型控制
编程
HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST
view 2991
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
Vue3结合Driver.js实现新手指引功能
综合
Vue3结合Driver.js实现新手指引功能
2024-11-19 08:46:50 +0800 CST
view 1905
本文介绍了如何使用Vue3结合Driver.js实现新手指引功能。通过安装Driver.js并创建页面结构,使用高亮效果引导用户完成操作。配置步骤数组以实现多步骤指引,并自定义按钮文本。还实现了弹窗功能,允许用户在指引过程中添加数据,并防止意外关闭流程。整体提升用户体验,帮助用户快速熟悉系统。
前端开发
用户体验
Vue.js
JavaScript
指引
Vue3 中如何实现 props 的类型检查?
编程
Vue3 中如何实现 props 的类型检查?
2024-11-19 07:55:09 +0800 CST
view 1391
在Vue3中,进行props的类型检查是确保组件接收到的数据符合预期的重要方式。本文介绍了使用TypeScript和PropTypes两种方式实现props的类型检查,包括安装依赖、定义props类型及其解析。TypeScript提供更强的类型推断和检查,而PropTypes则更轻量,适合不使用TypeScript的项目。通过类型检查,可以提高代码的可靠性和可维护性。
Vue
前端开发
类型检查
编程
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 2425
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
Vue3中的`<transition>`组件在什么时候触发?
编程
Vue3中的`<transition>`组件在什么时候触发?
2024-11-17 05:15:46 +0800 CST
view 1528
在Vue3中,`<transition>`组件用于在元素进入或离开DOM时应用过渡效果。它在元素第一次渲染、更新和移除时触发相应的动画。通过示例代码,展示了如何使用`<transition>`组件来实现动画效果,并介绍了过渡类名的规则,以帮助开发者实现更复杂的动画效果。
前端开发
Vue.js
动画效果
用户体验
动态渐变背景
代码
动态渐变背景
2024-11-19 01:49:50 +0800 CST
view 1591
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变,标题文字呈现出渐变动画,背景色为浅灰色,整个页面居中显示。使用了@keyframes定义动画,使背景在不同颜色之间平滑过渡,增强视觉效果。
网页设计
前端开发
动画效果
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
...
55
下一页