1.Angular中的CSS

Angular Vue内置样式集成
React一些业界实践

Angular(2+)提供了样式封装能力、与组件深度集成能力

Angular中ShadowDOM:逻辑上一个DOM、结构上存在子集结构

Angular中Scoped CSS:限定了范围的CSS、无法影响外部元素、外部样式一般不影响内部、可以通过/deep或>>>穿透

2.Vue中的CSS

Vue模拟Scoped CSS

方案一:
随机选择器(css modules)

方案二:
随机属性(<div abcdefg> div[abcdefg]{ }

3.React中CSS

官方没有基础方案

社区方案众多:
1.css modules
2.(babel)react-css-modules
3.styled components
4.styled jsx

4.课程总结

课程内容:
1.HTML基础 CSS基础
2.CSS布局
3.效果和动画
4.工具、工程化、框架

慕课网CSS工作应用+面试(9)三大框架中的CSS

学习路径:
基础知识
实践应用(demo和项目)
理论和高级技巧(书籍 网站 博客)
专题练习强化(实战)

慕课网CSS工作应用+面试(9)三大框架中的CSS

面试关注重点:
简历真实性
CSS基础知识
移动端应用经验
动画能力(加分项)
项目经历
工程化能力

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-19
  • 2021-09-08
  • 2021-11-22
  • 2022-12-23
  • 2021-08-21
  • 2021-08-15
猜你喜欢
  • 2021-08-17
  • 2021-06-02
  • 2022-12-23
  • 2021-09-11
  • 2021-06-15
  • 2021-07-14
  • 2021-05-26
相关资源
相似解决方案