今天给大家带来了11张我觉得不论从视觉效果还是页面布局的维度都特别nice的11个pc偏管理端的界面，希望大家可以在平时开发没有灵感时用来做参考。

文章包含了很多Javascript数学库

本文将介绍如何仅仅使用 HTML/CSS 就可以创建出各种基础进度条及花式进度条及实现其酷炫动画的方式。

本期将跟大家讲解如何用svg去开发一个环形进度条vue2组件，普通的矩形进度条我们通过div+css很容易就可以实现，而环形我们就最好使用svg了。

从一个 Confirm 组件开始，一步步写一个可插拔式的组件。 大约6个弹窗... Confirm 通过 v-model="isShow" 切换展示，通过 @onConfirm 和 onCancel 接收点击事件。 那么用它来完成上面的需求吧。 代码改起来会是一个灾难，因为就算…

一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel）等自成一体的复杂组件。 这里我们提出一个组件复杂度的概念，一个组件复杂度的主…

hello，大家好！我是lin。 今天又想和大家分享封装组件这件事。在开发业务需求的过程中，我们可能会遇到一个全新的业务需求，也可能会遇到一个原来已有的功能去迭代新的功能。 显然，如何去设计一个全新的业务需求值是值得我们去思考的。 同样，在一个原有的功能基础上去开发迭代也是值得…

本组件已开源，已npm publish，可自行npm install km-grid，应小伙伴要求，已上传github。 注：虽然现在已经出现大量优秀的UI框架，如elementUI，iviewUI，单从业务、功能及性能仍不能满足项目所有需求，这时，就要考虑如何设计适合自己的组…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…