摘要: This的用法 This作为JavaScript中的关键字,在函数中具有四种用法。 一、直接在函数中使用,谁调用这个函数,this就指向谁 例如: 这里this就代表着全局对象。 二、在对象中使用,一般情况下是指向该对象 例如: 这里的this就指向这个上级对象。 三、在构造函数中使用 例如: 这里 阅读全文
posted @ 2018-12-19 18:02 熙丞 阅读(851) 评论(0) 推荐(0)
摘要: 一、变量作用域 要想了解闭包,首先就得理解JavaScript中的变量作用域。 变量的作用域无非就两种:局部变量和全局变量。 什么是局部作用域? 局部作用域就是只在固定代码片段内可以访问到,在函数外部是无法访问的。 例如: 效果: 什么是全局作用域? 全局作用域就是最外层函数定义的变量,对任何内部函 阅读全文
posted @ 2018-12-18 17:56 熙丞 阅读(170) 评论(0) 推荐(0)
摘要: 这个时钟是将钟盘的圆心点移到了 canvas 画布中心点。以方便后面的方位计算 ctx.translate(width/2,height/2); 现定义一个圆盘来显出这个时钟的基本位置 我在这里面添加了线性渐变来改变颜色,如果感觉颜色太过绚丽可以注释掉不写。 然后利用到了三角函数原理来计算出钟表中刻 阅读全文
posted @ 2018-12-17 19:52 熙丞 阅读(203) 评论(0) 推荐(0)
摘要: CANVAS是html5提供的新元素<canvas>,而svg存在的历史要比canvas久远,svg并不是html5专有的标签,最初svg是用xml技术(超文本扩展语言,可以自定义标签或属性)描述二维图形的语言。在H5中看似canvas与svg很像,但是,他们有巨大的差别。 CANVAS Canva 阅读全文
posted @ 2018-12-17 11:37 熙丞 阅读(5260) 评论(0) 推荐(0)
摘要: 一、什么是CSS盒模型? CSS盒模型又称CSS框模型,它规定了元素框处理元素内容、内边距、边框、和外边距的方式。 元素框的最内部分是实际内容,直接包围在内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 内边距、外边距和边 阅读全文
posted @ 2018-12-13 19:04 熙丞 阅读(213) 评论(0) 推荐(0)
摘要: 在CSS中对于伪类和伪元素并没有做出很明显的区别定义,两者的语法是一样的,都是以 : 开头,这样导致我们将一些伪元素误认为伪类,如 :before :after 而在CSS3中给出了明显的定义。 而在CSS3中给出了明显的定义。 ☞ 定义: 伪类 伪类用于选择DOM树之外的信息,或是不能用简单选择器 阅读全文
posted @ 2018-12-12 20:15 熙丞 阅读(226) 评论(0) 推荐(0)
摘要: CSS:content属性 CSS:before伪元素 在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。 原文本代码: 效果图: 在每行文本前方插入内容:子曰 效果: CSS:after伪元素 在元素内容的最后面插入生成内容。默认地,这个伪 阅读全文
posted @ 2018-12-11 12:34 熙丞 阅读(307) 评论(0) 推荐(0)
摘要: HTML5中<canvas>标签用于绘制图像 不过<canvas>元素本身并没有绘制能力,这是我们需要通过getContext()方法返回一个对象,该对象提供了用于在画布上绘图的方法和属性。 getContext("2d") 对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形等等。在这里我们绘 阅读全文
posted @ 2018-12-10 18:18 熙丞 阅读(323) 评论(1) 推荐(0)