摘要: 1.过度:transition:它是一个缓慢的滑翔过程,就相当于一个缓冲,显得不是那么的突兀; 官方的解释是我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript 过渡的属性: transition-property: width; 使用过渡的css属性名 阅读全文
posted @ 2020-01-12 19:34 笑等茶凉zl 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 1.边框圆角属性:border-radius 我们在c2中就有接触到border-radius,边框圆角,这个其实是c3当中的属性,我们一般设置圆角的时候,整个盒子都有圆角,其实这是边框圆角的一个简写,其实是可以分开写的: border-top-left-radius:border-top-righ 阅读全文
posted @ 2020-01-07 17:17 笑等茶凉zl 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 1.c3和c2得区别就是新增了一些东西,c3还是w3c的标准,在原有的基础上面改进了一些,但是还是有一定的缺点,那就是兼容性不太好,毕竟是新出来的东西。 2.接下来我们来看一下有哪些改进的东西;从我们最开始的选择器开始 属性选择器(c3): E[att^="val"] 选择具有att属性且属性值为以 阅读全文
posted @ 2019-12-28 17:17 笑等茶凉zl 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 1.在Html5中: (1).表单仍然使用<form>元素作为容器,我们可以在其中设置基本的提交特性 form的action指向一个服务器地址(接口) (2).当用户或开发人员提交页面时,表单仍然用于向服务端发送表单中控件的值 注意表单项的name属性必须有值,服务器才能获取表单 (3).所有之前的 阅读全文
posted @ 2019-12-28 15:25 笑等茶凉zl 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 1.什么是svg? 说白了他就是一个和canvas一样的画图工具,只不过用法不一样,我在前面就有提到过SVG,他是一个矢量图,可以在外部写样式。 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图 阅读全文
posted @ 2019-12-25 20:18 笑等茶凉zl 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 1.老规矩,当我们开始做项目的时候,我们第一步就是要进行分析,当我们的游戏开始做的时候我们要把一整个游戏分成五个阶段来写: 五个阶段和我方飞机的生命值,还有游戏的得分情况如下: //游戏欢迎状态 const START=0; // 第二阶段:游戏加载状态 const LOADING=1; // 第三 阅读全文
posted @ 2019-12-21 14:52 笑等茶凉zl 阅读(580) 评论(0) 推荐(0) 编辑
摘要: 1.我们前端的绘图技术有哪些: 统计图表:echarts 实时走势图:canvas; 在线画板:魔猴; HTML5游戏:three.js 2.我这里主要讲的是canvas绘图; <canvas> 标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。 在画布上(Canvas)画一个红色矩形,渐 阅读全文
posted @ 2019-12-14 12:58 笑等茶凉zl 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 1.什么是html5? html5就是html的最新的修订版本,(这里我们要知道html5不是一个全新的知识),html5的设计目的主要是是为了移动端上支持多媒体的。 我们都知道HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。 HTML5 仍 阅读全文
posted @ 2019-12-14 10:58 笑等茶凉zl 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 1.首先我们要知道BOM是干什么的? BOM和DOM、ES是JavaScript的重要三个组成部分; Bom的核心操作是window;简单来说就是用来操作浏览器的,他是js访问浏览器的接口,它里面封装了dom和bom的所有的方法。 这里为什么会封装dom的方法大家可能有点疑问 我们可以这样来理解我们 阅读全文
posted @ 2019-12-07 11:46 笑等茶凉zl 阅读(154) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{ position: relative; } .head{ width 阅读全文
posted @ 2019-11-30 13:23 笑等茶凉zl 阅读(482) 评论(0) 推荐(0) 编辑