会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
无何不可88
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
2022年1月4日
JSX的本质
摘要: JSX实际上,仅仅是React.createElement(compontent,props,...children)函数的语法糖。 const meassage = React.createElement('h2',null,'Hello, React');
阅读全文
posted @ 2022-01-04 19:58 无何不可88
阅读(42)
评论(0)
推荐(0)
2021年12月31日
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
阅读(54)
评论(0)
推荐(0)
React 条件判断
摘要: 首先,在state中定义一个属性,设置它的布尔值 this.state={ isLogin:true } 方案一:直接在标签中判断 <h2 >{this.state.isLogin?'显示':'隐藏'}</h2> 方案二:通过逻辑与来显示或隐藏 ,逻辑与:一个条件不允许,后面的条件都不判断了 <h2
阅读全文
posted @ 2021-12-31 10:27 无何不可88
阅读(958)
评论(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
阅读(489)
评论(0)
推荐(0)
2021年12月29日
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
阅读(582)
评论(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
阅读(2102)
评论(0)
推荐(0)
2021年12月21日
js语法解析
摘要: 传统面向对象多态 例如: //1>必须有继承(是多态的前提)//2>必须有重写(子类重写父类的方法)//3>必须有父类引用指向子类对象class Shape{ getArea(){} } class Reactangle extends Shape{ getArea(){ return 100 }
阅读全文
posted @ 2021-12-21 21:29 无何不可88
阅读(138)
评论(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
阅读(831)
评论(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
阅读(28)
评论(0)
推荐(0)
上一页
1
2
3
4
公告