沐小馨yana-CSDN博客

原创 js数组做数据聚合 groupBy函数的使用

今天写个关于数据聚合吧，就是返回的数据你要根据一个属性做计算。聚合用groupBy这个函数，它传两个形参一为对象数组，二为匿名函数（该函数功能：返回对象的某个指定属性的属性值并存放在数组中）groupBy(array, f) { var _that = this; _that.groupArr = []; const groups = {}; array.forEach(function(o) { const group = JSON.stringify

2020-10-16 17:07:00 3733

原创 html页面用iframe引入公共导航跳转子页面内容不显示或显示不全的问题

html页面用iframe引入公共导航跳转子页面内容不显示或显示不全的问题今天写页面有好几个页面要用一样的导航栏，所以就写了公共的head.html页面。但是发现用jQuery的load方法引入的时候总是报跨域问题，jQuery我是cdn引入的。懒得解决跨域和下载jQuery。便用了iframe引入。发现会出现一个问题，那就是导航栏点击跳转子页面他的页面会放在iframe的盒子里。这个问题用一行代码就可以解决，给a标签加一个target属性target="_parent"看下我的代码he

2020-06-04 17:47:53 1558

原创 css动画让文字一行一行逐渐显示

这几天在做一个年终总结的活动，需要将显示的内容以动画的形式逐渐显示，而且还要使用轮播的效果显示好几页，每页内容都不同其实简单的css就可以实现，但是css代码太长，就写了个循环用js实现啦我是在Vue的基础上写的，1、轮播可以使用插件swiper，使用可以参考https://www.swiper.com.cn/，或者我下篇文章介绍2、每页轮播页面设置类名 swiper1，swip...

2019-12-24 16:31:47 13306

原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

这几天写项目遇见几个问题1、Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop be...

2019-10-12 12:00:31 248

原创关于循环数组里面包含数组并渲染数据de的问题

先看下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=\, initial-scale=1.0"> <meta http-equiv="X-UA-...

2019-09-20 17:51:34 854

原创 Vuejs滚动到一定位置固定导航栏

<active-btn @getData="getData" :class="fixed == true ? 'fixedBtn' :''"></active-btn>//这是我写的一个组件，getdata是用来获取组件传值的//以下是css代码.fixedBtn { position: fixed; //固定定位 top...

2019-08-26 18:14:32 2355

原创 vuejs写一个折叠面板

刚开始我的思路是获取折叠div的初始高度，判断他的高度，给一个稍微低于他高度的范围。然后在设置style.height = 370 + ‘px’。代码如下：ruleEvent() { let height = this.$refs.rule.offsetHeight console.log(height); ...

2019-08-26 18:05:29 599

原创 vue项目npm install报错：module build failed;Error:ENOENT:no such file or directory,scandir '..\node-sass'

出现问题： Vue项目npm install后 npm run dev报错；解决方法： 1. npm rebuild node -sass //重启node 2. npm run dev

2019-07-26 11:05:43 678

原创 window.ocation.href跳转html页面缓存点击不管用

写html页面，写了一个tabbar底部导航栏跳转页面，用了window.location.href=url打包分享到微信打开,发现其他页面跳转很顺利，可是你打开当前链接的页面总是跳不回来。后来明白它是有一个默认事件。给他解决了就好了。第一个方法：给url后缀一个时间戳window.location.href = url + "?v=" + (new Date().getTim...

2019-03-29 11:51:13 1743

原创 CSS 移动端固定表格的第一列，其余内容超出可以滚动

这几天做项目，需要做表格，将第一列固定不动，其他的超出的内容可以滚动，网上查了很多办法，刚开始写的是第一列一个表格，其他内容一个表格。给其他内容设置滚动条。（内容随着后台一直添加，长短不一）遇到的问题：1、每行的内容不一样，让每个td的宽度不一样，出来的表格看起来很乱。解决办法：给table设置 display:flex, tr td { flex: 1}。随之而来的问题：多出...

2019-03-27 11:35:06 5080 2

Yana5mu的博客