小阿兜的博客

原创 绝对定位水平垂直居中

<style> .box { position: absolute; /* 1. left 走 50% 父容器宽度的一半 */ left: 50%; /* 2. margin 负值 往左边走 自己盒子宽度的一半 */ margin-left: -100px; top: 50%; margin-top: -100.

原创 static,relative,absolute,fixed，sticky四种定位方式的区别

1.static静态定位2.relative相对定位3.absolute绝对定位4.fixed固定定位5.sticky粘性定位6.定位组成7.边偏移8.定位总结

原创 JavaScript中offset,style,client概述与区别

1. offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位2. offset 与 style 区别offsetoffset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位...

原创 快速了解DOM与BOM，以及它们的区别

1. 什么是DOM文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。​W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。2. DOM树DOM树又称...

原创 毕业论文答辩PPT

原创 JavaScript中this的指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。现阶段，我们先了解一下几个this指向全局作用域或者普通函数中this指向全局对象window // this 指向问题 一般情况下this的最终指向的是那个调用它的对象 // 1. 全局作用域或者普通函数中this指向...