![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 93
平凡的人平凡的世界
开心的过每一天
展开
-
三栏布局的七种方案及优缺点对比总结
题目:设高度已知,请写出三栏布局,其中左栏和右栏宽度各为300px,中间自适应。常见的布局方式: 浮动(float)布局、定位(Position)布局、弹性(flex)布局、表格(table)布局、网格(grid)布局、圣杯布局、双飞翼布局。公共样式首先把公共样式放在头部,代码如下:<head> <meta charset="UTF-8"> <title>页面布局</title> <style media=原创 2021-02-25 21:55:37 · 635 阅读 · 0 评论 -
获取有重复属性json格式的数组并得新的数组(为了在数组中对具有相同属性的数据操作)
例如数据:let arr = [ { name: '小明', value: '2', type: '1' }, { name: '小明', value: '3', type: '1' }, { name: '小刚', value: '3', type: '1' }, { name: '笔本', value: '2', type: '1' }, { name: '小明', value: '4', type: '1' }, { name: '小明', value: '5', typ原创 2020-07-24 17:17:20 · 487 阅读 · 0 评论 -
vue 价格filter
1,金额数字分用千分号分隔fenToYuan(value) { if(!value) return '0.00'; /*原来用的是Number(value).toFixed(0),这样取整时有问题,例如0.51取整之后为1,感谢Nils指正*/ var intPart = Number(value)|0; //获取整数部分 var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //...原创 2020-07-23 15:22:20 · 228 阅读 · 0 评论 -
每日学习之every 和some数组循环
1,every循环数组是只有当数组中的所有元素都满足条件时every() 才返回 true;或者可以这样说只要有一个不满足条件则返回falsefunction fun (value, index, ar) { if (value % 2 == 0) { return true; }else { return false; }}var a = [4,2,7,10,8];if (a.every(fun)) { console.log("原创 2020-05-14 17:58:40 · 1047 阅读 · 0 评论 -
每日学习之filter基本用法
1,过滤数组的空字符并返回结果var data = ['', undefined, null, 12, 21];var result = data.filter(function(value) { return value;});console.log(result);//结果:[12, 21]2,根据需求过滤数组var a=[ {a:1,b:2}, {a:11,b:22}];a.find((value,index,arr)=>{ retu原创 2020-05-12 14:38:30 · 405 阅读 · 0 评论 -
强制转化!!布尔值
// 强制转换为Boolean 用 !!var bool = !!"c";console.log(typeof bool); // boolean// 强制转换为Number 用 +var num = +"1234";console.log(typeof num); // number// 强制转换为String 用 ""+var str = ""+ 1234;console...原创 2020-01-16 11:20:51 · 546 阅读 · 0 评论 -
每日学习之i++和++i的区别
i++先返回在加1;++i是先加1在返回;在浏览器控制台做这个实验:var i=0;i++;此时返回的依然是0,但是在控制台打印出i已经变成1了;var i=0;++i;此时返回的是1,控制台i也是1...原创 2020-01-15 15:02:49 · 257 阅读 · 0 评论 -
每日学习css之transition的使用
transition: property duration timing-function delay;transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。 transition-timing-function 规定速度效果的速度曲线。 transition-...原创 2020-01-15 11:09:55 · 159 阅读 · 0 评论 -
学习笔记之js的匿名函数
var a = 10;(function () { console.log(a) a = 5 console.log(window.a) var a = 20; console.log(a)})()这个代码会输出什么?答案是undefined , 10 ,20为什么会是undefined呢?这里就是一个知识点匿名函数匿名函数的作用:...原创 2020-01-09 18:04:15 · 139 阅读 · 0 评论 -
学习记录find和findIndex
ES6增加了find,findIndexfind()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。下面在控制台可以练习一下[12, 22, 44, 55].find((value, index, arr) => { console.log(value) //每一次...原创 2020-01-06 14:54:41 · 176 阅读 · 0 评论