代码改变世界

清除浮动

2019-10-19 11:17 by 张海峰999, 105 阅读, 0 推荐, 收藏, 编辑
摘要:父元素没有设置高度,高度由内容撑起 <div class="father cle"> <div class="box1">first</div> <div class="box2">second</div> </div> <div class="foot"></div> father { width 阅读全文

定位

2019-10-14 18:21 by 张海峰999, 134 阅读, 0 推荐, 收藏, 编辑
摘要:1相对定位 如果想为元素设置层模型中的相对定位,需要设置position:relative;,它还是会占用该元素在文档中初始的页面空间, 通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置,然后相对于以前的位置移动, 移动的方向和幅度由left、right、top、b 阅读全文

盒子模型

2019-10-13 23:02 by 张海峰999, 139 阅读, 0 推荐, 收藏, 编辑
摘要:盒子模型是由内容、边框、间隙(padding)、间隔(margin)组成 w3c标准盒子模型:盒子的宽度=左右margin+左右padding+width+border 盒子的高度=上下margin+上下padding+height+border IE盒子模型:margin+border+paddi 阅读全文

笔记

2019-08-26 18:22 by 张海峰999, 104 阅读, 0 推荐, 收藏, 编辑
摘要:post和get的区别 1.用法不同, post一般是向服务器传输数据,get一般是向服务器获取数据,因为使用url传递数据 2.传输数据大小不同,post默认无限制传输大小,get不超过2kb 3.post为隐士传递,get为显示传递 this的理解 this是一个关键字,它代表函数运行时自动生成 阅读全文

笔记

2019-08-26 18:22 by 张海峰999, 67 阅读, 0 推荐, 收藏, 编辑
摘要:post和get的区别 1.用法不同, post一般是向服务器传输数据,get一般是向服务器获取数据,因为使用url传递数据 2.传输数据大小不同,post默认无限制传输大小,get不超过2kb 3.post为隐士传递,get为显示传递 this的理解 this是一个关键字,它代表函数运行时自动生成 阅读全文

翻页

2019-08-26 13:01 by 张海峰999, 224 阅读, 0 推荐, 收藏, 编辑
摘要:function Page(data) { // console.log(data); // var da = document.querySelectorAll('div.Data>ul'); // console.log(da); // 所有行数 var num = data.length; / 阅读全文

DOM

2019-08-19 00:01 by 张海峰999, 85 阅读, 0 推荐, 收藏, 编辑
摘要:节点对象三大属性: 1.nodeType number 专门区分节点的类型: 9 document 1 element 2 attribute 3 text 2.nodeName 节点名 字符串 document #document element 全大写的标签名 attribute 属性名 文本节 阅读全文

DOM的小案例

2019-08-18 23:27 by 张海峰999, 215 阅读, 0 推荐, 收藏, 编辑
摘要:1.点击页面的大于和小于按钮,相印的数据跟着改变 html代码 <table id="data" width="500px" border="1" cellspacing="0" align="center"> <thead> <th>商品名称</th> <th>单价</th> <th>数量</th 阅读全文

继承

2019-08-10 17:15 by 张海峰999, 128 阅读, 0 推荐, 收藏, 编辑
摘要:继承:父对象的成员,子对象不用重复创建,也可以直接使用 这样就可以节约内存,代码重用 原型对象:专门集中存储一类子对象相同属性和功能的父对象 同一类子对象所共有的属性或方法 原型对象:专门集中存储一类子对象相同属性和功能的父对象 同一类子对象所共有的属性或方法 unction Student(sna 阅读全文

面向对象

2019-08-10 16:05 by 张海峰999, 128 阅读, 0 推荐, 收藏, 编辑
摘要:面向对象是一种编程思维,在程序里面用对象来描述一个具体的事务 只要使用面向对象,都要先将事务的属性和功能封装到一个对象中,再反复使用对象,反复使用对象的功能 创建自定义对象(封装) 1. 使用对象的直接量, var obj = { 属性名:属性值, ...:..., 方法名:function(){ 阅读全文