自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 Event 事件 1

鼠标事件相对于浏览器器位置:event.clientX :返回当事件被触发时⿏鼠标指针向对于浏览器器⻚页⾯面(或客户区)的⽔水平坐标。 event.clientY :返回当事件被触发时⿏鼠标指针向对于浏览器器⻚页⾯面(客户区)的垂直坐标。相对于屏幕位置:event.screenX :返回事件发⽣生时⿏鼠标指针相对于屏幕的⽔水平坐标。 event.screenY ...

2017-09-10 21:16:00 129

转载 Event 事件

驱动事件三要素: 1.事件源:即触发事件的元素 2.事件:被 JavaScript 监测到的行为。 3.事件处理函数:事件发生时要进行的操作,⼜又叫做"事件句柄"或"事件监听器"事件绑定: 1.HTML 标签的事件属性:这种⽅方式 HTML 代码和 JavaScript 逻辑不能很好地分离,所以不建议使用。 ...

2017-09-10 20:45:00 127

转载 Windown对象

Windown对象是浏览器窗口中最顶级的target=“_black”(跳转) 新页面的路径:URL 时间间隔函数: setinterval():以毫秒计数,调用函数或计算表达式 clerinterval():取消由setlnterval()设置的interval setTi...

2017-09-03 20:28:00 142

转载 DOM-Element() 对象

元素与节点的区别: 1)通过节点访问或操作HTML页面内容: 1.元素节点:表示HTML页面中的标签 2.属性节点:表示HTML页面中标签的属性 3.文本节点:表示HTML页面中标签的文本内容 2)通过元素访问或操作 HTML页面内容: 元素:表示 HTML页面中的标签 遍历元素: ...

2017-09-03 20:27:00 108

转载 DOM-Document 对象

