摘要： # Canvas ## 什么是Canvas `<canvas>`是 HTML5 新增的元素，可使用JavaScript脚本来绘制图形。 `<canvas`是一个矩形区域，您可以控制其每一像素。 ## 引入Canvas```html<canvas id="canvas" width="300" hei 阅读全文

摘要： # 事件驱动模型 #JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。###1. 事件驱动要素## 阅读全文

摘要： //String对象方法// var str = 'hello';// console.log(str.length); //5// console.log(str[0]); //h //str中本身保存的是字符串类型数据，但是在使用时把对象转换为伪对象//所以能引用string对象的属性//伪对象 阅读全文

摘要： ## 函数### 定义函数的方法1、函数申明 函数在定义的时候，所定义的参数，叫做形参函数在调用的时候，所传入的参数，叫做实参 ```function sayHello(name){ console.log('hello'); console.log(name);}sayHello('word'); 阅读全文

摘要： ## While循环语句 1、与if语句的区别：if语句只执行一次，而while语句会执行多次。 2、用法：每次执行完语句块后，又会跳回去检查小括号里的布尔值，如果为真，那么又会执行语句块一次，直到碰到false停止。 3、注 ``` while (true){ console.log('heill 阅读全文

摘要： ## js三种引入方式（内嵌（用得少）、内联、外联）1、内联：（写在head标签里）```<script type="text/javascript"> console.log("hello world");</script>```2、外联：（写在body内容的最后面，便于优化用户体验，减少加载时间 阅读全文

摘要： 雪碧图技术（精灵图） 多个图合并后，根据位置出现特定的一张图片，只需加载一次，速度快。 前提：组合的每张图宽和高都要一致。出现图片的位置为循环式 代码：<style type="text/css"> div{ width: 150px; height: 120px; outline: 1px sol 阅读全文

摘要： 一、CSS3过渡：（浏览器要加前缀，一般要配合hover使用，transition） 通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。1、要实现过渡，必须规定两项内容： 规定您希望把效果添加到哪个 CSS 属性上 阅读全文

摘要： 1、自适应页面：能使页面自适应显示在不同大小终端设备上的页面。2、响应式布局：一个网站能够兼容多个终端，而不是为每个终端都做一个特定的版本，实现响应式布局的方法：bootstrap和CSS原生代码两种方法。3、CSS原生代码是通过@Media媒体查询，改变屏幕宽度使其自适应。4、响应式布局中：单位1 阅读全文

摘要： 1、 在HTML头部增加viewport标签 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕 宽度，且不进行初始缩放。这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0 阅读全文