基于本质的企业级设计系统-李骏.pdf

1、基于本质的企业级设计系统多点-体验技术部负责/李骏李骏2015 年职多点，现任多点体验技术部负责，负责多点前端体系建设，主导设计基于本质的企业级设计系统Cabin X、微前端程化案（Kayak）、客户端程化案（Aladdin&Galleon）、动态跨端技术（HN）等底层核框架，从 0 到 1 完成多点前端体系搭建，致以先进技术提升零售领域产品体验。曾就职阿、腾讯，有过 2 次创业经验，微信程序：开发及案例详解作者。多点体验技术部负责Cabin X基于本质的企业级设计系统1 2 3背景特点实现1背景对企业级设计理解整划使效有迹可循现有解决案问题成本、周期、难维护、质量不可控2特点不是单纯的前端框

2、架产品、设计、前端体化作式效跨端致性效DIV+CSSCabinX代码易懂、量少500+31.5前端设计19致性国内SaaS海外SaaS国内SaaS海外SaaS规则内聚、质量有保障跨端套代码实现体验式跨端3实现跨端技术本质本质任何复杂系统内部都由数不多的极简规则撑系统运作眼镜蛇眼镜发明之前眼镜蛇叫什么？饭匙倩胀颈蛇扁头蝙蝠蛇扇头“它是什么？”单选 Radio 时间图链接本表单图表标签选择 Tag Select时间图链接本表单图表选择器 Select时间链接本表单图表图请选择单选 Radio 时间图链接本表单图表标签选择 Tag Select时间图链接本表单图表选择器 Select时间链接本表单图

3、表图请选择可枚举复(单)元素带触发器的切换容器容器组件技术DML Javascript 封闭DMLDmall Markup Language极简 易读我需要个新户注册 的标题是“新户注册”，标题放左上，字体18号，加粗加，醒点。有两个按钮，个确定、个取消，按钮放右下，确定按钮蓝醒，取消按钮灰放提交按钮左边。中间有个表单，表单有户名、密码两个输框，性别单选框，整体排列，居中对。我需要个新户注册 的标题是“新户注册”，标题放左上，字体18号，加粗加，醒点。有两个按钮，个确定、个取消，按钮放右下，确定按钮蓝醒，取消按钮灰放提交按钮左边。中间有个表单，表单有户名、密码两个输框，性别单选框，整体排列，居

4、中对。我需要个新户注册 的标题是“新户注册”，标题放左上，字体18号，加粗加，醒点。有两个按钮，个确定、个取消，按钮放右下，确定按钮蓝醒，取消按钮灰放提交按钮左边。中间有个表单，表单有户名、密码两个输框，性别单选框，整体排列，居中对。我需要个新户注册 的标题是“新户注册”，标题放左上，字体18号，加粗加，醒点。有两个按钮，个确定、个取消，按钮放右下，确定按钮蓝醒，取消按钮灰放提交按钮左边。中间有个表单，表单有户名、密码两个输框，性别单选框，整体排列，居中对。我需要个新户注册 的标题是“新户注册”，标题放左上，字体18号，加粗加，醒点。有两个按钮，个确定、个取消，按钮放右下，确定按钮蓝醒，取消按

5、钮灰放提交按钮左边。中间有个表单，表单有户名、密码两个输框，性别单选框，整体排列，居中对。有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，

6、性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注册”有个表单，表单有户名、密码两个输框，性别单选框 有确定、取消两个按钮，确定是主按钮 有个，它的标题是“新户注