qq_33495944的博客

Web Component用Lit， React， 原生Javascript写web component，他们之间的区别JavascriptLitReactNote使用使用方式<awc-dropdown></awc-dropdown><awc-dropdown></awc-dropdown><awc-dropdown></awc-dropdown>都可以按照普通标签的形式使用修改

文章目录一、Why二、What三、How1.引入库2.读入数据四、Use五、Summarize一、WhyReact 创建组件的方式，最常见的有两种，一个是类组件，例如 class Dashboard extends React.Component, 一种是纯函数组件， 例如 const Dashboard = () => {return <></>}， 而我们希望组件不要变成复杂的容器，最好只是数据的管道。所以组件的最佳写法应该是函数，而不是类。但是，我们知道穿函数组

一、是什么组件式开发选择合适的css解决方案尤为重要通常会遵循以下规则：可以编写局部css，不会随意污染其他组件内的原生；可以编写动态的css，可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；支持所有的css特性：伪类、动画、媒体查询等；编写起来简洁方便、最好符合一贯的css风格特点在这一方面，vue使用css起来更为简洁：通过 style 标签编写样式scoped 属性决定编写的样式是否局部有效lang 属性设置预处理器内联样式风格的方式来根据最新状态设置和改变

DiffReactAngularNotes创建项目npx create-react-app my-appng new my-appangular cli 比react cli好使， angular提供了创建service， components， directive等命令，并且angular支持路由和样式选择，方便开发人员搭建项目文件文档React 支持中文文档Angular不支持中文文档文件类型React 是JSX语法Angular是 Typescrip...

官方文档（https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops）有一句是这样说的：Using this lifecycle method often leads to bugs and inconsistencies, and for that reason it is going to be...