h5学习笔记

原创 2018年04月17日 17:16:54

申明提前,
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的值

h5前端学习笔记

  • 2017年03月21日 20:49
  • 60KB
  • 下载

h5,css学习笔记

1.h5不分大小写。 2.常见的块级元素:div,p,h1-h6,ol,ul,li,dl,dt,menu,section,form,table, address。 3.常见的行内元素:span,s...
  • Yotkan
  • Yotkan
  • 2017-05-14 15:58:04
  • 297

h5学习笔记(1)

使用H5框架来拼凑一些手机端页面,最近有一些体会。基于组件式的开发和布局方式来写页面让人受益良多。但经常要了解布局方式。div的方式使用很多,经常配合css 来做。如果用reactjs来写也是类似但方...
  • hero82748274
  • hero82748274
  • 2015-12-07 23:52:13
  • 1043

学习h5第一天的心得

H5的根标签是 是标题。是链接;是样式。加上
  • chjxcl8888
  • chjxcl8888
  • 2016-04-19 16:48:55
  • 512

H5学习笔记——CSS

Cascading Style Sheets——层叠样式表,简称CSS 如果说HTML是决定页面写什么内容的话,那么CSS就是控制这些内容如何显示与表现的。 CSS与HTML结合的三种形式如下: ...
  • qq_34765552
  • qq_34765552
  • 2018-03-19 17:29:43
  • 32

HTML5/CSS3学习笔记

1. 内联元素可以设置margin, padding, border, 不过margin和padding只在左右方向上起作用,对input等替换元素在上下方向上依然有效。关于为何img、input等内...
  • changbear
  • changbear
  • 2016-02-28 17:52:02
  • 1260

h5学习笔记:line-height和height组合居中

布局的时候经常使用到水平居中,所以 margin: 0 auto; 非常好用,前提是需要将div 设置一个宽度。1.水平居中.center{ width:1200px; margin: ...
  • hero82748274
  • hero82748274
  • 2016-04-27 22:44:28
  • 1345

H5 本地存储学习笔记

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。   sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口...
  • hbiao68
  • hbiao68
  • 2017-01-14 10:06:21
  • 880

h5学习笔记:UI库

自从接触了web开发以来,每天都会很纠结选什么UI框架才是比较合适?摆在这个问题面前是一个技术的选型。要想知道,web开发的坑实在太深。不断地大厂推出开源框架,不断地发现很多造轮子。或者看到一个比较漂...
  • hero82748274
  • hero82748274
  • 2017-05-03 23:58:56
  • 834

灵活的h5大转盘

  • 2018年04月09日 10:37
  • 354KB
  • 下载
收藏助手
不良信息举报
您举报文章:h5学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)