JS
萌动的小心灵
这个作者很懒,什么都没留下…
展开
-
jquery中获取当前鼠标的x、y位置位置
jquery中获取当前鼠标的x、y位置位置的代码。<div id="testDiv">放在我上面</div> <script type="text/javascript"> $('#testDiv').mousemove(function(e) { var xx = e.originalEv原创 2019-02-15 21:45:40 · 6150 阅读 · 0 评论 -
event.target
在获取目标事件源的情况,一般情况下我们获取目标事件源都是谁是调用者谁就是事件源,但是当有批量的DOM需要操作的时候,要判断哪一个dom是事件源就不是很明确了,使用e.target可以准确地获取事件源,并且在使用的过程中可以比较判断,从而实现我们的代码。举个例子:当做一个拖拽的案例的时候,有多个事件源,但是想要知道鼠标点击的是不是我们想要的事件源的时候(例如:其他区域和事件源进行判断),我们就可以...原创 2019-03-19 00:22:34 · 5291 阅读 · 0 评论 -
CSS之浮动布局(float,浮动原理,清除/闭合浮动方法) css之浮动布局
1.什么是浮动:在我们布局的时用到的一种技术,能够方便我们进行布局,通过让元素浮动,我们可以使元素在水平上左右移动,再通过margin属性调整位置2.浮动的原理:使当前元素脱离普通流,相当于浮动起来一样,浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘3.浮动的生成:使用css属性float:left/right/none 左浮动/右浮动/不浮动(默认)4.浮动的影响:...转载 2019-03-23 18:15:11 · 204 阅读 · 0 评论 -
CSS之定位布局(position,定位布局技巧)CSS之定位
1.什么是定位:css中的position属性,position有四个值:absolute/relative/fixed/static(绝对/相对/固定/静态(默认))通过定位属性可以设置一些不规则的布局,使用TLBR(top,left,bottom,right)来调整元素位置。2.各个属性值的描述:static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次...转载 2019-03-23 18:23:28 · 1031 阅读 · 0 评论 -
CSS之使用display:inline-block来布局
1.解释一下display的几个常用的属性值,inline , block, inline-blockinline(行内元素):使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行.不能更改元素的height,width的值,大小由内容撑开.可以使用padding上下左右都有效,margin只有left和right产生边距效果,但是top和bo...转载 2019-03-23 18:53:26 · 132 阅读 · 0 评论 -
Vue组件
组件的基本使用注册组件注册组件就是利用Vue.component()方法,先传入一个自定义组件的名字,然后传入这个组件的配置。Vue.component(‘mycomponent’,{template: <div>这是一个自定义组件</div>,data () {return {message: ‘hello world’}}})如上方式,就已经创建了...转载 2019-05-26 23:03:08 · 105 阅读 · 0 评论