组件设计原则 层次结构和 UML 类图(用于快速帮助了解应用程序布局和其他细枝末节) 对于前端组件W的UML类图可以有 State、Props、Methods、Event、Slot、与其他组件的关系 扁平化、面向数据的 state/props 低耦合、辅助代码分离 ...

的要求，不仅需要高质量的用户体验，还要求快速迭代，最好一天出一个新功能，而且用户还要求不更新就能体验到新功 ...

一、拆分页面：将一个页面拆分成几个部分，如：父子包裹、左右或上下布局 二、表格操作部分，属于中间件——处理复杂逻辑、数据转换 1.纯展示的表格 2.复杂的内容需要自定义 三、展示组件： 比如通用表格组件、搜索框组件、分页组件、表单校验组件 ...

方法 在本文中，我想介绍一些组件相关的设计概念，在进行前端开发时应该考虑这些概念。我认为最好的方法是给每个概念一个简洁精炼的名字，然后逐一解释每个概念是什么以及为什么重要，对于比较抽象概念的会举一些例子来帮助理解。 以下这个列表并不是不全面也不完整，但我注意到的只有 8 件事情值得一提 ...

http://colachan.com/post/3545 终于迎来一期特刊。最近打算在公司内部做一个分享，讲的是组件化的设计与开发的思维方式。准备完演讲资料，发现这完全可以改成一篇文章。藏着掖着不合适，发出来分享给有需求的朋友吧，就当是个试讲了，希望大家帮忙指出错误。 下载地址：https ...

今天看了同事写的组件，有一些感触，怎么才能设计一个好的组件呢？我感觉应该要包含下面几点： 1. 要易用 (至少让使用者能够简单方便的引入到程序当中）2. 要稳定 (需要增加关键的测试）3. 要灵活（关键参数可配置）4. 要全面（日志、拦截器、监听器）5. 要谨慎（要考虑多种情况）6. 要易读（写 ...

前端组件化封装及npm部署 简介 组件化思想是软件编程的一个重要思想。如汽车的生产，将轮子、灯、座椅等作为单独的组件，由各自的工厂去生产维护，各个组件都做好后再拿到组装厂统一组装使用。组件化思想就是将一个项目拆分成若干个组件，分而治之。 组件化开发好处 高复用性：复用的好处可以得到 ...

有呀，有呀，设计！ 最近看了一本关于设计的书《有呀，有呀，设计！》，受到了启发，想做一个类似于有呀，有呀，设计 的 有呀，有呀，组件，旨在提供给前后端开发人员开箱即用的组件，尤其是UI组件，与样式有关的组件，更多的是为后端人员考虑，减轻后端开发研究组件样式的苦恼。 如果没有UI设计提供的设计 ...