节点查询:1.id属性值(通过标签的id属性值) (document.getElementById()) 2.class属性值(通过标签的class属性来获取元素) (document.getElementsByClassName()) 3.标签名(通过标签名来获取元素) (document.getElementsBy...

2017-08-27 21:31:00 69

转载 DOM

DOM:文档对象模型DOM的级别包含了第1到第3级DOM 1 级:是W3C在1998年10月提出的第一个正式的W3C DOM标准组成:Core DOM:针对任何结构化文档的对象XML DOM:针对XML DOM文档的对象HTML DOM:针对HTML DOM文档的对象<!DOCTYPE html> :<!--声明,告诉浏览器采用哪个版本的...

2017-08-27 21:30:00 139

转载 字符串

字符串的长度:字符串和数组⼀样,也有⼀个 length 属性来表示字符串的长度。字符串的长度指的是整个字符串包含的 所有字符的个数。常⽤方法:charAt(通过位置找字符):返回指定位置的字符indexOf(通过字符找位置):返回指定字符在字符串串中⾸首次出现的位置。如果没有,则返回-1。lastIndexOf(通过字符找位置):返回指定字符在字符串串...

2017-07-29 11:27:00 68

转载 对象

什么是对象:1.站在 JavaScript 中,对象就是拥有属性和⽅法的⽆序数据集合2.站在具体事物的角度:对象就是对现实⾥具体事物的⼀个抽象。3.站在数据的⻆度:对象就是⼀组无序的数据的集合。如何创建对象:1. Object 构造函数2.字⾯量⽅式:称之为 “JSON式对象”。对象属性的分类:1.数据属性:⼀般⽤...

2017-07-29 11:16:00 86

转载 数组(续)

数组的遍历:遍历,指的就是访问数据结构中的每个节点的数据。 遍历数组,也就是依次访问数组内的每一个元素。数组的转换: ...

2017-07-23 17:16:00 96

转载 数组

数组是⼀一组数据的有序集合。数组中的每⼀一个值叫做⼀一个元素,⽽而每个元素在数组中都有⼀一个唯⼀一的位置。这个位置⽤用数字表示,叫做索 引。JavaScript 数组是⽆无类型的:数组的元素可以是任何类型。且数 组中每⼀一个元素都可能是不不同数据类型。 JavaScript 数组是动态的:根据需要,可以动态的对数组⾥里里的元素进⾏行行增、删、查、改等操作。数组定义:1.使...

2017-07-23 17:06:00 105

转载 循环

for循环语句:初始化表达式:初始化一个计数器,在循环开始前记录初始状态。条件判断表达式:判断给定的状态是否为true。如果条件为true,则执行语句块,否则跳出循环。循环操作表达式:改变循环条件,修改计数器的值。beeak:语句是终断语句,用于终止循环语句(switch case)后开关语句。continue:语句用于立即终止本次循环,返回循序的结构头部,重新开始w...

2017-07-16 19:22:00 104

转载 函数

强制转换数字 parseInt()函数//整数(会裁剪) parseInt()函数可解析一个字符串,并返回一个整数。parseFolat()函数//小数(会裁剪) parseInt()函数可解析一个字符串,并返回一个浮点数。number函数()构造函数//(不会裁剪)使用Number()函数可以将任何类型值转换数字 ————...

2017-07-16 19:19:00 74

转载 变量

1.什么是变量:变量是储存数据信息的容器,变量被认为是有名字的容器。2.变量的声明:在 JavaScript 中,使⽤用变量前应当先声明。变量是使⽤用关键字 var 声明的。 只声明,未初始化,变量的值⾃自动取值为 undefined。⼀行代码只声明⼀一个变量,⼀行代码声明多个变量。将变量的声明和初始化合写在⼀起:⼀行代码只声明⼀一个变量并赋值,⼀行代码声明多个变量并赋值。...

2017-07-09 15:05:00 88

转载 JavaScript 的使⽤

如何使用:1.内部使用JavaScript 代码可以直接嵌在⽹网⻚页的任何地⽅方。不不过现在我们通常都把 JavaScript 代码放到 `` (结束标签) 之前。 由 `` 包含的代码就是 JavaScript 代码,它将直接被浏览器器执⾏行行。 2.第⼆二种⽅方法是把 JavaScript 代码放到⼀一个单独的 .js ⽂文件,然后在 HTM...

2017-07-09 14:54:00 124

转载 JavaScript

JavaScript简介:它是⼀一种直译式脚本语⾔言,是⼀一种动态类型、弱类型、基于原型的语⾔言,内置⽀支持类型。JavaScript发展历史:1.在 1995 年年由 Netscape(⽹网景)公司推出 LiveScript。在此之前,没有所谓的前端技术,所有的处理理都 需要由服务器器端进⾏行行操作。 2.由⽹...

2017-07-09 14:45:00 195

转载 项目属性

1.flex-grow 属性flex-grow 属性的值是⼀一个没有单位的⾮非负数,默认值为0。⽤用来定义项当容器器有多余的空间时,这些空 间在不不同条⽬目之间的分配⽐比例例。.item{ flex-grow:1; }2.order 属性 order 属性定义项⽬目的排列列顺序。数值越⼩小,排列列越靠前,默认为0。.item:nth-child(3){ order...

2017-07-09 14:33:00 143

转载 弹性盒子

弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的⼀一种新的布局⽅方式。弹性盒子的特点:1.任何⼀一个容器器都可以指定为flex布局。 2.⾏行行内元素也可以使⽤用flex布局。3.webkit内核的浏览器器,必须加上-webkit-前...

2017-07-09 14:28:00 87

转载 css居中

CSS垂直居中的11种实现方式 11种实现方式分别如下:1. 使用绝对定位和负外边距对块级元素进行垂直居中html代码:<div id="box"> <div id="child">我是测试DIV</div> </div>css代码:复制代码 #box { width: 300px; hei...

2017-07-01 01:41:00 63

转载 特点

浏览器要使老旧的网页正常工作,但这部分网页是没有doctype声明的,所以浏览器对没有doctype声明的网页采用quirks mode解析。对于拥有doctype声明的网页。对于拥有doctype声明的网页,这里有几条简单的规则可用于判断:对于那些浏览器不能识别的doctype声明,浏览器采用严格(strict mode)解析。在doctype声明中,没有使用DTD声明...

2017-07-01 01:32:00 76

转载 兼容性

对于普通文本和 HTML 标签,各浏览器均进入了混杂模式,都看到疑似的 HTML 文档正文了,浏览器不太会往下追查 DOCTYPE 在哪里。 对于 HTML 注释和 XML 声明,它们跟上面的普通文本和 HTML 标签有些差别,它们不会在页面中展示出来,即不可视。而有的浏览器则显得十分“智能”,非 IE 浏览器均会忽略它们的存在,DOCTYPE 被正确解析。但是在 I...

2017-07-01 01:29:00 68

转载 兼容性2

浏览器的解析模式(标准模式与怪异模式的设置与区分方法)DOCTYPE,或者称为 Document Type Declaration(文档类型声明,缩写 DTD)。通常情况下,DOCTYPE 位于一个 HTML 文档的最前面的位置,根元素 html 的起始标签之前,前面没有任何内容,不区分大小写。因为浏览器必须在解析 HTML 文档正文之前就确定当前文档的类型,以决定其需要采用的渲染模...

2017-06-25 15:43:00 72

转载 兼容性

浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6、IE7、遨游中高度超出自己设置高度 问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度 碰到频率:60% 解决方案:给超出高度的标签设置overflow:hidden;或者设置行高 line-height 小于你设置的高度。 备注:这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是IE8...

2017-06-25 15:39:00 86

转载 浏览器兼容

Gecko  Gecko(Firefox内核):Gecko 的特点是代码完全公开,因此可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko 内核的浏览器也很多,这也是 Gecko 内核虽然年轻但市场占有率能够迅速提高的重要原因webkit  Webkit(Safari 内核,Chrome 内核原型,开源):它是苹果公...

2017-06-25 15:38:00 74

转载 浏览器兼容性一

出现浏览器兼容原因  所谓的浏览器兼容性问题,是指:因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,用户用任何浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。Trident(IE内核):该内核程序在 1997 年的 IE4 中首次被采用并沿用到...

2017-06-25 15:33:00 72

转载 Glyphicons 字体图标

所有可用的图标包括260个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用。为了表示感谢,希望你在使用时尽量为 Glyphicons 添加一个友情链接。如何使用出于性能的考虑,所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意,...

2017-06-25 14:58:00 230

转载 导航条

默认样式的导航条导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。两端对齐的导航条导航链接已经被弃用了。导航条内所包含元素溢出由于 Bootstrap 并不知道你在导航条内放置的元素需要占据多宽的空间,你可能会遇到导航条中的内容折行的情况(也就是导航条占据两行)...

2017-06-25 14:56:00 176

转载 下拉菜单

用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。实例将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。B默认情况下,下拉菜单自动沿着父元素的上沿和左侧被定位为 100% 宽度。 为 .dropdown-menu 添加...

2017-06-25 14:32:00 128

转载 按钮

按钮 button.js按钮的功能很丰富。通过控制按钮的状态或创建一组按钮并形成一些新的组件通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为。按钮组中的工具提示和弹出框需要特别的设置当为 .btn-group 中的元素应用工具提示或弹出框时,必须指定 container: 'body' 选项,这样可以避免不必要的副作用...

2017-06-25 14:29:00 73

转载 less1

作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。Less 内置了多种函数用于转换颜色、处理字符串、算术运算等.杂项函数color解析颜色,将代表颜色的字符串转换为颜色值.参数: string: 代表颜色值的字符串。返回值: color案例: color("#aaa");输出: #aaaconv...

2017-06-18 23:52:00 101

转载 less

在本周我们学习了less的基本用法,它是什么,有什么作用?Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。如何使用引用less?在页面中加入 .less 样式表的链接,并将 rel 属性设置为 "stylesheet/less":<link...

2017-06-18 23:47:00 57

转载 Bootstrap2

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。在JS中JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)。模态框:1.不支持同时打开多个模态框 ...

2017-06-12 02:12:00 98

转载 Bootstrap

在本周我们学习了Bootstrap的基本概括! Bootstrap里有组件,JavaScript插件。在它所包涵的小部分中除了字体图标,还有按钮,下拉菜单,导航,警告框,弹出框等一系列的功能,在JS中又分为:jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件,或者逐个引入到你的页面中。而在下拉菜单中用于显示链接列表的可切换...

2017-06-12 02:04:00 66

转载 二个

最初接触C语言时要弄清楚各种变量的定义方法,特别是常用的类型,int、float、char等等,还要掌握各种类型的输入、输出格式.这一步做到后,上机就没有多大的问题了.在对函数的学习过程中,一定要弄明白函数的作用和具体格式.值得强调的是在写循环程序时,一定要弄清楚循环的条件.对每一个知识点,都应该立即编出对应的程序,有时可能还会有语法错误,碰到更好的方法也可以试一下,...

2016-12-17 18:12:00 67

转载 一个

C语言是一门程序设计语言,有一些标准好像是C89)和C99。 数据结构包括逻辑结构和物理结构。逻辑结构是数据元素集合和定义在集合上的关系。物理结构是逻辑结构在计算机中的实现。 LCC、VC、TC、GCC都是C语言编译器,一般包括集成开发环境,编译器和链接器及辅助工具 我们书写的是C源程序,源程序通过编译器编译为中间文件,中间文件经链接器链接生成可执行文件。不同操作系统可执...

2016-12-17 18:07:00 77

转载 C语言

在HTML学完之后,学C语言,这又是一门新的学科,又是一个新的开始,即将踏上新的旅程。刚开始接触学习C语言的时候,觉得C语言好强势,感觉什么都可以做,我记得第一次上C语言的课程的时候,老师还做了一个小病毒给我们看,当时觉得好新奇,也很有趣。我当时还认为这个好简单,当我学习到后面时现实给了我一闷棍,打回了原形,原来这个并不是那么容易的,然而自己却不自然慢慢的后退。刚...

2016-12-11 03:14:00 71

转载 学习的困难

博客很久都没有写过了。开始接触html以后,看着上面那些英语代码头都大了一圈,感觉脑袋里面全是什么英语代码到处飘走,是不是应为英语差了的原因怎么感觉学这个很难,要记住很多单词的意思,现在学这个真的是力不从心了,学习那个HTML,我觉得吧,对于我来说,就是那个定位感觉挺难的,还有要向左,右,上,下,好多好多,把我搅得脑壳都晕了。我感觉在学习的那个DIV模块。不光要了解表格的建...

2016-12-10 22:53:00 71

空空如也

空空如也

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

TA关注的人

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