- 博客(9)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端js去重的常用的简单的三种方法
/1 使用for双循环，首先循环原数组，然后循环新定义数组，它里面默认是原数组第一个元素，比较两个是否相等，// 3 indexOf数组的下标。// 2 使用includes。
2022-09-07 17:00:25
643
1
原创 浮动清除与弹性布局
浮动清除与弹性布局浮动布局弊端：父元素高度塌陷。https://blog.csdn.net/Victorymh/article/details/95494748清除浮动方式：方法一：设置父元素高度（仅仅只适用于知道子元素具体有多高）方法二：在父元素的最后1个子元素后面添加1个空的div，不需要设置其他任何的样式，只需要设置clear:both;清除左右浮动，让父元素重新计算子元素的高度。在这里插入图片描述方法三：最佳清除浮动解决方案，伪元素(:after)解决方案。这里的clear只是个类名
2020-10-21 17:58:05
1751
原创 splice 的用法
splice 的用法splice 是数组的一个方法，使用这个方法会改变原来的数组结构，splice（index ，howmany ， itemX）；这个方法接受三个参数，我们在使用的时候可根据自己的情况传递一个参数，或两个参数，或者三个参数；总结splice（）这个方法就是可以删除数组中的项，也可以向数组中添加新的项传递一个参数时 ：传递一个参数的时候表示从这个参数的位置开始一直截取到最后var arr = [2,4,6,7,8,9];console.log(arr);//[2,4,6,7,8,
2020-10-21 16:58:23
1847
原创 js的Math.random() 函数
JavaScript Math.random() 函数Math.random() – 返回0和1之间的伪随机数 可能为0，但总是小于1，[0,1)1document.write(Math.random());返回随机数1document.write(Math.random()(20-10+1)+10);返回10-20的随机数1document.write(Math.random()(n+1-m)+m);返回指定范围的随机数(m-n之间)的公式...
2020-10-21 16:35:23
464
原创 css多行文字溢出隐藏,单行文字隐藏
对于单行文本很简单white-space: nowrap;text-overflow: ellipsis;overflow: hidden;将这三行代码加到css中就ok了，white-space: nowrap; 是强制显示为一行，text-overflow: ellipsis; 将文本溢出显示为（…）,overflow: hidden; 不用多说，溢出隐藏。而想要多行文本溢出隐藏就需要使用web-kit based 的浏览器提供的支持了代码如下overflow: hidden;text-
2020-10-20 11:18:02
363
原创 echarts图表的自适应，多张图表自适应屏幕
echart图表本身是提供了一个resize的函数的。于是当浏览器发生resize事件的时候，让其触发echart的resize事件，重绘canvas。用window.onresize = myChart.resize; 可以完成自适应，就是把window的onresize事件赋值为echart的resize事件当然这是单个图表的情况，要是多个图表，发现会不起作用。多个图表可以使用addEventListenerwindow.addEventListener("resize", () =>
2020-07-15 15:32:14
659
原创 vue实现pc端的自适应，rem适配
项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以要配置相关样式，在style中需要" !important "进行样式覆盖。————————————————1 安装postcss-px2rem及px2r
2020-07-14 17:44:23
5200
2
原创 vue加载页面实时显示判断是上午下午还是晚上
在这里插入代码片<div class="goodmaoing">{{ noontip }} !</div> data() { return { noontip: '', // 上下午提示 } created() { this.mynoontip() },methods: { mynoontip() { const that = this const date = new Date()
2020-07-09 17:27:02
1414
原创 vue实现日期实时变化，获取当前日期时间
在这里插入代码片// 初始化时间// utils/util.jsconst formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() return [year, ' 年 ', month, ' 月 ', day, ' 日 '].map(formatNumber).join('')}const forma
2020-07-09 16:56:44
2241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人