手把手带你打造自己的UI样式库|完结|专栏|百度云下载

资源简介

市面上开源的 UI 框架有很多,但一般规模比较大的公司都会选择自建一套 UI 框架。自建框架的好处有:

源码可以改动

可以完全满足产品的设计风格

完成功能定制化

利于风险控制

本期专栏学习方法分为 “夯实基础 —— 实战 —— 理解设计思路 —— 项目拓展” 四个层次。从熟悉基础的 HTML、CSS 知识点开始,实战整合每一个 UIDEMO 组件,理解 UI 框架的设计思路到学会开发方法进行项目扩展、开发自己需要的组件。

《手把手带你打造自己的UI样式库|完结|专栏|百度云下载》

资源目录

-代码开始-

课程目录已更新45节
全部
第一章 开山-课程介绍
01 开篇词:为什么学习这门专栏?
02 什么是 UI 框架?
03 自已开发 UI 框架
第二章 磨剑-课前准备
04 课前准备
05 页面结构基础
06 CSS选择器(一)之基础选择器
07 CSS选择器(二)之组合选择器
08 CSS选择器(三)之伪类和伪元素选择器
09 页面渲染机制(一)之 DOM 树和 CSSOM 树的构建
10 页面渲染机制(二)之渲染树的构建及渲染过程
11 对比分析 CSS屏幕适配方案
12 CSS规范:写出一套优雅的 CSS 代码
13 本章总结
第三章 列阵-移动端页面布局
14 章节介绍
15 项目的建立
16 字体图标的使用
17 页面布局的设计与开发
18 布局组件的开发
19 表单元素的开发
20 按钮的设计与开发
21 本章总结
第四章 操练-常用样式组件的设计与开发
22 常用样式组件的设计与开发
23 Search搜索框样式的设计与开发
24 List列表样式的设计与开发
25 Grid网格样式的设计与开发
26 Menu菜单样式的设计与开发
27 Modal模态框样式的设计与开发
28 Loading加载提示样式的设计与开发
29 Toast提示工具的样式与开发
30 ActionSheet弹出式菜单组件的设计与开发
31 Article文本样式的设计与开发
32 本章总结
第五章 集结-UI框架的集成
33 UI 框架的集成
34 使用文件形式直接集成
35 使用 npm 形式集成
36 本章总结
第六章 实战-常用页面切图的设计与开发
37 常用页面切图的设计与开发
38 首页的设计与开发
39 列表页的设计与开发
40 文章页的设计与开发
41 个人中心页面的设计与开发
42 结果提示页的设计与开发
43 本章总结
第七章 复盘-知识汇总与课程总结
44 本课程知识点汇总
45 课程总结

-代码结束-

资源下载

抱歉,只有登录并在本文发表评论才能阅读隐藏内容,切记不要恶意刷评论白嫖资源,评论前切记阅读用户规则,一旦进入黑名单,不可能再放出来。同时注意,暂停在线支付,请联系客服QQ267286513。
  1. t1ger说道:

    学习UI知识 :razz:

  2. 马健说道:

    :evil: 自己的UI库哦

  3. cs404说道:

    学完布局来看这个

  4. augustus说道:

    UI分离编写

  5. 果园说道:

    感谢分享!!感谢分享!!

  6. 一夜十次郎说道:

    一直想定制自己的UI

  7. jacklinyao说道:

    感谢分享

  8. 如沐春风说道:

    感谢

  9. lewis说道:

    看看质量如何.

  10. ragnarok说道:

    对前端学习很有帮助,感谢分享

  11. 晴空利剑说道:

    谢谢分享

  12. test说道:

    感谢分享

  13. 小马说道:

    :biggrin: 这段时间很需要。感谢大佬分享

  14. bigsmile_lee说道:

    感谢分享

  15. 小貔貅说道:

    感谢分享

  16. 墨鱼说道:

    一直想开发自己需要的一套组件 :idea:

  17. 我是人间惆怅客说道:

    感谢分享

  18. yzhclear说道:

    感谢分享

  19. castle321说道:

    谢谢分享会

  20. AndySun说道:

    学习一下

  21. 愚者说道:

    感谢分享 :razz:

  22. xuxu1633说道:

    感谢分享

  23. 冰封过去说道:

    谢谢分享

  24. HeliumTang说道:

    :smile: 这里好强

  25. coderp说道:

    也许读不懂饿了么的源码,但是可以仿写一个简单的呀

  26. 落水衡山说道:

    一直以来最怕弄的就是UI,让人头疼,感谢博主分享资源

  27. tang-china说道:

    学 css啦

  28. 晏晏子说道:

    学习如何规范的写样式

  29. 沉湎之心说道:

    感谢大哥分享,这个课程看起来还不错,下载来看看,学习下

  30. tom说道:

    自定义样式,谢谢分享

  31. 一刀一个小朋友说道:

    感谢分享

  32. 无聊的猴子说道:

    对前端学习很有帮助,感谢分享

  33. wushuaix说道:

    对提升前端技能非常有用的课程,感谢分享,很强大

  34. 天一说道:

    前端工程师过来报道,感谢分享!

  35. cheng_lu说道:

    前端基础学习下,哈啊哈

  36. 小楼东风说道:

    有空学习点前端 来来来一睹为快

  37. Kuronios说道:

    感谢分享!!

  38. lyc458216说道:

    感谢分享 :razz:

发表评论