weixin_54454406的博客

前端响应式期末作品

对象（Object）：Javascript里面的一种数据类型（引用类型），也是用于存储数据的。好处：可以用来详细的描述某个事物，是用键值对形式存储语义更明了。特点：对象数据是无序的，数组是有序的。注意：声明对象要使用大括号{}，大括号就是对象字面量。

可以重复被使用的代码块作用：函数可以把具有相同或者相似逻辑的代码“包裹起来”，有利于代码的复用。

数组：（Array）是一种数据类型，属于引用数据类型。作用：在单个变量名下存储多个数据注意事项：数组是按照顺序保存（是有序的），所以，每一个数据都有自己的编号。编号从0开始，数据的编号经常称为索引或下标。数组可以存储任意类型的数据。数组名[索引];4.遍历数组把数组中每个数据都访问到。使用for循环遍历数组数组的长度：通过数组.length属性获取。5.demo 求数据的和和平均数,最大值和最小值6.操作数组-增删改查数组的本质就是数据集合，增删改查。查询语法：数组[索引

就是计算机存储数据的容器。主要作用是记录计算机中数据的不同状态。注意：变量不是数据本身，它仅仅是一个用来存储数值的容器。

走马灯。

一篇文章带您学会CSS的动画

使用的是transform属性实现元素在空间内的位移，旋转，缩放等效果。空间：是从坐标轴角度定义的。x,y,z三条坐标轴构成的一个立体空间，Z轴位置与视线方向相同。所以空间转换也被叫做3D转换语法：transform:translateX(值);transform:translateY(值);transform:translateZ(值);里面的值可以是正数也可以是负数可以是像数单位值，也可以是百分比。

学会CSS的渐变

学会CSS的scale属性

笔者在这里做两种效果，但是笔者还不会制作GIF的动态图，所以在这篇文章展示的效果会有些欠缺，还请各位谅解。效果解读：就是两扇门往两边移动，这样的效果比较容易制作。开门前的效果图：开门后的效果图：2.第二种方法是有一种推门的感觉，在这里 要用到第二种属性，叫做旋转在这里读者简单的介绍一下旋转的使用。

作用：为元素添加动态效果，一般与过渡配合使用概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜）如图所示：平面转换也叫 2D 转换，属性是transform。

实现HTML+CSS做出-溢出文字显示省略号