平凡的人平凡的世界-CSDN博客

原创三栏布局的七种方案及优缺点对比总结

题目：设高度已知，请写出三栏布局，其中左栏和右栏宽度各为300px，中间自适应。常见的布局方式: 浮动(float)布局、定位(Position)布局、弹性(flex)布局、表格(table)布局、网格(grid)布局、圣杯布局、双飞翼布局。公共样式首先把公共样式放在头部，代码如下： <head> <meta charset="UTF-8"> <title>页面布局</title> <style media=

2021-02-25 21:55:37 617

原创获取有重复属性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 461

原创 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 215

原创每日学习之every 和some数组循环

1，every循环数组是只有当数组中的所有元素都满足条件时every() 才返回 true；或者可以这样说只要有一个不满足条件则返回false function 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 1002

原创每日学习之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 392

原创强制转化!!布尔值

// 强制转换为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 531

原创每日学习之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 248

原创每日学习css之transition的使用

transition: property duration timing-function delay; transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。 transition-timing-function 规定速度效果的速度曲线。 transition-...

2020-01-15 11:09:55 150

原创学习笔记之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 120

原创学习记录find和findIndex

ES6增加了find，findIndex find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。下面在控制台可以练习一下 [12, 22, 44, 55].find((value, index, arr) => { console.log(value) //每一次...

2020-01-06 14:54:41 167

原创 call和apply的解释和作用

call 和 apply 都是为了改变某个函数运行时的（环境）context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。 call, apply都属于Function.prototype的一个方法，所以每个Function对象实例,也就是每个方法都有call,apply属性相同点:两个方法产生的作用是完全一样的。不同点:方法传递的参数不同call()接受的是...

2019-12-26 17:53:08 851

原创学习笔记之for in 和for of 和object.keys()用法总结的简单理解

for in 用来循环对象获取对象的键名 var selfObj={ 　　a:1, 　　b:2, 　　c:3 } for (var key in selfObj) { console.log(key); } //console.log 得到a,b,c for of用来循环数组得到数组元素 var aa=[5,2,1]; for(var value of aa) {con...

2019-12-25 09:58:06 681

原创 vue+mint-ui做微信公众号支付

首先前提工作做好，公司申请公众号，申请支付账户密码在微信商户平台（pay.weixin.qq.com）设置您的JSAPI支付支付目录，设置路径：商户平台-->产品中心-->开发配置这张图片我重点说一下，因为当时我支付的时候一直报未设置支付地址错误 jsapi支付授权地址要精确到你页面在哪个文件夹下比如我的支付页面 www.yyu.com/wxgh/index....

2019-06-20 11:21:05 1037

原创字符类的数字转化成数字类型

Number()：强制转换所有，如果里面有不是数字的字符直接返回NAN； parseInt()：处理整数，只转换第一个无效字符之前的字符串（例如：123qqq，返回123）； parseFloat()：处理小数，只转换第一个无效字符之前的字符串（例如12.34wew，则返回12.34）； toFixed(x) ：截取小数点后 x 位 toPrecision(x) ：整个数字截取指定

2016-07-12 10:56:24 375

QingChunDeZhanYi的博客