摘要:
transform 是css3带来的另一个属性,也就是旋转 transform:rotate(ndeg);这段代码的意思就是 旋转 n 度 单位是deg 这里我们举个例子 那这个div来说,没有旋转之前 然后我们看看向右旋转,他就会沿着顺时针方向旋转我们的90度 若是负的角度,就会逆时针旋转 tra 阅读全文
摘要:
在css3中可以实现很多一些动态效果,css3逐步取代了Flash,可以通过他带来的新特性帮助我们轻易解决一些问题,例如图片的圆角可以直接使用border-radius就可以解决,无需再使用ps解决,并且css3可以减少开发和维护成本,并且还能提高页面性能,因为一些动态效果我们不需要再去使用JS就可 阅读全文
摘要:
弹性盒子的作用不管是电脑端还是移动端都很普遍了,代替了浮动和定位对div的操作,在某方面来说还是机器方便的 设置方式 在父元素盒子中设置 display:flex 在弹性盒子中主轴是X轴,交叉轴是Y轴 设置主轴方向: flex-direction:row 默认 主轴从左到右 column 设置主轴从 阅读全文
摘要:
CSS3中添加了很多选取html元素的新样式,我们都知道,通过选择器的方式选择元素比通过设置id和class更利于网页优化,接下来看看CSS3的选择器; 关系选择器: 例:p ~ span (兄弟选择) 属性选择器: [ ] : span [date] { ... } 表示选中span中包含date 阅读全文
摘要:
window.sessionStorage属性 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 先谈谈会话存储(sessionStorage ) 查看存储的数据个数: sessionStorage .length 存储一个数据: s 阅读全文
摘要:
1.电子邮件 <input type="email" name="email"/> 默认正则:输入内容必须有@符号,@后面必须有内容 2.搜索框 <input type="search" name="search"/> 3.url地址 <input type="url" name="url"/> 默 阅读全文
摘要:
canvas是写在body中的标签,设置宽高后,通过JS来往其中绘制想要的内容, canvas可以理解为一个画板,而JS就是你的画笔、 1.获取到画布 var canvas = document.getElementById("canvas"); 2.getContext() 方法可返回一个对象,该 阅读全文
摘要:
JS定时器是函数 setInterval(函数体/函数名 , 时间) 清楚定时器 clearInterval(函数) 时间单位(毫秒) 1000毫秒 = 1秒 首先我们要知道用JS定时器能干什么?定时器的原理是什么? 我的理解为,定时器是能让一个物体根据规定的时间做规定的移动,而物体运动是怎样的效果 阅读全文
摘要:
在后台将数据发送过来后,你需要将这些数据做成表格,实现一般表格管理功能 例如这种数据格式, 首先要创建table 在table中添加thead 在thead中添加tr 循环数组,且创建开头的input勾选框,在每个tr信息前添加一个勾选框 在table中添加tbody 可以看到,在tbody中的遍历 阅读全文
摘要:
在做2048之前,我们首先要了解它的游戏规则,以及运行逻辑 首先,来看上半部分 除了标题外还有记录每次获得的分数,以及总分数,还有一个重新开始按钮,这个最大分数会保存下来。 来看页面内容 页面内容由16个格子组成,格子里面装着数字 以上就是2048的基础显示部分 在游戏一开始运行的时候会在格子随机位 阅读全文