自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 关于与同学合作的 排序算法显示小应用 的个人总结

关于与同学合作的 排序算法显示小应用 的个人总结前段时间与同学合作完成了一个关于排序算法显示的小应用,在此做一个关于这个小项目的总结。 此应用利用了HTML、JavaScript、CSS等语言,由包括我在内四个人合作完成。其中一个同学为组长,负责整体连接与调控;一个同学负责布局编辑设计;一个同学负责排序算法实现;本人负责实现交换功能的显示实现。 关于交换显示,在具体实现前前有两个方案:方案一是交

2016-08-19 15:56:03 483

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其七1、充实文档内容:编写几个脚本需要少量的DOM方法与属性,即可创建一些有用的脚本。若想通过DOM脚本去充实网页内容,要有制作一份结构良好的标记文档作为前提条件。在需要对文档里的现有信息进行检索时,以下DOM方法有用: getElementById getElementByTagName getAttribute在

2016-06-22 17:03:05 466

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其六Ajax1、Ajax简介:用于概括异步加载页面内容的技术。使用它可以做到只更新页面的一小部分。它的主要优势在于对页面的请求以异步方式发送到服务器,而服务器不会用整个页面来响应请求(会在后台处理请求),与此同时用户还能继续浏览页面并与之交互。2、XMLHttpRequest对象:Ajax技术的核心。它充当着浏览器中的脚本(客户端)与服务器之间的

2016-06-16 19:46:06 299

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其五第七章1、innerHTML属性使用innerHTML属性,可以把JavaScript代码从标记中分离出来,即不用在标记的<body>部分插入<script>标签。举例:(1)test.html: <div id="testdiv"> <p>This is <em>my</em> content.</p> <

2016-06-16 10:25:15 367

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其四第六章案例:JavaScript图片库改进版1、平稳退化可以使访问者在浏览器不支持JavaScript即某些功能无法使用的情况下,仍能顺利完成基本的操作。2、JavaScript与HTML标记分离3、渐进增强用一些额外的信息层去包裹原始数据(按照“渐进增强”原则创建出的网页几乎都符合“平稳退化”原则)4、改进举例代码:test.html:

2016-06-15 19:23:42 226

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其三第四章1、案例:JavaScript图片库(1)事件处理函数:在特定事件发生时调用特定的JavaScript代码。 在onclick事件处理函数所触发的JavaScript代码里增加一条return false语句,则这个链接的默认行为没有被触发,这样可以防止用户被带到目标链接窗口。举例:onclick="showPic(t

2016-06-10 17:41:36 246

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其二第三章

2016-06-08 12:17:26 247

原创 《JavaScript DOM 编程艺术》读书笔记

《JavaScript DOM 编程艺术》读书笔记——其一1、Javascript代码编写方式:(1)将JavaScript代码放在文档标签中的标签之间; (2)把JavaScript代码存为一个拓展名为.js的独立文件,并在文档的标签部分放入标签,将其src属性指向该文件; (3)把JavaScript代码存为一个拓展名为.js的独立文件,将标签放在HTML文档的最后,标签之前,将其

2016-06-01 16:53:07 320

原创 CSS学习笔记

CSS学习笔记1、标准文档流、块级元素、行级元素2、盒子模型边框(border)盒子中内容(content)内边距(padding)外边距(margin)注:设置时按照上右下左顺序,从顶部开始沿顺时针方向设置 设置有三个属性值时代表上(左右)下 设置有两个属性值时代表(上下)(左右) 设置有一个属性值时代表四个属性值设置均相同 属性值与属性值之间使用空格隔开盒子模型立体来看,可分为五层,依次

2016-04-19 21:22:03 261

原创 JavaScript学习笔记

JavaScript学习笔记1、常见的互动方法:(1)输出内容(document.write)document.write() 可用于直接向 HTML 输出流写内容,简单来说就是直接在网页中输出内容。第一种:输出内容用”“括起,直接输出”“号内的内容。<script type="text/javascript"> document.write("Hello!"); //内容用""括起来,""里的

2016-04-15 17:53:32 268

原创 Bootstrap学习笔记—关于列表组与多媒体对象

Bootstrap学习笔记—关于列表组与多媒体对象1、列表组代码:<div class="list-group"> <a class="list-group-item active" href="list01.html">列表1</a> <a class="list-group-item" href="list02.html">列表2</a> <a class="list-group-i

2016-04-13 19:52:46 664

原创 Bootstrap学习笔记—关于Glyphicons 字体图标

Bootstrap学习笔记—关于Glyphicons 字体图标1、代码:<div class="container"> <div class="row"> <div class="col-md-offset-2 col-md-2 col-xs-4"> <button type="button" class="btn-info btn-block"> <span class=

2016-04-08 21:04:42 1874

原创 Bootstrap学习笔记—学习制作轮播

代码:<div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

2016-04-08 20:35:58 284

原创 Bootstrap学习笔记—做一个简单的缩略图

Bootstrap学习笔记—做一个简单的缩略图代码:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Recommend</title> <link rel="stylesheet" h

2016-04-06 20:21:51 527

原创 Bootstrap学习笔记—做一个简单的底部导航条

Bootstrap学习笔记—做一个简单的底部导航条代码:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Main_Nav_Bottom</title> <link rel="style

2016-04-06 20:06:54 14362

原创 Bootstrap学习笔记—关于网格系统

Bootstrap学习—关于网格系统1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。举例:<div class="container"> <div class="row"></div></div>2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。举例:<div class="conta

2016-04-05 18:42:54 1341

原创 Bootstrap学习笔记—关于表单

Bootstrap学习笔记—关于表单1、水平表单效果Bootstrap框架默认的表单是垂直显示风格,如果想要实现水平表单风格,需要满足两个条件: (1)在元素是使用类名“form-horizontal”; (2)配合Bootstrap框架的网格系统。在元素上使用类名“form-horizontal”主要有以下几个作用: (1)设置表单控件padding和margin值; (2

2016-04-05 16:50:54 603

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除