Three framework CSS

1. Angular

(1) Angular.js (1.x) - no style integration capabilities
(2) Angular (2+)

  • It provides the ability to style package
  • Integration with assembly depth

(3)ShadowDOM

  • Logically a DOM
  • Structure structure exists subset

(4)Scoped CSS

  • Define the scope of the CSS
  • Not affected by external elements
  • External style generally does not affect the internal
  • Through / deep / or penetration >>>

(5) Analog Scoped CSS

  • Scheme One: the random selector (not supported)
  • Scheme Two: the random nature
    <div abcdefg></div>
    div[abcdefg]{ }
    

2. View

(1) Analog Scoped CSS

  • Scheme One: the random selector
    css modules
    
  • Scheme Two: the random nature
    <div abcdefg></div>
    div[abcdefg]{ }
    

3. React

(1) there is no official program integrated
many (2) community-based programs

  • css modules
  • (babel)react-css-modules
  • styled components
  • styled jsx
Published 26 original articles · won praise 0 · Views 563

Guess you like

Origin blog.csdn.net/qq_33084055/article/details/104478231