组件库设计
3篇文章 · 0订阅
  • TypeScript、Rollup 搭建工具库
    公司内总是有许多通用的工具方法、业务功能，我们可以搭建一个工具库来给各个项目使用。 新建一个项目目录如 fly-helper , 并 npm init 初始化项目。 tsconfig.eslint.json 我们根目录中增加了一个 tsconfig 文件，它将用于 eslint…
    TypeScript
  • 面试官(6): 写过『通用前端组件』吗?
    设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…
    前端 面试
  • 手摸手实现一个轻量级可扩展的模态框(Modal)组件
    本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid…
    React.js 前端
    手摸手实现一个轻量级可扩展的模态框(Modal)组件