2016年08月_阿冰介

12月 11月 10月 09月 08月 07月

原创 javaScript小项目------贪食蛇

运用了纯js和css完成的小demo实现思路：1.创建场景 2.创建头部和果实部分（注意：头部是一个独立的部分） 3.创建上下左右的按键功能 4.创建移动的头部，以及定时器。（在按键触发的时候就启动定时器) 5.判断是否吃到水果（当吃到水果，即头部跟果实的位置一样的时候，刷新两者的位置） 6.吃到果实后，身体变大，特别要注意身体添加的方向 7.判断头部改变后，身体第一位置与第二位置的移动

2016-08-31 23:22:41 7203 2

原创 javaScript知识点----如何跳出多重循环break,continue

break和continue之间的区别摘自JavaScript高级程序设计for(var i=0;i<10;i++){ if(i>5){ break; }}console.log(i); ---6当i=5和10的时候，会执行到break，并退出循环for(var i=1;i<10;i++){ if(i>5){ continue; }

2016-08-30 19:34:49 460

原创 jquery和javaScript 清空 select下拉框里的所有选项

javaScript的写法<select id="area"> <option>11</option> <option>22</option> <option>33</option></select><script>var area= document.getElementById("area");area.innerHTML = "";for(var i=0;i

2016-08-25 22:13:21 52025

原创 javaScript中outerHTML,innerHTML,innerText,outerText的区别

使用innerHTML的时候将找着元素的内容（不包含元素本身）使用outerHTML的时候将找着元素的内容（包含元素本身）innerText,outerText都是返回元素的文本<html> <head> </head> <body ><p id="p1">hello world</p><script type="text/javascript">var html=document.getEl

2016-08-25 18:30:46 355

原创 javaScript 基本类型数据对象规律

javaScript String对象有关于CSS属性，类似的方法可设置参数.big(), ==变大==.bold()==粗体==.fontcolor(), ==字体颜色==.fontsize(), ==字体size==.italics() ==斜体,== .small(),==变小==.blink() ==显示闪动的字符串==.l

2016-08-25 18:02:17 346

原创 JavaScript事件处理程序的3种方式

1.HTML事件处理程序注意：1.由于是在HTML中添加JavaScript，所以不能使用未经过转义的HTML语法字符如：和号（&），大于小于号等. 2.事件处理程序在代码执行时，有权访问全局作用域中的任何代码.缺点：就是与HTML过于紧密，代码改动或者事件改动需要更改的地方比较多2.DOM0事件处理程序va

2016-08-24 21:49:07 1118

原创 javaScript小项目-----轮播图--按钮+定时器

做了个简单的轮播图，有按钮和定时器实现tab切换效果.pic{ margin: 0 auto; padding: 0; width: 840px; height: 300px;}#myImg{ margin:0; border: 0; padding:0; width: 840px; height: 300px

2016-08-23 22:19:00 976

原创 javaScript小项目-----计算器

用Bootstrap和原生javaScript做的简易计算器；制作计算器 .sum{ } #box{ font-size: 20px; } .mycontent{ margin-left:auto; margin-right:auto; width: 190px;

2016-08-23 20:16:17 1258

原创 javaScript知识点总结-----setTimeout setInterval 区别

setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。实现

2016-08-23 13:10:46 378

转载前端面试---行内元素与块级元素比较的区别<转>

一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题

2016-08-20 23:12:16 781

原创前端面试-----CSS3新增属性之边框图片

border-image-source:url(); 背景图片资源urlborder-image-width: **px; 背景图片的宽度border-image-slice: 27 27 27 27 ；背景图片分割标准（重点）border-image-repeat:stretch;(拉伸）

2016-08-19 11:37:42 445

原创前端面试总结---CSS相关面试题

css常用选择器有哪些？id与calss的区别？id是唯一的，一个元素只能有一个，不能重复class可以重复div和span的区别？2个都是用来划分没有实际语义的标签，差别在于div是块级元素，不会与其他元素在同一行，span是内联元素，可以与其他元素位于同一行常用浏览器的私有前缀是什么？WebKit 内核 "-

2016-08-19 10:58:38 532