自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 js 对象 prototype __proto__

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

2021-02-09 17:00:34 355

原创 css属性百分比参照物

无定位 属性 参照属性 width 父级的width height 父级的height margin 父级的width padding 父级的width left、right 父级的width top、bottom 父级的height 有定位 子元素为绝对定位,相对于定位祖先元素 属性 参照属性 width 定位祖先元素width+padding height 定位祖先元素height+padding margin 定位祖先元素width+pa

2020-11-30 13:43:43 207

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

原创 防抖和节流

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

2020-11-24 16:21:19 119

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

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

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

2020-11-18 15:10:37 240

原创 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 266 1

原创 JS中字符串方法总结

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

2020-09-30 11:59:37 170

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

原创 JS中数组去重小结

数组去重的三种方法 1.利用选择排序的思想 //数组去重 --- 把数组里面的重复的数字或者字符删掉 // 0 1 2 3 4 5 6 7 // "a", 2, 2, "a", "3", "d", 3 var 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 72

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

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

原创 padding

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

2019-09-23 23:09:26 3319

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

原创 CSS盒子模型简单小结

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

2019-09-20 18:59:16 426

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除