vue
一直都在路上...
这个作者很懒,什么都没留下…
展开
-
前端js去重的常用的简单的三种方法
/1 使用for双循环,首先循环原数组,然后循环新定义数组,它里面默认是原数组第一个元素,比较两个是否相等,// 3 indexOf数组的下标。// 2 使用includes。原创 2022-09-07 17:00:25 · 667 阅读 · 1 评论 -
echarts图表的自适应,多张图表自适应屏幕
echart图表本身是提供了一个resize的函数的。于是当浏览器发生resize事件的时候,让其触发echart的resize事件,重绘canvas。用window.onresize = myChart.resize; 可以完成自适应,就是把window的onresize事件赋值为echart的resize事件当然这是单个图表的情况,要是多个图表,发现会不起作用。多个图表可以使用addEventListenerwindow.addEventListener("resize", () =>原创 2020-07-15 15:32:14 · 673 阅读 · 0 评论 -
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 · 5234 阅读 · 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 · 1455 阅读 · 0 评论 -
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 · 2278 阅读 · 0 评论