西风前端

Web前端学习博客。

  • 首页
  • 分类
  • 归档
  • 标签
  • 前端作品Demo
  • 前端微专业
  • 关于
  • 搜索
close

回到顶部特效

发表于 2016-05-19   |   分类于 网页特效   |     |   阅读次数

涉及技术点:

  1. 定时器setInterval()使用;
  2. 页面可视区的高度clientHeight/滚动条距离顶部的高度scrollTop;
  3. scroll/click事件。
  4. 按钮的隐藏与显示
    阅读全文 »

网页定位导航特效

发表于 2016-05-19   |   分类于 网页特效   |     |   阅读次数

涉及技术点:

  1. 锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接。
  2. 关于滚动条定位的事件和方法(借助jQuery)
    • scoll([data],fn):当用户滚动指定的元素时,会发生scroll事件。scroll事件适用 于所有可滚动的元素和window对象(浏览器窗口)。例如 当页面滚动条发生变化时,执行函数……:
      $(window).scroll(function(){/*......*/};
    • scrollTop[vall]:获取/设置匹配元素相对滚动条顶部的偏移。
    • offset():获取匹配元素的相对偏移。返回对象包含两个整形属性:top和left,以像素计.
      阅读全文 »

jQuery UI型插件介绍

发表于 2016-05-11   |   分类于 jQuery   |     |   阅读次数

jQuery UI型插件

拖拽插件:draggable

拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下:
$(selector). draggable({options})

阅读全文 »

jQuery Validation插件介绍

发表于 2016-05-10   |   分类于 jQuery   |     |   阅读次数

jQuery Validation插件简介

jQuery有很多有用的插件,其中Validation插件是最常用的插件之一。 客户端表单验证是现代网站经常采用的方式,可以减少服务器压力,缩短用户等待时间和提升用户体验。jQuery Validation插件提供了很多的配置项目,还附带了很多验证方法及多语言提示。
jQuery表单验证插件:https://plugins.jquery.com/tag/validate/
jQuery Validation插件:http://jqueryvalidation.org/

jQuery Validation插件特点:

  1. 让客户端表单验证变得非常容易,并且提供了很多的配置项目。
  2. 插件还附带了很多验证方法,并实现了国际化,可以配置多语言的提示信息。
    阅读全文 »

jQuery常用插件介绍

发表于 2016-05-10   |   分类于 jQuery   |     |   阅读次数

表单验证插件:validate

该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:
$(form).validate({options})

其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。

阅读全文 »

Ajax学习笔记

发表于 2016-05-06   |   分类于 Ajax   |     |   阅读次数


ajax 的全称是Asynchronous JavaScript and XML(异步的JavaScript和XML),即用JavaScript去异步的获取XML文件作为交换格式,由 Jesse James Garrett 在2005年提出。其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。

阅读全文 »

正则表达式入门教程

发表于 2016-05-05   |   分类于 正则表达式   |     |   阅读次数

正则表达式简介—描述字符串规则的表达式

正则表达式,全称“Regular Expression”,在代码中常简写为regex、regexp或RE。
正则表达式,就是用某种模式去匹配一类字符串的公式。

阅读全文 »

jQuery学习笔记9 - jQuery的辅助工具属性和方法

发表于 2016-05-05   |   分类于 jQuery   |     |   阅读次数

jQuery的辅助工具属性和方法

jQuery还为我们提供了许多的辅助工具方法,以便于我们进行各种常用的代码逻辑处理。
例如:

  • 检测用户浏览器的指定特性。
  • 判断指定变量的类型。
  • 操作指定DOM元素的函数队列。
  • 操作指定DOM元素上的任意附加数据。
  • 去除字符串两侧的连续空白字符、解析JSON字符串等。
    阅读全文 »

jQuery学习笔记8 - Ajax(2)

发表于 2016-05-04   |   分类于 jQuery   |     |   阅读次数

jQuery的AJAX方法

工具方法——用于协助发送或处理AJAX请求,简化AJAX操作.

jQuery.ajaxPrefilter()函数

jQuery.ajaxPrefilter()函数用于指定预先处理Ajax参数选项的回调函数。
在所有参数选项被jQuery.ajax()函数处理之前,你可以使用该函数设置的回调函数来预先更改任何参数选项。

你还可以指定数据类型(dataType),从而只预先处理指定数据类型的参数选项。
该函数可以调用多次,以便于为不同数据类型的AJAX请求指定不同的回调函数。

阅读全文 »

jQuery学习笔记7 - Ajax(1)

发表于 2016-05-04   |   分类于 jQuery   |     |   阅读次数

jQuery核心:Ajax

jQuery还对Ajax进行了封装了,我们可以非常方便地发送一个Ajax请求,并对响应进行处理。
例如:

  • 在发送AJAX请求之前,序列化JS内容或表单内容,以便用作AJAX请求发送的数据。
  • 快速发送AJAX请求,并处理响应数据(支持html、xml、text、json、jsonp、script等多种数据类型)。
  • 监听AJAX事件,绑定事件触发时执行的处理函数。
    阅读全文 »
1…456…8
xifengxx

xifengxx

在梦想面前,一切都是借口。

75 日志
31 分类
60 标签
RSS
GitHub Weibo Weixin
Creative Commons
友情链接
  • 西风博客
© 2015 - 2016 xifengxx
由 Hexo 强力驱动
主题 - NexT.Mist