摘要：
1、下拉菜单 代码如下： aria-haspopup :true表示点击的时候会出现菜单或是浮动元素； false表示没有pop-up效果。 aria-expanded:表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的 阅读全文
posted @ 2018-08-28 21:46
o微凉o
阅读(112)
评论(0)
推荐(0)
摘要：
一、Bootstrap的介绍 凡是使用过Bootstrap的开发者，都不在乎做这么两件事情：复制and粘贴。哈哈~，是的使用Bootstrap非常简单，但是在复制粘贴之前，需要先对Bootstrap的用法一一熟悉之后我们才开始干活！ Bootstrap，来自 Twitter，是目前最受欢迎的前端框架 阅读全文
posted @ 2018-08-28 21:45
o微凉o
阅读(132)
评论(0)
推荐(0)
摘要：
前言 在页面整体布局中，页面元素的尺寸大小（长度、宽度、内外边距等）和页面字体的大小也是重要的工作之一。一个合理设置，则会让页面看起来层次分明，重点鲜明，赏心悦目。反之，一个不友好的页面尺寸和字体大小设置，则会增加页面的复杂性，增加用户对页面理解的复杂性；甚至在当下访问终端（iPhone、iPad、 阅读全文
posted @ 2018-08-28 21:43
o微凉o
阅读(124)
评论(0)
推荐(0)
摘要：
我们为什么要写自适应的页面（响应式页面） 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，如果是手机就跳转到相 阅读全文
posted @ 2018-08-28 21:42
o微凉o
阅读(242)
评论(0)
推荐(0)
摘要：
jquery内容补充 jquery除了咱们上面讲解的常用知识点之外，还有jquery 插件、jqueryUI知识点 jqueryUI 官网： https://jqueryui.com/ jqueryUI 中文网： http://www.jqueryui.org.cn/ jquery插件内容包含 官网 阅读全文
posted @ 2018-08-28 21:41
o微凉o
阅读(67)
评论(0)
推荐(0)
摘要：
什么是ajax AJAX = 异步的javascript和XML（Asynchronous Javascript and XML） 简言之，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。 通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Pos 阅读全文
posted @ 2018-08-28 21:41
o微凉o
阅读(123)
评论(0)
推荐(0)
摘要：
无缝轮播实现（比较考验逻辑思维） 模仿京东轮播图效果 阅读全文
posted @ 2018-08-28 21:39
o微凉o
阅读(144)
评论(0)
推荐(0)
摘要：
什么是事件委托 通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递； 阅读全文
posted @ 2018-08-28 21:38
o微凉o
阅读(136)
评论(0)
推荐(0)
摘要：
1、绑定事件 语法： 描述：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 参数解释： type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配 阅读全文
posted @ 2018-08-28 21:37
o微凉o
阅读(112)
评论(0)
推荐(0)
摘要：
上篇介绍完我们js的事件流的概念之后，相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前，我们先来看一下事件对象 事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 例如: 当用户单 阅读全文
posted @ 2018-08-28 21:36
o微凉o
阅读(102)
评论(0)
推荐(0)
摘要：
在学习jQuery的事件之前，大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一 阅读全文
posted @ 2018-08-28 21:35
o微凉o
阅读(112)
评论(0)
推荐(0)
摘要：
jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 描述：为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .width()之间的区别是后者返回一个没有单位的数值（例 阅读全文
posted @ 2018-08-28 21:34
o微凉o
阅读(96)
评论(0)
推荐(0)
摘要：
代码如下： 阅读全文
posted @ 2018-08-28 21:33
o微凉o
阅读(169)
评论(0)
推荐(0)
摘要：
之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作，大家也能发现，大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子： 一.插入操作 知识点1： 语法： 解释：追加某 阅读全文
posted @ 2018-08-28 21:31
o微凉o
阅读(178)
评论(0)
推荐(0)
摘要：
表单控件是我们的重中之重，因为一旦牵扯到数据交互，离不开form表单的使用，比如用户的注册登录功能等 那么通过上节知识点我们了解到，我们在使用jquery方法操作表单控件的方法： 看如下HTML结构： 页面展示效果： 操作表单控件代码如下： 阅读全文
posted @ 2018-08-28 21:30
o微凉o
阅读(192)
评论(0)
推荐(0)
摘要：
jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removePr 阅读全文
posted @ 2018-08-28 21:29
o微凉o
阅读(87)
评论(0)
推荐(0)
摘要：
jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 显示动画 方式一： 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二： 解释：通过控制元素的宽高、透明度、displa 阅读全文
posted @ 2018-08-28 21:27
o微凉o
阅读(109)
评论(0)
推荐(0)
摘要：
我们以前在CSS中学习的选择器有： 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下： 效果如下： 2、层级选择器 代码如下： 效果如下： 3、基本过滤选择器 解释： 代 阅读全文
posted @ 2018-08-28 21:26
o微凉o
阅读(115)
评论(0)
推荐(0)
摘要：
1.为什么要使用jQuery 在用js写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐，代码量多。 代码很乱，各个页面到处都是。 动画效果很难实现。 window.onload 事件有事件覆盖的问题，因 阅读全文
posted @ 2018-08-28 21:24
o微凉o
阅读(203)
评论(0)
推荐(0)
摘要：
模拟百度导航栏滚动监听 代码如下： 阅读全文
posted @ 2018-08-28 21:17
o微凉o
阅读(153)
评论(0)
推荐(0)
摘要：
1、client系列 代码如下： 2.屏幕的可视区域 3.offset系列 代码如下，注释都挺清楚的 4.scroll系列 代码如下： 阅读全文
posted @ 2018-08-28 21:16
o微凉o
阅读(130)
评论(0)
推荐(0)
摘要：
BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。 阅读全文
posted @ 2018-08-28 21:15
o微凉o
阅读(123)
评论(0)
推荐(0)
摘要：
在js中的定时器分两种：1、setTimeout() 2、setInterval() 1.setTimeOut() 只在指定时间后执行一次 2.setInterval() 在指定时间为周期循环执行 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要求在每隔一个固定的时间间 阅读全文
posted @ 2018-08-28 21:14
o微凉o
阅读(168)
评论(0)
推荐(0)
摘要：
创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式： 这样，一个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy 阅读全文
posted @ 2018-08-28 21:13
o微凉o
阅读(93)
评论(0)
推荐(0)
摘要：
1.模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： 2.简易留言板 需求： 当在textarea中输入内容，点击留言按钮，会添加到浏览器中 图如下： 代码如下： 3.使用js模拟选择器中hover 代码解释 阅读全文
posted @ 2018-08-28 21:12
o微凉o
阅读(147)
评论(0)
推荐(0)
摘要：
什么是DOM DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是 阅读全文
posted @ 2018-08-28 21:10
o微凉o
阅读(204)
评论(0)
推荐(0)
摘要：
一、JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器 阅读全文
posted @ 2018-08-28 21:08
o微凉o
阅读(96)
评论(0)
推荐(0)
摘要：
arguments代表的是实参。有个讲究的地方是：arguments只在函数中使用。 （1）返回函数实参的个数：arguments.length 例子： 结果： （2）之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例： 清空数组的几种方式： 阅读全文
posted @ 2018-08-28 21:05
o微凉o
阅读(141)
评论(0)
推荐(0)
摘要：
函数：就是将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化。 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化 阅读全文
posted @ 2018-08-28 20:57
o微凉o
阅读(132)
评论(0)
推荐(0)
摘要：
所谓内置对象就是ECMAScript提供出来的一些对象，我们知道对象都是有相应的属性和方法 数组Array 1.数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴） 使用构造函数（后面会讲）的方式创建 使用new关键词对构造函数进行创建对象 2.数组的赋值 3.数组的常用方法 3.1 数 阅读全文
posted @ 2018-08-28 20:56
o微凉o
阅读(172)
评论(0)
推荐(0)
摘要：
1.if 、if-else、if-else if-else 2.逻辑与&&、逻辑或|| 3.switch 4.while循环 循环三步走： 1.初始化循环变量 2.判断循环条件 3.更新循环变量 练习：将1-100所有是2的倍数在控制台中打印。使用while循环 5.do_while 6.for循环 阅读全文
posted @ 2018-08-28 20:52
o微凉o
阅读(124)
评论(0)
推荐(0)
摘要：
语言中我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求number的类型，而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1.将数值类型转换成字符串类型 隐式转换 强制类型转换 2.将字符串类型转换成数值类型 3.任何数据类型都 阅读全文
posted @ 2018-08-28 20:50
o微凉o
阅读(132)
评论(0)
推荐(0)
摘要：
js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。 1.赋值运算符 以var x = 12,y=5来演示示例| 2.算数运算符 var a = 5,b=2 3.比较运算符 var x = 5; 4.特殊情况 字符串拼接+字 阅读全文
posted @ 2018-08-28 20:49
o微凉o
阅读(130)
评论(0)
推荐(0)
摘要：
数据类型包括：基本数据类型和引用数据类型 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值 1.基本数据类型 number string boolean null undefined 2.引用 阅读全文
posted @ 2018-08-28 20:48
o微凉o
阅读(150)
评论(0)
推荐(0)
摘要：
在页面中，我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿，<script type=”text/javascript”></script>标签对儿 alert语句 alert（英文翻译为“警报”）的用途：弹出“警告框”。 语法规则 阅读全文
posted @ 2018-08-28 20:44
o微凉o
阅读(379)
评论(0)
推荐(0)
摘要：
Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户 阅读全文
posted @ 2018-08-28 20:43
o微凉o
阅读(141)
评论(0)
推荐(0)
摘要：
主要内容 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 一、web标准 web准备介绍： w3c：万维网联盟组织，用来制定web标准的机构（组 阅读全文
posted @ 2018-08-28 20:26
o微凉o
阅读(107)
评论(0)
推荐(0)
浙公网安备 33010602011771号