牛客3224207号

未归档

css(9) java(6) JavaScript(3) nagios(1) python(1) react(2) redis(1) vue(2) 中间件(2) 可视化(15) 大数据(1) 定位(1) 技术复盘(1) 游戏(2) 算法(2) 编程语言(1) 设计模式(1) 链表(1)

/ 注册

全部文章 / 未归档（共92篇）

《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件

前言本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVV...

2021-01-01

0 408

《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件...

前言本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和...

2021-01-01

0 456

《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件

前言本文是笔者写组件设计的第七篇文章, 今天带大家实现一个自带主题且可关闭的Alert组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作...

2021-01-01

0 588

《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件

前言本文是笔者写组件设计的第八篇文章, 今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性, 如果大家非常熟悉,可直接跳过介绍直接看正文. 时刻问自己：是否具备创造力? [笔记]前端组件的一般分类: 通用型组件...

2021-01-01

0 662

《精通react/vue组件设计》之手把手实现一个轻量级可扩展的模态框(Modal)组件

前言本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种...

2021-01-01

0 537

精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)

前言本文是笔者写组件设计的第十篇文章, 今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样，通过引入组件标签来调用。比如Modal...

2021-01-01

0 719

精通React/Vue系列之实现一个全局提示(Message)组件

前言本文是笔者写组件设计的第十一篇文章, 今天带大家实现一个同样比较特殊的组件——全局提示(Message)组件。我们看到的组件效果可能是这样的：由于全局提示组件的设计原理和笔者上一篇写的精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)...

2021-01-01

0 835

细品《影响力》

《影响力》作为《财富杂志》鼎力推荐的“75本商业必读书”之一，极大的吸引了我的眼球，于是在2019年入手了它，之前因为工作原因一直断断续续的读，直到今天才把它读完，读完之后收获很多，有很多需要记录和反思，所以打算专门通过文章的方式，记录自己的收获与感想，也希望看到我这篇文章的人，能有所收获。《...

2021-01-01

0 387

从0到1教你搭建前端团队的组件系统（高级进阶必备）

前言随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elementUI，...

2021-01-01

0 1027

《彻底掌握redux》之开发一个任务管理平台

前言 redux是上手react开发的必经之路，也是目前react项目中使用的最流行状态管理库。虽然我们不使用redux也可以通过react的state和父子props进行基本的数据通信和项目开发，但是对于一个大型项目而言，往往考虑的更多的是代码结构和组件之间的通信，我们需要一种很优雅且有利于扩...

2021-01-01

1 391