一只柚子爹-优快云博客

原创 js 对象 prototype proto

Object.prototype只是一个普通对象，它是js原型链的最顶端 Object.prototype.proto === null; // true Object.prototype.prototype === undefied; // trueObject.prototype只是一个普通对象(普通对象没有prototype属性，所以值是undefined)，Object.prototype是js原型链的最顶端，它的__proto__是null(有__proto__属性，但值是null

2021-02-09 17:00:34 364

原创 css属性百分比参照物

无定位属性参照属性width父级的widthheight父级的heightmargin父级的widthpadding父级的widthleft、right父级的widthtop、bottom父级的height有定位子元素为绝对定位，相对于定位祖先元素属性参照属性width定位祖先元素width+paddingheight定位祖先元素height+paddingmargin定位祖先元素width+pa

2020-11-30 13:43:43 235

原创 js格式化数字

每三位加逗号function numFormat(num) { return (num.toString().indexOf ('.') !== -1) ? num.toLocaleString() : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); }

2020-11-26 11:06:26 148

原创防抖和节流

防抖就是指触发事件后在规定时间内函数只能执行一次，如果在规定时间内又触发了事件，则会重新计算函数执行时间。简单的说，当一个动作连续触发，则只执行最后一次。思路：首先运行时把定时器赋值给一个变量，第二次执行时，如果间隔没有超过定时器设定的时间则会清除掉定时器，重新设定定时器，依次反复，当停止下来，没有执行清除定时器，超过一定时间后触发回调函数。function debounce(func, delay) { let timer = null return function (...args) {

2020-11-24 16:21:19 130

原创 js实现金额转换

function number_chinese(str) { var num = parseInt(str); var strOutput = "", strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'; num += "00"; var intPos = num.indexOf('.'); if (intPos >= 0) { num = num.substring(0,

2020-11-20 13:36:42 1203

转载表单提交：button与input submit的区别

表单提交：button与input submit的区别

2020-11-18 15:10:37 262

原创 CSS单位小结

CSS单位小结pt点，绝对长度单位，常用于印刷当中px像素，绝对长度单位，但是由于各种设备的dpi不同，所以px也有其相对性，px实际上是按角度度量的单位，px也称为css像素em相对长度单位，相对于应用在当前元素的字体尺寸，一般浏览器字体大小默认为16px，则2em == 32px<body> <div>Test</div></body>body { font-size: 14px;}div { font-size: 1.

2020-11-12 13:58:43 275 1

原创 JS中字符串方法总结

动态方法：1、str.charAt(index);格式：字符串.charAt(下标) 【注】index取值范围[0~str.length-1]功能：访问字符串中单个字符，若不传值默认是0开始找，可以解决str[]形式在IE低版本下的兼容问题var str = "hello北京";alert(str.charAt(1));//ealert(str.charAt());//h2、str.charCodeAt(index);格式：字符串.charCodeAt(下标)，index取值范围同上功能

2020-09-30 11:59:37 180

原创 JS实现统计字符串数量

function countObj(str) { var obj = {}; for (var n of str) { if (obj[n]) { obj[n]++; } else { obj[n] = 1; } } return obj;}function maxElem(obj) { var max = obj[Object.keys(obj)[0]];

2020-09-30 11:55:07 1567

原创 JS中数组去重小结

数组去重的三种方法1.利用选择排序的思想//数组去重 --- 把数组里面的重复的数字或者字符删掉// 0 1 2 3 4 5 6 7// "a", 2, 2, "a", "3", "d", 3var arr = ["a", 2, 2, 2, "a", "3", 2, "d", 3, "a", "a"];//使用第一个和后面的依次进行比较，如果有相同的就删除for(var i=0; i<arr.length; i++){

2020-09-30 11:41:17 84

原创 JS实现冒泡排序及选择排序

冒泡排序var arr = [5, 3, 7, 1]; //循环次数 var s1 = 0; var s2 = 0; //外层循环控制的是比较的轮数（趟数） for(var i=0; i<arr.length-1; i++){ s1 ++; //内存循环控制的是比较的次数 // 0<4-1-0 = 3 // 0<4-1-1 = 2 // 0<4-1-

2020-09-30 11:26:52 155

原创 JS数组总结

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组*（二）使用数组字面量表示法：*var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项的数组var a

2020-09-30 11:21:34 144

原创 padding

padding属性值说明length规定以具体单位计的填充值，比如像素、厘米等。默认值是 0px%规定基于父元素的宽度的百分比的填充inherit指定应该从父元素继承padding两种方式来设置内边距值1）通过padding属性来设置（定义顺序为上、右、下、左。缺省值取对面）2）通过padding+方向值设置特定一个方向的内边距第一种方...

2019-09-23 23:09:26 3366

原创 CSS常用选择器总结

CSS基础选择器element选择器p{ background-color: #00FF00;} <p>选中我</p>class选择器.p{ background-color: #00FF00;}<p class="p">选中我</p>id选择器#p{ color: #FFFF00;}<p ...

2019-09-22 17:10:54 199

原创 CSS盒子模型简单小结

CSS盒子模型简单小结盒子模型（Box Model）各个部分简单说明两种盒子模型两种盒子模型差异指定box-sizing属性盒子模型（Box Model）margin（外边距或空白、空白边）border（边框）padding（内边距或填充）content（内容）或 element（元素）各个部分简单说明margin:定义元素周围的空间（通俗来讲就是自身边框到另一个容器边框之间...

2019-09-20 18:59:16 439

weixin_43957218的博客