- 博客(8)
- 收藏
- 关注
RSS订阅原创 js的拖拽及实现
js的拖拽效果的三个事件：mousedown 鼠标按下事件mousemove 鼠标移动事件mouseup 鼠标抬起事件当点击dom的时候，记录当前鼠标的坐标值，也就是x、y值，以及被拖拽的dom的top、left值，而且还要在鼠标按下的回调函数里添加鼠标移动的事件：document.addEventListener(“mousemove”, moving, false)和添加...
2020-04-06 21:30:15
100
1
原创 数组
slice：按指定位置截取复制数组的内容arr slice（从什么位置开始，到什么位置之前结束）var arr1=arr.slice(1,4)从第一位开始，截取到第四位var arr1=arr.slice（-2）可以为负值，从倒数第二位开始截取到尾部arr1=arr.slice(-3,-1)从倒数第三个开始截取到倒数第一个只写一个参数，默认到尾部 indexof:(要找的元素...
2020-03-29 21:10:50
56
原创 数组
slice：按指定位置截取复制数组的内容 arr slice（从什么位置开始，到什么位置之前结束） var arr1=arr.slice(1,4) 从第一位开始，截取到第四位 var arr1=arr.slice（-2） 可以为负值，从倒数第二位开始截取到尾部 arr1=arr.slice(-3,-1) ...
2020-03-29 21:08:04
52
原创 js变量
变量命名变量命名只能使用字母，数字，下划线,$,并且首字母不能是数字 一般变量名称分为多种 1、普通变量名称，驼峰式命名法 首字母小写，第二个单词开始，每个单词的首字母大写，其他都是小写 不能使用中文 2、临时变量，或者函数中的参数命名 首字母是下划线，后面跟驼峰式命名法 var _sum=20;...
2020-03-18 22:20:11
67
原创 移动端布局方案
移动端布局方案：1、rem+vw1、需要设置meta标签2、750px 的设计稿 要在 html{font-size:26.67vw}；3、640px 的设计稿 要在 html{font-size:31.25vw}； 4、计算方式：当前元素的尺寸 / 2(dpr) / 100px = ?rem 2、flexible.js <!-- 引...
2020-03-16 13:12:33
181
原创 animation的属性值
动画属性 ：animationanimation vs transition 相同点：都是随着时间改变元素的属性值。不同点：transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性； 初始效果——最终的效果之间的变化； 而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值，从而达...
2020-03-07 18:11:13
206
原创 盒模型
盒模型：作用：规定了网页元素如何显示以及元素间相互关系概念：盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。 盒模型的组成：content（内容区）+padding（填充区）+border（边框区）+margin（外边界区） ...
2020-03-02 19:10:07
70
转载 css定位
CSS 有三种基本的定位机制：**普通流、浮动流、定位流**。 1、普通：上下排列的布局（注：大部分情况） 2、浮动：左右排列的布局（注：大部分情况） 3、定位：层叠、叠加排列的布局 （注：大部分情况） 定位属性：position ：检索或设置对象的定位方式。 1、static：默认值；没有定位； （可以用于...
2020-02-24 19:06:47
44
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人