摘要：
1.行内样式 class 组件名称 extends React.Component{ render(){ return <div style={{color:'red',border: '1px'}}></div> } } 样式值为字符串类型时，需要用单引号包裹 使用双花括号包裹样式 ！！！可以将内 阅读全文
posted @ 2020-02-16 14:17
程序员徐小白
阅读(117)
评论(0)
推荐(0)
摘要：
这是es6的新特性，用于实现面向对象的编程 1.class类的创建 创建一个class类 class myClass{ //构造器，默认为空的构造器 //当class在被new时就会调用构造器 //相当于function //function myClass(name,age){ // this.n 阅读全文
posted @ 2020-02-15 15:11
程序员徐小白
阅读(405)
评论(0)
推荐(0)
摘要：
报错： Support for the experimental syntax 'classProperties' isn't currently enabled 出错的代码 class myClass{ > 6 | static info = "这是myClass的静态属性" | ^ 7 | 8 阅读全文
posted @ 2020-02-15 14:20
程序员徐小白
阅读(453)
评论(0)
推荐(0)
摘要：
1.增加alias属性 在webpack.config.js文件中 const path=require('path') module.exports={ resolve:{ //给src取别名 alias:{ '@':path.join(__dirname,'./src') } } } 2.使用别 阅读全文
posted @ 2020-02-15 13:35
程序员徐小白
阅读(318)
评论(0)
推荐(0)
摘要：
方式一 使用function创建组件 定义一个function //fuction的名称一定要大写开头 function 组件名称(){ //返回的值必须是一个虚拟DOM对象，或null return <h1>holle</h1> } 将组件渲染到页面 //定义的组件可以直接当作一个标签来使用 Re 阅读全文
posted @ 2020-02-15 13:24
程序员徐小白
阅读(67)
评论(0)
推荐(0)
摘要：
1.定义 写在js文件中的html格式的语言 jsx比html严格多了，每个元素必须要有闭合 2.定义虚拟DOM对象 直接使用html标签就可以定义虚拟DOM对象 必须用唯一的根元素来进行包裹 var div=<div>123456</div> 3.插值表达式{} 插值表达式内可以写数字，字符串，b 阅读全文
posted @ 2020-02-15 00:00
程序员徐小白
阅读(135)
评论(0)
推荐(0)
摘要：
html是最优秀的标记语言，使用js对象来创建虚拟DOM对象太麻烦了，最好就能使用html语法来写虚拟DOM 这种混合写在js中的html标签，叫做JSX，但是webpack无法打包除了js之外的语言，所以在编译时，会将这种html标签转换为js对象，这就需要使用babel来将html标签转换为js 阅读全文
posted @ 2020-02-14 18:53
程序员徐小白
阅读(515)
评论(0)
推荐(0)
摘要：
1.安装react react-dom cnpm i react react-dom -S 在 8.X版本的babel中 需要安装@babel/preset-react（额外的） react 专门用来创建组件和虚拟DOM的，提供了组件的生命周期 react-dom 专门进行对DOM的操作，将组件和虚 阅读全文
posted @ 2020-02-14 15:33
程序员徐小白
阅读(46)
评论(0)
推荐(0)
摘要：
1.使用时的报错 PS D:\wordspace\webpackTest> cnpm i cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + cnpm i + ~~ 阅读全文
posted @ 2020-02-14 12:31
程序员徐小白
阅读(480)
评论(0)
推荐(0)
摘要：
1.MVC mvc是前后端的划分 m模型层 v视图层 c业务控制层 2.MVVM mvvm是前端的划分 m页面从业务控制层拿到的数据 v页面的html结构 vm分隔了m和v，每当v层想要获取或保存数据时，都要由vm做中间的处理 阅读全文
posted @ 2020-02-13 14:51
程序员徐小白
阅读(83)
评论(0)
推荐(0)
浙公网安备 33010602011771号