摘要: 画布 什么是canvas? HTML5的canvas标签使用JavaScript可以在网页上绘制图像,画布为一个矩形。 画布本身没有绘制能力,只能通过脚本来绘制。 画布例子: 效果图: 画布可以做的不止画圆,这里就不一一举例。 SVG 什么是SVG? SVG指的是可伸缩矢量图,一种二维图形表示语言。 阅读全文
posted @ 2018-12-17 20:07 mercy_up 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 首先,JavaScript的特点是: 1. 跨平台 可以再不同的操作系统上运行。 2. 弱类型 与之相对的是强类型 强类型:在定义变量的时候,需要将变量的数据类型表明。例如:Java 弱类型:定义变量的时候不需要定义数据类型,数据类型根据变量值来确定。例如:JavaScript 3. 解释执行,逐行 阅读全文
posted @ 2018-12-17 19:10 mercy_up 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 浮动(float): 让默认文档流(标准文档流)下的元素漂浮起来,水平排列。 通俗点来说,浮动可以让元素浮到第二层,而其他没有浮动的元素就往上排,而我们是俯视去看的,所以往上顶的那个元素就会被遮住,这就带来了问题。解决方法,后面会有说。 float: 1. left 左浮 2. right 右浮 3 阅读全文
posted @ 2018-12-17 11:49 mercy_up 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 什么是函数? 函数是事件驱动或者被调用时执行的重复代码块。 作用域: 1. 全局作用域 2. 函数作用域(局部作用域) 全局作用域与函数作用域是相对的,比如: i是全局作用域,j和k是函数作用域,而j是k的全局作用域。 使用var关键字声明的变量不是全局就是局部,不是var声明的变量都是全局变量。 阅读全文
posted @ 2018-12-17 11:37 mercy_up 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 用JavaScript来制作实时的时钟 效果图如下: 接下来,我会一步一步向大家介绍如何制作,并将里面的一些值得注意的事项提出来。 首先是把框架搭构起来, 然后给出div和canvas的样式: 获取画布的宽度与高度,这样我们以后更改的时候后面的内容就可以自动改变了,把代码写活, 而且将整个画布的原点 阅读全文
posted @ 2018-12-12 20:09 mercy_up 阅读(304) 评论(1) 推荐(2) 编辑
摘要: css选择器 什么是选择器? 选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应;两者的对应关系可以是一对一,一对多,多对一。 选择器的分类: 这里我只展示几种比较常见的类型, 1. 标签选择器 给同一种标签添加样式,例如: 标签名{ 属性名: 阅读全文
posted @ 2018-12-11 20:13 mercy_up 阅读(107) 评论(0) 推荐(0) 编辑
摘要: css 层叠样式表(英文名:Cascading Style Sheets),主要用于美化网页 1、css的表现形式 1.1 行内样式(内嵌样式) 写在标签内的样式,写在标签的开始部分的内部,style属性当中,即<div style=" width="100px";height="100px" "> 阅读全文
posted @ 2018-12-10 19:37 mercy_up 阅读(125) 评论(0) 推荐(0) 编辑