京东 Vue3 组件库支持小程序开发啦!

源码抢先看: https://github.com/jdf2e/nutui NutUI 3.0 官网:https://nutui.jd.com/3x/#/   小程序多端适配 设计初衷 在跨端小程序的开发过程中,我们发现没有合适的组件库可以使用,尤其在做电商商城类场景的业务时,没有符合京东 App 规范的组件库为我们的小程序项目提供支持。为了填补这一空白,同时让 NutUI 组件库能够为更多的开发

置顶 原创 点赞0 阅读10000+ 收藏0 评论0 2021-06-25

NutUI 3.1 正式发布:开启多端开发之路

作为一款具有京东风格的组件库,我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件,但是在跨端小程序的开发过程中,发现没有合适的组件库可以支持多端开发。为了填补这一空白,同时为了优化开发者体验,让 NutUI 能

原创 点赞0 阅读102 收藏0 评论0 7 天前

NutUI 3.1 正式发布:开启多端开发之路

作为一款具有京东风格的组件库,我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件,但是在跨端小程序的开发过程中,发现没有合适的组件库可以支持多端开发。为了填补这一空白,同时为了优化开发者体验,让 NutUI 能够为更多的开发者带来便利,我们决定在 NutUI 中增加小程序多端适配的能力。 ## NutUI

原创 点赞0 阅读609 收藏0 评论0 18 天前

十分钟快速上手NutUI

本文将会从 NutUI 初学者的使用入手,对 NutUI 做了一个快速的概述,希望能帮助新人在项目中快速上手。 文章包括以下主要内容 安装引入 NutUI NutUI 组件的使用 NutUI 主题和样式定制 国际化项目中使用 NutUI 为什么是她 Vue 给大家带来了组件化,这个功能给开发人员带来

原创 点赞0 阅读3077 收藏0 评论0 21 天前

Picker 组件的设计与实现

前言 今天的主题是 Picker 组件的设计与实现,Picker 组件是 NutUI 的一个拾取器组件,它用于显示一系列的值集合,用户可以滚动选择集合中一项,也可以支持多个系列的值集合供用户分别选择。我们通过一张效果图,来看看组件具体实现了什么功能。 说到 NutUI, 可能有些人还不太了解,容我们

原创 点赞0 阅读2472 收藏0 评论0 21 天前

NutUI 视频组件开发心得

引子 说到在项目中引入一个视频,我们肯定会想到 HTML5 为我们提供的 Video 标签,它为我们提供了许多属性和方法,使用起来很方便,当然直接使用也会遇到各种兼容问题,在最初学习 Video 标签时,

原创 点赞0 阅读2612 收藏0 评论0 22 天前

SPA 路由三部曲之实践演练

回顾 《SPA 路由三部曲之核心原理》的姊妹篇《SPA 路由三部曲之实践演练》终于要跟大家见面了,在开篇之前,我们先来回顾一下,在上一篇中都了解到了哪些知识:前端路由流行的模式有两种 hash 模式和 history 模式,两者分别利用浏览器自有特性实现单页面导航。 hash 模式:window.l

转载 点赞0 阅读3124 收藏0 评论0 24 天前

京东 Vue3 组件库支持小程序开发啦!

源码抢先看: https://github.com/jdf2e/nutui NutUI 3.0 官网:https://nutui.jd.com/3x/#/ 小程序多端适配 设计初衷 在跨端小程序的开发过程中,我们发现没有合适的组件库可以使用,尤其在做电商商城类场景的业务时,没有符合京东 App 规范

转载 点赞0 阅读10000+ 收藏0 评论0 2021-06-28

如何用canvas拍出 jDer's工作照

背景在京东,就职满五年的老员工被称作“大佬”,如果满了十年,那就要被称之为“超级大佬”了。从 2016 年 5 月 19 日开始,每一年的这一天都被定为京东集团的“519 老员工日”。正所谓:五年砺银,十年锻金!在京东成长 10 年的员工,放在行业里的任何一家公司,都能够像金子般发光!在这 5 年或 10 年无数个奋斗的日夜里,大家是以怎样的姿势在工作呢?下面由我揭晓这些姿势是怎样修炼而成的吧~玩

原创 推荐 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

组件 popup 设计和源码剖析

前言NutUI 是一套京东风格的移动端 Vue 组件库,生态系统覆盖面广,支持按需加载、主题定制、多语言等,功能强大。目前 40+ 京东项目正在使用,设计精美,风格统一。在开发组件库的过程中,NutUI 是如何处理组件间的层级关系的呢?今天就给大家解析 NutUI 中具有处理层级关系的公共组件 popup。1. 什么是 popup它是一个公共组件,很多带有弹出层的组件都是基于这个组件开发的。封装这

原创 推荐 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

如何快速构建React组件库

前言俗话说:“麻雀虽小,五脏俱全”,搭建一个组件库,知之非难,行之不易,涉及到的技术方方面面,犹如海面风平浪静,实则暗礁险滩,处处惊险~目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2]。然而这些组件库大都从零开始搭建,包括 Webpack 的繁杂配置,Markdown 文件转 Vue 文件功能的开发,单元测试功能的开

原创 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

SPA 路由三部曲之核心原理

为了配合单页面 Web 应用快速发展的节奏,近几年,各类前端组件化技术栈层出不穷。通过不断的版本迭代 React、Vue 脱颖而出,成为当下最受欢迎的两大技术栈。仅 7 个月的时间,两个技术栈的下载量就突破了百万,React 甚至突破了千万。不管是现下流行的 React、Vue,还是红极一时的 Angular、Ember,只要是单页面 Web 应用,都离不开前端路由的配合。如果把单页面 Web 应

原创 推荐 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

Steps 组件的设计与实现

NutUI 组件源码揭秘前言本文的主题是 Steps 组件的设计与实现。Steps 组件是 Steps 步骤和 Timeline 组件结合的组件,在此之前他们是两个不同的组件,在 NutUI  最近一次版本升级的时候将他们合二为一了,来看看在组件的开发过程中是如何一步步实现组件功能的。说到 NutUI , 可能有些人还不太了解,容我们先简单介绍一下。 NutUI 是一套京东风格的移动端Vue组件库

原创 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

京东 Vue3 组件库闪亮登场

京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库,是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨,NutUI 3.0 终于要和大家见面了!3.0 版本在技术和视觉方面都做出了较大改进,让组件看起来更绚丽,用起来更舒服。技术看点:1. 拥抱 Vue3引入 Vue3 新特性 Composition API、Teleport、Emits 等破坏性变更,全面

原创 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

让协作“飞”起来

没有人是一座孤岛,可以自全。每个人都是大陆的一片,整体的一部分      —— 约翰.多恩(John Donne)作为一个前端开发工程师,我们不是孤军奋战,也同样需要和其他岗位相互协作。在协作的过程中,肯定会遇到一些影响效率的问题,针对这些问题,你们有没有制定出一系列的提效方案?这就是今天我要给大家分享的内容,我会通过在实际工作中遇到的一些具体问题,阐述下我们的提效方案,我相信这会给你们带来一些启

原创 点赞0 阅读10000+ 收藏0 评论0 2021-05-10

京东 vue3 组件库震撼升级,如约而至!

京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库,是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨,NutUI 3.0 终于和大家见面了!3.0 版本在技术和视觉方面都做出了较大改进,让组件看起来更绚丽,用起来更舒服。源码抢先看:https://github.com/jdf2e/nutui3.0官网:https://nutui.jd.com/3x全新改

原创 点赞0 阅读10000+ 收藏0 评论0 2021-05-10