2017年6月8日
每天一个JS 小demo之韩雪冬轮播图。主要知识点：html，css布局，对于数组和对象的理解和运用
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2017-06-08 22:21 catEatBird 阅读(415) 评论(0) 推荐(0)
2017年6月7日
每天一个JS 小demo之“随机”抽奖。主要知识点：Math函数，数组方法，递归
摘要： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.list { margin: 50px auto; padding: 0; list-s 阅读全文
posted @ 2017-06-07 21:24 catEatBird 阅读(665) 评论(2) 推荐(0)
2017年6月6日
冒泡与快排
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body><script>// var arr = [6,10,2,9,3,8,11,4,5]; var arr = [ 阅读全文
posted @ 2017-06-06 23:14 catEatBird 阅读(173) 评论(0) 推荐(0)
快排简要介绍
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body> <script> var arr = [6,10,2,9,3,8,11,4,5]; function qui 阅读全文
posted @ 2017-06-06 23:12 catEatBird 阅读(261) 评论(0) 推荐(0)
递归的简要介绍和理解
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body><script> /* * 阶乘 * */ function factorial(n) { if (n == 阅读全文
posted @ 2017-06-06 23:10 catEatBird 阅读(290) 评论(0) 推荐(0)
如何实现冒泡排序
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body><script>// var arr = [3,2,4,1,5];// var arr = [5,4,3,1, 阅读全文
posted @ 2017-06-06 23:01 catEatBird 阅读(524) 评论(0) 推荐(0)
2017年6月5日
每天一个JS 小demo之原生数组splice方法书写。主要知识点：锻炼思维逻辑能力，对于数组方法的理解和各种情况的考量
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body><script>/** splice(start, deleteCount, data1, data2, da 阅读全文
posted @ 2017-06-05 22:21 catEatBird 阅读(570) 评论(1) 推荐(0)
每天一个JS 小demo之日历制作。主要知识点：日期函数和对于函数封装的灵活运用
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td { text-align: center; } </style></head> <body> <p> <selec 阅读全文
posted @ 2017-06-05 22:13 catEatBird 阅读(582) 评论(0) 推荐(1)
2017年6月3日
每天一个JS 小demo之商品下架特效制作，主要知识点：定时器，倒计时，抖动特效。
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .clear:after { content: ''; display: block; clear: both; } u 阅读全文
posted @ 2017-06-03 10:26 catEatBird 阅读(820) 评论(0) 推荐(1)
2017年6月1日
Html5语义化标签详解及其兼容性处理
摘要： <header></header> 页眉 主要用于页面的头部的信息介绍，也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题，或者标语的组合 <hgroup> <h1>妙味课堂</h1> <h2>带您进入富有人情味的IT培训</h2> </hgroup> 阅读全文
posted @ 2017-06-01 22:06 catEatBird 阅读(971) 评论(0) 推荐(0)