摘要：
<!-- html代码 --> <div class="wrap"> <h1> TOOLTIP 提示 </h1> <p> 鼠标移动到 <span class="tooltip" tooltip-data="提示框内容">这里</span> 查看提示. </p> </div> /* css代码 */ 阅读全文
posted @ 2022-09-26 09:59
丿流水
阅读(178)
评论(0)
推荐(0)
摘要：
new Router({ scrollBehavior: () => ({ y: 0 }), routes }) 如果是元素的话使用scrollTo方法 示例：el.scrollTo(x, y) x为横向位置，y为纵向位置 阅读全文
posted @ 2022-09-09 14:15
丿流水
阅读(185)
评论(0)
推荐(0)
摘要：
js工具函数 判断数据类型 Object.prototype.toString.call(5) // "[object Number]" Object.prototype.toString.call('str') // "[object String]" Object.prototype.toStr 阅读全文
posted @ 2022-09-06 11:25
丿流水
阅读(213)
评论(0)
推荐(0)
摘要：
在ios系统中img元素的宽高必须设置为100%，然后给父元素设置固定尺寸。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2022-09-05 16:44
丿流水
阅读(519)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-09-02 14:55
丿流水
阅读(43)
评论(0)
推荐(0)
摘要：
纯css实现多行文本添加展开按钮，不用js代码实现展开全部文字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> < 阅读全文
posted @ 2022-09-02 14:45
丿流水
阅读(450)
评论(0)
推荐(0)
摘要：
单行文本溢出显示省略号 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 单行文本溢出显示省略号 display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orien 阅读全文
posted @ 2022-09-02 14:42
丿流水
阅读(491)
评论(0)
推荐(0)
摘要：
前言 关于vue.js的循环渲染大多数知道最好加上key，节省渲染性能。这里通过demo来直观地了解下加key的好处。 实现 注册一个最简单的vue组件，用来显示list的每项数据 // 声明一个Item子组件 const Item = { name: 'Item', props: ['messag 阅读全文
posted @ 2022-09-02 11:32
丿流水
阅读(352)
评论(0)
推荐(0)
摘要：
背景 如果页面有多个平级状态的内容，一般用tab显示。但是平级内容很多的话，使用tabs就不合适了。 需求 将同级状态标题以按钮形式排列，当点击标题按钮，页面相应内容自动定位滚动到顶部，就是所谓的锚点。 技术栈 vue2.x项目使用element-ui框架 实现 当然css也可以实现锚点功能，但是体 阅读全文
posted @ 2022-09-02 10:38
丿流水
阅读(1845)
评论(0)
推荐(0)
浙公网安备 33010602011771号