首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
oil欧哟
掘友等级
PM
|
API7.AI
个人微信:18316996303
获得徽章 7
动态
文章
专栏
沸点
收藏集
关注
赞
58
文章 58
沸点 0
赞
58
返回
|
搜索文章
oil欧哟
PM @API7.AI
·
1月前
关注
✅ 使用 Vue+Zag+PandaCSS 实现一个超丝滑的勾选框组件
这篇文章将继续以 vuesax 中组件的样式作为参考,结合 Zag 和 PandaCSS 进行 vue3 版本的重构,实现一个超丝滑的勾选框组件。...
12
评论
分享
oil欧哟
PM @API7.AI
·
1月前
关注
🐼 PandaCSS 实现加载动画+ 🔧Vue3 自定义指令封装
前言 加载动画组件是一个非常常见且重要的组件。它可以用于提升用户体验,让用户了解应用正在加载数据或执行某些操作。在本文中,我们将使用 PandaCSS 和 Vue 3 的自...
5
评论
分享
oil欧哟
PM @API7.AI
·
2月前
关注
🤔 优化使用体验 Vue Hook 改造 Dialog 对话框组件实现 API 调用
前言 在上一篇文章中,我们使用 Vue+Zag+PandaCSS 实现一个超丝滑的对话框组件,这篇文章基于对话框组件进行补充,新增一种通过 Vue Hook 去控制对话框的...
8
1
分享
oil欧哟
PM @API7.AI
·
2月前
关注
😎使用 Vue+Zag+PandaCSS 实现一个超丝滑的对话框组件
前言 Zag 和 PandaCSS 都是出自 chakra 团队之手,Zag 聚焦于处理组件的逻辑,而 PandaCSS 聚焦于通过 ts 来维护样式,将两者进行搭配会有怎...
12
2
分享
oil欧哟
PM @API7.AI
·
2月前
关注
🖱️使用 Vue+pandaCSS+tsx 实现一个超精致的按钮组件
本文通过实现一个按钮组件介绍 pandaCSS 的一些基本概念和使用方式,虽然 pandaCSS 中定义了许多听起来陌生的概念,但是整体来说上手难度不高,而且基于 ts 生...
8
2
分享
oil欧哟
赞了这篇文章
Sunshine_Lin
@公众号:前端之神 & B站:林三心的挖掘机
·
2年前
关注
15张图,20分钟吃透Diff算法核心原理,我说的!!!
前言 大家好,我是林三心,在日常面试中,Diff算法都是绕不过去的一道坎,用最通俗的话,讲最难的知识点一直是我写文章的宗旨,今天我就用通俗的方式来讲解一下Diff算法吧?L...
2.9k
291
分享
oil欧哟
PM @API7.AI
·
3月前
关注
🚀一篇文章学会如何使用 JSX/TSX 开发 Vue 组件
我发现在 vue 中使用 TSX 写组件与 react 相比大有不同,而且很多注意点是在官方文档中没有提到的,需要自己去各种犄角旮旯查。于是我将使用 JSX/TSX 开发组...
16
2
分享
oil欧哟
PM @API7.AI
·
3月前
关注
👨💻 Figma 协作设计工具:前端开发者视角快速上手指南
这篇文章总结了一些从前端角度出发的使用技巧,如果你是一名前端开发者,那么这篇文章对于使用 Figma 一定会有所帮助。...
16
评论
分享
oil欧哟
PM @API7.AI
·
6月前
关注
🗺️ 一篇文章了解如何在 Next.js 中集成 i18n 国际化(含踩坑及开发配置)
集成国际化功能还可以帮助我们向全球更广泛的观众推广产品和服务,同时提高用户体验。根据这篇文章进行配置,相信你可以获得一个相对舒服的国际化开发体验。...
13
2
分享
oil欧哟
PM @API7.AI
·
8月前
关注
📩 教你如何在 Next.js 中纯前端实现版本更新检测和提示
有部分用户在使用前端站点时,习惯将网站标签持续挂在浏览器中。如果网站发布了新版本,前端代码的新版本将被部署到服务器上,但在用户不主动刷新页面的情况下,用户会一直保留在旧的版...
6
1
分享
oil欧哟
PM @API7.AI
·
8月前
关注
🌅 让你的用户头像更具艺术感,实现一个自动生成唯一渐变色的头像组件
次头像组件的,预期是能够基于用户昵称字符串生成某种颜色,然后设置为渐变色背景并添加一些额外的细节就能展示出一个相对好看的头像。...
38
3
分享
oil欧哟
PM @API7.AI
·
8月前
关注
📑 网站内容可读性差?你应该了解下 APCA (可访问感知对比度算法)
为什么选择 APCA 作为一种新的对比方法? 可读性是网页内容的一个至关重要的方面,它会影响到 99% 的互联网用户。多年以来,WCAG 2.x 对比度指南在可读性方面提供...
4
评论
分享
oil欧哟
PM @API7.AI
·
8月前
关注
🤔 使用 React Hook 实现 Modal 组件 API 调用两种方式
紧接上篇文章,这篇文章来为大家介绍如何使用 React Hook 实现 Modal 组件 API 调用方式...
16
3
分享
oil欧哟
赞了这篇文章
oil欧哟
PM @API7.AI
·
8月前
关注
🗂 用 React Hook + ChakraUI 实现一个丝滑菜单组件
菜单导航是网站或中后台项目中常见的组件,它能够让用户快速找到需要的内容或功能。本文将介绍如何使用 Chakra UI 库实现一个丝滑菜单导航组件。...
24
3
分享
oil欧哟
PM @API7.AI
·
8月前
关注
🏞快速理解 Next.js 中数据获取方式的作用及区别(getInitialProps、getServerSideProps、getStaticProps)
这篇文章介绍了 Next.js 中官方提供的所有数据获取方式,这些数据获取方式看似相似,其实在理解了对应的渲染机制后还是比较好理解的。...
32
2
分享
oil欧哟
PM @API7.AI
·
8月前
关注
🌁快速理解 Next.js 中各种渲染方式的作用及区别(SSG、SSR、ISR、CSR)
在实际的项目开发中,我们的 Next.js 应用往往是同时采用多种渲染方式共同构建的,各种 API 结合使用,在保障功能可以正常实现的前提尽可能的去提升性能,使得用户体验更...
37
12
分享
oil欧哟
赞了这篇文章
字节前端
@北京字节跳动网络技术有限公司
·
8月前
关注
第十七章 面向 WebAssembly 的 ByteReact 框架
本文从项目背景、技术调研和选型、整体设计思路等维度,详细阐述了一个基于 WebAssembly 和 TypeScript 的类 React 前端框架。...
70
12
分享
oil欧哟
赞了这篇文章
Try_To_Better
前端开发工程师 @不知名小作坊
·
9月前
关注
Navigator.clipboard与Canvas实现图片复制粘贴到微信上
前言:复制功能很多人业务中开发过,不过很多都是复制粘贴文本。这篇文章来说明如何右键复制图片,然后可粘贴到微信聊天框内。...
12
评论
分享
oil欧哟
赞了这篇文章
Try_To_Better
前端开发工程师 @不知名小作坊
·
10月前
关注
for in所引发的思考——自身属性方法为何没有遍历出来?
前言:for in 这个遍历方法相信小伙伴们肯定很熟悉,在日常开发中经常用到。今天来探讨一下在开发中笔者曾遇到疑问。...
4
1
分享
oil欧哟
赞了这篇文章
Morakes
Champion contestant
·
9月前
关注
利用浏览器实现一个极简拍照功能
本文正在参加「金石计划」 介绍WebRTC 简单介绍一下: WebRTC由Google创立,目的是实现浏览器之间能够快速音视频通信。 现在主流浏览器 Edge, Googl...
10
2
分享
下一页
个人成就
优秀创作者
文章被点赞
2,754
文章被阅读
220,915
掘力值
11,881
关注了
6
关注者
495
收藏集
3
关注标签
8
加入于
2021-10-02