自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

VisonYH的博客

Giser修行之路

  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

原创 JS系列总结笔记——6.深入数组的sort方法

1. sort方法使用说明该方法接收一个函数作为参数,该函数在sort方法内部执行n-1次。该函数的两个参数分别对应数组每次比较的两项。var arr = [2,1,4,3,6,7,5];arr.sort(function(a,b){ console.log(a,b);});执行结果为: 正常来说,该方法的排序需要自己传入相应的回调函数。例如实现数字数组的排序函...

2018-03-23 22:02:34 174

原创 JS系列总结笔记——5.深入理解call、apply、bind方法

1. call方法的作用说明:在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call,apply和bind方法就是Function原型中的方法,所以根据原型的规则,所有的函数都可以使用原型中属性和方法,所以来说,对于所有的函数都可以使用call、apply、bind方法。 作用:而在JavaScr...

2018-03-22 18:16:32 195

原创 JS系列总结笔记——4.JS继承

1.类式继承// 父类var SuperClass = function() { this.superValue = true;}// 子类var SubClass = function() { this.subValue = false;}SubClass.prototype = new SuperClass(); // 原型指向父类的实例,即可继承父类的...

2018-03-21 22:02:50 107

原创 JS系列总结笔记——3. 深入理解JS中的this

1. 定义JS中的this代表的是当前行为执行的主体,context指的是当前行为执行的环境(区域)。 例如:我在餐厅吃饭和我在食堂吃饭,this都是我,改变的是执行环境。2.判断this到底是谁函数执行,首先看执行时函数名前是否有 “ . ”,有的话前面是谁this就是谁,没有的话this就是window。function fn() {console.log(t...

2018-03-21 10:51:10 172

原创 JS系列总结笔记——2. JavaScript函数执行内部原理

1. 函数执行的步骤JavaScript函数执行时的步骤如下: (1) 形成新的私有作用域; (2) 如果有形参,先给形参赋值; (3) 进行私有作用域中的预解释(预解释原理); (4) 私有作用域中的代码从上到下执行。2. 区分私有变量和全局变量全局变量:在全局(window)下声明的变量即全局变量;私有变量:在JavaScript(不包含es6)函数内部声明的变...

2018-03-21 10:22:05 449

原创 JS系列总结笔记——1. JavaScript的预解释机制(变量提升)

1. 概念当浏览器加载HTML页面时,会先提供一个供全局JS代码执行的环境(即全局作用域,window或者global),在这个环境中,浏览器默认会把所有带var和function的变量进行提前声明或者定义。 (1) 理解声明和定义;var num = 12;// 声明: 告诉浏览器在全局作用域中有一个num变量// 定义: 给变量进行赋值// 使用只声明未定义的变量值为und...

2018-03-20 20:05:21 199

转载 设备像素比、DPI、PPI、DP、PX 的详细计算方法

参考地址: https://www.web-tinker.com/article/20590.html https://www.zhihu.com/question/21220154

2018-03-20 14:25:03 2719

转载 transform transform-origin详解

mark一下这两篇文章,有时间再好好总结。 https://www.w3cplus.com/content/css3-transformhttp://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/

2018-03-19 15:16:42 1140

原创 word-wrap white-space word-break textoverflow的辨析

1. word-wrap属性值: normal(默认属性)、break-word 说明:正常来说,在一行文本中,如果出现这一行已经放不下的单词,浏览器会自动将该文字转入下一行。但是,如果一行都无法放下该单词,则浏览器默认会出现溢出的情况。如果设置了break-word属性,则会将该单词折断在下一行显示。 2.white-space 属性说明:规定段落中的文本不进行换行。 属性值:...

2018-03-18 14:49:12 250

原创 模拟单选框或复选框

1. 原生的input似乎有点丑,可以利用CSS属性选择器选择不同的状态,模拟出相应的效果。HTML代码如下:<label for="test"> <input id="test" type="checkbox"> <span></span></label>CSS代码如下:

2018-03-18 14:09:01 469

原创 HTML5 input常见新增类型及属性

1. url类型、email、tel类型说明:当输入非url、email的字符串时,浏览器会自动提醒。<form action="/example/html5/demo_form.asp"> <input type="url"> <input type="submit" value="提交"></form&

2018-03-17 10:44:40 3912

空空如也

空空如也

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

TA关注的人

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