m0_46387675的博客

原创 JavaScript拖拽效果的原理及实现

JavaScript拖拽效果的原理及实现 JavaScript中实现拖拽效果需要用到事件侦听和鼠标事件。事件侦听是对被拖拽的元素添加事件侦听，包括mousedown,mousemove,mouseup。 常见的拖拽操作基本就是下面的方式： 1、用鼠标点击选中被拖拽的元素 2、按住鼠标不放，拖动鼠标 3、拖拽元素到一定位置，放开鼠标实现拖拽的效果 在逆战班的学习中一些情况下还需要用到mouselea...

原创 JS的形参与实参

逆战班-JS的形参与实参 函数的参数 参数是指由外部传入到函数中的变量，仅作为变量使用，但是该变量可以是任何内容，包括函数。被传入的参数作为私有变量使用，可以被覆盖掉。参数排列是严格按照参数的顺序填入的。 JavaScript中函数的参数分为形参和实参。 形参：是在定义函数时使用的参数，目的是用来接收调用该函数时传进来的实际参数。 实参：是在调用时传递给函数的参数。 function myfun(...

原创 初学-JavaScript数据类型转换

原创 入门-animation的属性值

animation的属性值 animation动画属性 VS transition过渡属性 相同点：二者都是随着时间改变元素的属性值 不同点：transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性,表现为初始效果——最终的效果之间的变化； animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值，从而...

原创 margin的上下重叠bug

margin的上下重叠bug 两个同辈元素上下排列，给上元素设置下margin，给下元素设置上margin，那么两个元素的距离取两个margin值中最大的那个值，又叫margin的重叠现象 父子元素，子元素的margin-top会错误的传递给父元素，子元素在父元素内看不到margin-top的设置 需要注意的是，margin重叠只发生在块状元素，且具有垂直相邻的关系才会发生重叠。margin...

原创 入门-css盒模型

引入：如下图所示，页面文字和左边区域有间距，未学习盒模型之前可以通过对文字进行首行缩进实现相应的效果，但对于布局来说是非常不方便的。如果可以直接对元素之间的间距进行设置就可以很方便的进行布局操作。 盒模型： 作用：规定了网页元素如何显示以及元素间相互关系，可以控制元素和元素之间或者元素和内容之间的位置关系 概念：盒模型是css布局的基石。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。...