12 2021 档案

React 列表渲染
摘要：列表渲染用的最多的是使用高阶函数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 阅读(81) 评论(0) 推荐(0)
React 条件判断
摘要：首先，在state中定义一个属性，设置它的布尔值 this.state={ isLogin:true } 方案一：直接在标签中判断 <h2 >{this.state.isLogin?'显示':'隐藏'}</h2> 方案二：通过逻辑与来显示或隐藏 ，逻辑与：一个条件不允许，后面的条件都不判断了 <h2 阅读全文
posted @ 2021-12-31 10:27 无何不可88 阅读(973) 评论(0) 推荐(0)
React事件绑定四种方案
摘要：react事件绑定四个方案 方案一：在事件中通过bind绑定this（显示绑定）用的较少 <button onClick={this.hanldEvent.bind(this)}></button> 方案二：同一绑定this this.hanldEvent = this.hanldEvent.bin 阅读全文
posted @ 2021-12-31 10:15 无何不可88 阅读(509) 评论(0) 推荐(0)
Vue的动态组件切换
摘要：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 阅读(604) 评论(0) 推荐(0)
vue-mini-play vue视频播放组件
摘要：基于 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 阅读(2138) 评论(0) 推荐(0)
js语法解析
摘要：传统面向对象多态 例如： //1>必须有继承（是多态的前提）//2>必须有重写(子类重写父类的方法)//3>必须有父类引用指向子类对象class Shape{ getArea(){} } class Reactangle extends Shape{ getArea(){ return 100 } 阅读全文
posted @ 2021-12-21 21:29 无何不可88 阅读(155) 评论(0) 推荐(0)
Npm的使用及项目的所有依赖下载
摘要：下载 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 阅读(860) 评论(0) 推荐(0)
CSS技巧
摘要：当文字超出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 阅读(47) 评论(0) 推荐(0)