h5学习笔记

申明提前,
var aa=“9”;
function kk(){
console.log(aa);
var aa=10;
function bb(){
console.log(aa);
}
}
40面向对象 ,创建对象,构造函数,原型,41 继承,function使用,eval 43变量提升 44闭包,函数调用模式,apply和call获取上下文 45 事件注册

43 js高级-第五天源代码 06-变量和函数的提升 ~函数表达式的提升

调用其他对象方法,用apply 或call

继承有哪些,
经典的,用forin 遍历替换;用prototype ,用proto; 用Object.create()(注意兼容性)

41js 高级-创建函数的几种方式

eval的使用 //eval函数可以用来将字符串转换成JavaScript代码并且运行

JS原型链 new 与 Object.Create()区别 代码及继承的方法

JS中的Object.assign()、Object.create()、Object.defineProperty()

https://blog.csdn.net/fangchao3652/article/details/50555985

单引号里面只能是双引号,多层的话,要用反斜杠\ 多个字符串在一行,但是在编辑器中显示不下换行也是用\

  1. 基本概念
    offsetWidth/offsetHeight
    对象的可见宽度,包含滚动条和border。非标准属性,但各浏览器都支持
    clientWidth/clientHeight
    对象的可见宽度,不包含滚动条和border。
    scrollWidth/scrollHeight(慎用)
    元素完整的高度和宽度,overflow:hidden的部分也计算在内。
    offsetLeft/offsetTop
    当前元素距浏览器边界的偏移量,以像素为单位。
    clientTop/clientLeft
    这个属性测试下来的结果是=border。
    scrollLeft/scrollTop(IE6计算方式不同)
    设置或返回已经滚动到元素的左边界或上边界的像素数。
  2. 比较offsetHeight/clientHeight/scrollHeight
    共同点:3个值都和元素的margin无关。
    差 异:offsetHeight = height+padding+border
    clientHeight = height+padding-滚动条的宽度(如果有滚动条)
    scrollHeight 获得的是元素的实际宽度影藏的部分也计算在内
    备 注:1.Jquery中的css(“height”)/height()不计算padding/border/滚动条。
    2.offsetWidth、clientWidth、scrollWidth同理。
  3. 比较offsetTop/clientTop/scrollTop
    offsetTop:元素相对body的Top值(元素border以外到body.padding以内)clientTop = offsetTop-(height+padding)=border
    scrollTop:元素的滚动值 (可用来做滚动效果)// 内部显示的卷起高度
    对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
    即是在出现了纵向滚动条的情况下,滚动条拉动的距离

screenX:
鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。

offsetLeft 与style.left
offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页