摘要: JSX实际上,仅仅是React.createElement(compontent,props,...children)函数的语法糖。 const meassage = React.createElement('h2',null,'Hello, React'); 阅读全文
posted @ 2022-01-04 19:58 无何不可88 阅读(42) 评论(0) 推荐(0)
摘要: 列表渲染用的最多的是使用高阶函数Map 例如 this.state={ lists:['asd','ad','adf','dfg','rtf'] } <ul> { this.state.lists.map((item)=>{ return <li>{item}</li> }) } </ul> 问题: 阅读全文
posted @ 2021-12-31 11:21 无何不可88 阅读(54) 评论(0) 推荐(0)
摘要: 首先,在state中定义一个属性,设置它的布尔值 this.state={ isLogin:true } 方案一:直接在标签中判断 <h2 >{this.state.isLogin?'显示':'隐藏'}</h2> 方案二:通过逻辑与来显示或隐藏 ,逻辑与:一个条件不允许,后面的条件都不判断了 <h2 阅读全文
posted @ 2021-12-31 10:27 无何不可88 阅读(958) 评论(0) 推荐(0)
摘要: react事件绑定四个方案 方案一:在事件中通过bind绑定this(显示绑定)用的较少 <button onClick={this.hanldEvent.bind(this)}></button> 方案二:同一绑定this this.hanldEvent = this.hanldEvent.bin 阅读全文
posted @ 2021-12-31 10:15 无何不可88 阅读(489) 评论(0) 推荐(0)
摘要: 1.通过循环遍历tab栏 <div class="bigRanking"> <span v-for="(item, index) in navData" :class="{ nav_li : active index }" :key="index" @click="changRanking(inde 阅读全文
posted @ 2021-12-29 10:02 无何不可88 阅读(582) 评论(0) 推荐(0)
摘要: 基于 Vue 的一个轻量级视频播放组件,适配PC和移动端 vue-mini-player使用方法: 安装 npm install vue-mini-player -S 在main.js中引入,使用use中间件使用 impor vueMiniPlayer from 'vue-mini-player' 阅读全文
posted @ 2021-12-29 09:39 无何不可88 阅读(2102) 评论(0) 推荐(0)
摘要: 传统面向对象多态 例如: //1>必须有继承(是多态的前提)//2>必须有重写(子类重写父类的方法)//3>必须有父类引用指向子类对象class Shape{ getArea(){} } class Reactangle extends Shape{ getArea(){ return 100 } 阅读全文
posted @ 2021-12-21 21:29 无何不可88 阅读(138) 评论(0) 推荐(0)
摘要: 下载 npm 之前需要下载 node,node 官网 http://nodejs.cn/ 傻瓜式安装 国内镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 拥有镜像可以使用 npx 来提升速度 vue2 的项目脚手架搭 阅读全文
posted @ 2021-12-21 16:44 无何不可88 阅读(831) 评论(0) 推荐(0)
摘要: 当文字超出div的宽,以省略号的形式隐藏 1.单行隐藏 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2.多行隐藏 word-break: break-all; text-overflow: ellipsis; overfl 阅读全文
posted @ 2021-12-21 16:43 无何不可88 阅读(28) 评论(0) 推荐(0)