八佾舞于庭

准备环境：nginx-1.14.2 // node v12.16.1 // npm 6.13.4 前端代码为react+typescript "homepage": "../"在package.json文件中添加，保证build出来的资源引入正常，添加位置与version name平级将静态资源拖拽到htm文件夹替换，如下图打开conf文件夹在nginx.conf文件夹中修改配置启动ip与端口，代码如下下面conf中try_files$uri/ind...

vue中嵌入react组件，直接上图，下图为一个开源的jsoneditor组件，由react编写，在项目中需要集成到vue工程中，组件名称为jsonEditor.jsx在需要引入的vue组件中引入，package.json文件需要引入的资源包vuerareact react-dom等等.babelrc文件中需要修改的地方vue...

React 特点简单介绍 1.声明式设计 −React采用声明范式，可以轻松描述应用。 2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活 −React可以与已知的库或框架很好地配合。 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。 5.组件 − ...

ctrl+shift+p 然后在搜索栏中搜索setting点击进入setting界面在setting界面搜索 includeLanguages 添加代码如下："emmet.includeLanguages": { "javascript": "javascriptreact"}  重启后即可生效...

 操作如下图：搜索chinese 成功如下图所示   

组件定义的三种方式 创建形式如下：无状态函数式组件function App(props) {//props Sebastian return <div>Hello {props.name}</div>}ReactDOM.render(<HelloComponent name="Sebastian" />, mountNode)...

ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。 class Point { constructor(x, y) { this.x = x;//this指当前实例 this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}...