首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
NutUI 技术揭秘
京东设计中心JDC
创建于2022-04-01
订阅专栏
NutUI 是京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品。
等 16 人订阅
共17篇文章
创建于2022-04-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
NUTUI-React 弹幕组件的实现过程
Barrage 组件用于话语和词组的轮播展示,适用于视频中或其他类似需求中。本文主要介绍 Barrage 组件的实现思路。 组件的功能 先来看一下 Barrage 组件需要实现哪些功能: 多轨道弹幕
NutUI React 如何向类型文件添加注释
期待您早日成为我们共建大军中的一员! 微信群:hanyuxinting(暗号:NutUI-React) 官网GitHub: 点击进入 欢迎共建、使用! 背景 在 NutUI-React 2.x 版本的
NutUI Vue Playground 实现原理
介绍 在 NutUI Vue 4.1.0 版本发布时,我们上线了 NutUI Vue Playground,它是一个在线代码调试网站,支持在 Vue SFC 中直接使用 nut- 标签的组件。 与文档
前端开源组件库 NutUI-React 国际化能力设计实现
背景 随着京东国际团队的加入,多语言能力已是必然,而且还可以加速 nutui-react 组件库在公司内部项目中的落地,更加及时的发现 nutui-react 存在的问题,从而不断的进行打磨。 Nut
NutUI-React Checkbox 组件的设计与实现
功能预览 为什么封装组件 在日常的项目开发过程中,会遇到很多相似的功能,在管理不同代码库的时候,也会面临重复代码的问题,组件的提炼可以解决代码粘贴复制的问题,同时通过对代码的封装复用,降低了同一功能的
NutUI React 之 PR 自动化测试
NUtUI React 在进行从 1.x 到 2.x 的改造升级工作。在这个过程中,每个 PR 都需要进行 Review,除了对代码的规范进行 Review 外,还需要对每个组件的单元测试进行 Rev
NutUI-React 输入框的使用指南
NutUI-React Input输入框的使用指南 随着 NutUI-React 上线以来,我们听到了许多好的声音,同时也收获了很多中肯的建议和一些问题反馈。在众多的反馈中,用户对输入框Input组件
可线性渐变的环形进度条的实现探究
本文主要介绍基于 NutUI Vue3 的 `circleProgress` 组件的设计与实现原理,是一个圆环形的进度条组件,用来展示操作的当前进度,支持修改进度以及渐变色。
折叠面板组件的设计与实现
前言 NutUI,大家应该不陌生吧 [鬼脸],前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库,使用 Vue 语言来编写可以在 H5,小程序平台上的应用。
开发者的福利 - NutUI-vscode 智能提示来了
本篇将介绍代码智能提示(Vscode插件)的功能,并就 NutUI-Vscode 的实现给大家做一个详尽的剖析。
移动端日历组件设计与实现
在大多数的客户端应用中,日期的选择与操作是一个常见的功能,使用日历组件完成对于这一功能的实现,往往是一个高效的解决方案。对于日历组件的设计与开发,在常见的开源项目中,通常有两种设计思路: 横向切
Steps 组件的设计与实现
本文的主题是 Steps 组件的设计与实现。Steps 组件是 Steps 步骤和 Timeline 组件结合的组件,在此之前他们是两个不同的组件,在 NutUI 最近一次版本升级的时候将他们合二为一了,来看看在组件的开发过程中是如何一步步实现组件功能的。 说到 NutUI ,…
Picker组件的设计与实现
今天的主题是 NutUI Picker 组件的设计与实现,Picker组件是 NutUI 的一个拾取器组件,它用于显示一系列的值集合,用户可以滚动选择集合中一项,也可以支持多个系列的值集合供用户分别选择。我们通过一张效果图,来看看组件具体实现了什么功能。 说到 NutUI, 可…
NutUI 组件 popup 源码分析
NutUI 是一套京东风格的移动端 Vue 组件库,生态系统覆盖面广,支持按需加载、主题定制、多语言等,功能强大。目前 40+ 京东项目正在使用,设计精美,风格统一。在开发组件库的过程中,NutUI 是如何处理组件间的层级关系的呢?今天就给大家解析 NutUI 中具有处理层级关…
NutUI 视频组件开发心得
这份提示在之后接触了一系列视频项目后,才明白这“不容易”指的是什么,在移动端,我们需要深谙的“大量技巧”却还远远不够...... NutUI 是一套京东风格的移动端组件库,开发和服务于移动 Web 界面的企业级前中后台产品。现拥有 50+ 个高质量组件,GitHub 上已获得 …
NutUI CLI源码解析
NodeJs的出现,让前端工程化的理念不断深入。先是带来了Gulp、Webpack等强大的构建工具,随后又出现了vue-cli和create-react-app等完善的脚手架,提供了完整的项目架构,让我们可以更多的关注业务,而不必在项目基础设施上花费大量时间。 ... 1. 入…
NutUI 3.0 中单元测试的探索和实践
众所周知,单元测试功能,是组件库开发中必不可少的一部分,负责进行检查和验证,保证了组件的合理性和规范性。本文主要讲的就是单元测试在 NUTUI 组件库 中的探索实践,我们将从如何编写单元测试、持续集成服务、Coveralls 自动测试代码覆盖率三方面进行阐述。如图所示: 在进入…