随笔分类 -  组件库

摘要:2022倒带-NutUI时光飞逝,流年似水,让我们倒带 2022,回首这跌宕起伏一年走过的 “升级之路”。 NutUI 表现如何? 成绩单等着您打分! 阅读全文
posted @ 2023-01-03 09:16 jdf2e 阅读(114) 评论(0) 推荐(0)
摘要:NutUI 京东小程序发布了!NutUI 是一套京东风格的轻量级移动端组件库,目前已有 70+ 高质量组件,覆盖移动端主流场景。NutUI 3.1 版本上线后,增加了多端小程序适配能力,在微信小程序平台取得了很好的效果。而现在,NutUI 支持京东小程序开发了! 阅读全文
posted @ 2022-11-17 09:44 jdf2e 阅读(390) 评论(0) 推荐(0)
摘要:京东科技风格 NutUI 发布了NutUI&京东科技前端、UI设计师经过2个多季度的紧密合作开发迭代,NutUI-JDT作为正式京东科技风格的NutUI终于和大家见面了,此次开创了两侧通过主题定制的方式实现对不同风格组件库的完美融合,而且在组件的使用体验、易用性、灵活性、降低维护成本上有了非常大的提升。 背景 随着业务的不断发展、 阅读全文
posted @ 2022-06-06 10:04 jdf2e 阅读(170) 评论(0) 推荐(0)
摘要:NutUI v3 版本发布至今已经 1 年了,无论是集团内部还是外部开发者,都在各自不同的业务场景中开发使用,我们感到骄傲的同时也是压力倍增,积极努力修复开发者的各种 Issue,扩展组件功能,尽可能满足开发者诉求。今年以来陆续补充了多技术栈(React)、组件级 UI 定制、国际化及代码智能提示能力。本篇将介绍代码智能提示(Vscode插件)的功能,并就 NutUI-Vscode 的实现给大家做一个详尽的剖析。 阅读全文
posted @ 2022-05-11 09:45 jdf2e 阅读(238) 评论(0) 推荐(0)
摘要:移动端日历组件设计与实现在大多数的客户端应用中,日期的选择与操作是一个常见的功能,使用日历组件完成对于这一功能的实现,往往是一个高效的解决方案。 阅读全文
posted @ 2022-04-17 20:53 jdf2e 阅读(332) 评论(0) 推荐(0)
摘要:提升组件库通用能力 - NutUI 在线主题定制功能探索NutUI 作为京东风格的组件库,已具备 H5 和多端小程序开发能力。随着业务的不断发展,组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时,单一的京东 APP 视觉虽可以一键进行换肤操作,但是对于更个性化的定制需求(组件级样式、规范、尺寸等)近千行的[主题样式变量](https://github.com/jdf2e/nutui/blob/next/src/packages/styles/variables.scss)对开发者来说工作量是非常大的。为提升开发体验,提高开发者效率,加强换肤功能以及实现「组件级式定制」功能迫在眉睫。 阅读全文
posted @ 2022-03-25 11:24 jdf2e 阅读(766) 评论(0) 推荐(1)
摘要:随着小程序用户增多,越来越多的平台开始扩展自己的小程序能力。如传统微信小程序,我厂的京东小程序,字节和百度等众多平台都在加入。但是当前的开发大环境,却是"小步快跑,快速迭代"。那么,"一套代码,多端运行"成为很多团队实践的梦想。我们在最近的京采云移动端商城项目中使用 Taro + Vue3 + Nu 阅读全文
posted @ 2021-09-28 09:53 jdf2e 阅读(530) 评论(0) 推荐(0)
摘要:NutUI 是一套京东风格的轻量级移动端 Vue 组件库。Vue 3.0 正式发布后,势必导致 Vue 2x 周边框架的一波集体更新,NutUI 作为 Vue 生态中最流行的 UI 组件库之一,及时推出基于 Vue 3 语言版本的 NutUI 3.0。这不,NutUI 3.0 刚发布,我们就赶上一个 阅读全文
posted @ 2021-08-02 06:45 jdf2e 阅读(361) 评论(0) 推荐(0)
摘要:源码抢先看: https://github.com/jdf2e/nutui NutUI 3.0 官网:https://nutui.jd.com/3x/#/ 小程序多端适配 设计初衷 在跨端小程序的开发过程中,我们发现没有合适的组件库可以使用,尤其在做电商商城类场景的业务时,没有符合京东 App 规范 阅读全文
posted @ 2021-06-25 09:00 jdf2e 阅读(781) 评论(2) 推荐(4)
摘要:京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库,是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨,NutUI 3.0 终于和大家见面了!3.0 版本在技术和视觉方面都做出了较大改进,让组件看起来更绚丽,用起来更舒服。 源码抢先看:https://git 阅读全文
posted @ 2021-03-31 08:02 jdf2e 阅读(1067) 评论(1) 推荐(5)
摘要:京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库,是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨,NutUI 3.0 终于要和大家见面了!3.0 版本在技术和视觉方面都做出了较大改进,让组件看起来更绚丽,用起来更舒服。 源码抢先看:https://gi 阅读全文
posted @ 2021-03-03 09:18 jdf2e 阅读(1896) 评论(6) 推荐(5)
摘要:NutUI 组件源码揭秘 前言 本文的主题是 Steps 组件的设计与实现。Steps 组件是 Steps 步骤和 Timeline 组件结合的组件,在此之前他们是两个不同的组件,在 NutUI 最近一次版本升级的时候将他们合二为一了,来看看在组件的开发过程中是如何一步步实现组件功能的。 说到 Nu 阅读全文
posted @ 2020-12-02 08:29 jdf2e 阅读(712) 评论(0) 推荐(3)
摘要:前言 俗话说:“麻雀虽小,五脏俱全”,搭建一个组件库,知之非难,行之不易,涉及到的技术方方面面,犹如海面风平浪静,实则暗礁险滩,处处惊险~ 目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2]。然而这些组件库大都从零开始搭 阅读全文
posted @ 2020-10-13 08:08 jdf2e 阅读(1812) 评论(2) 推荐(2)
摘要:本文将会从 NutUI 初学者的使用入手,对 NutUI 做了一个快速的概述,希望能帮助新人在项目中快速上手。 文章包括以下主要内容 安装引入 NutUI NutUI 组件的使用 NutUI 主题和样式定制 国际化项目中使用 NutUI 为什么是她 Vue 给大家带来了组件化,这个功能给开发人员带来 阅读全文
posted @ 2020-09-22 09:11 jdf2e 阅读(1462) 评论(0) 推荐(1)
摘要:引子 说到在项目中引入一个视频,我们肯定会想到 HTML5 为我们提供的 Video 标签,它为我们提供了许多属性和方法,使用起来很方便,当然直接使用也会遇到各种兼容问题,在最初学习 Video 标签时,W3C 官网就给出了这样的温馨提示: 在 HTML 中播放视频并不容易! 您需要谙熟大量技巧,以 阅读全文
posted @ 2020-09-08 09:09 jdf2e 阅读(571) 评论(0) 推荐(0)
摘要:前言 NutUI 是一套京东风格的移动端 Vue 组件库,生态系统覆盖面广,支持按需加载、主题定制、多语言等,功能强大。目前 40+ 京东项目正在使用,设计精美,风格统一。在开发组件库的过程中,NutUI 是如何处理组件间的层级关系的呢?今天就给大家解析 NutUI 中具有处理层级关系的公共组件 p 阅读全文
posted @ 2020-08-31 09:25 jdf2e 阅读(816) 评论(0) 推荐(2)