- 博客(8)
- 收藏
- 关注
RSS订阅
1原创 HTML——文本溢出省略号
首先想要达到这样的显示目的，首先设置固定宽度是不可避免的，高度可以视情况而定，不是必须的，然后就是三个重要步骤了，如下图：div{ width:300px; height:300px; /*强制文字在一行文本框内*/ white-space: nowrap; /*溢出部分文字隐藏*/ overflow: hidden; /*溢出部分省略号处理*/ text-overflow: ellipsis;}小伙伴们明白了吗...
2021-12-07 11:22:11
197
原创 react——生命周期
首先就是总结react的生命周期，总结为四大生命周期；分别为：初始、更新、卸载、错误下面进行逐个解析：componentDidMount()会在组件挂在后（插入DOM树中）立即调用。componentDidUpdate() 会在更新后会被立即调用。首次渲染不会执行此方法。componentWillUnmount() 会在组件卸载及销毁之前直接调用。在此方法中执行必要的清理操作，例如，清除 timer，取消网络请求或清除在 componentDidMount() 中创建的订阅等。sta
2021-12-06 20:22:57
333
原创 vue中的v-if与v-show的细节分析
v-if在上篇文章中讲到当v-if的索引条件为false时，是删除当前节点。而这篇文章将要讲到的是v-show。v-show的特点在于它是利用display来进行显示或者隐藏的，也就是说当节点消失时，在客观还是存在的，只不过主观上不在而已。下面我们来看一个小案例：<div id="app"> <div v-show="ok">三仟</div> <div v-show="no">墨染</div></div&g
2021-11-08 22:05:47
397
原创 vue——v-if、v-else用法
当v-if为true的时候当前节点存在且显示；为false时，删除当前节点；v-else则是在v-if不存在且不显示时显示存在出来。这样我们就可以利用这个特性做一些东西了<div id="app"> <div v-if="str>0">三仟</div> <div v-else>墨染</div></div>new Vue({ el:'#app', data:{ str
2021-11-06 14:15:20
813
原创 vue——生命周期
我们可以在实例里面合理使用这些东西beforeCreate(){ 创建前 console.log(this.msg)//data还未创建好 console.log(this.$el)//实例未挂载 模板未编译}created(){ 创建后 data已经创建好 实例未创建好 模板未编译}beforeMount(){ 挂载前 data已经创建好 实例已挂载 模板未编译}mounted(){ 挂载...
2021-11-06 13:59:15
37
原创 vue——事件中心
事件中心**************核心步骤*******************------------建立事件中心-------------------vat bus = new Vue();----------------传递数据----------------------bus.$emit('自定义事件名',传递的数据)----------------接收数据----------------------bus.$on('自定义事件名',func...
2021-11-06 13:46:37
643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人