JavaScript资料,JavaScript文章,JavaScript文档-易库教程

javascript常用的设计模式

2017年02月15日 113 阅读

js最好是一种面向对象的语言。它的出现时比较迟的。但是它是目前最火的脚本语言。而且，随着近期的微信商城等页面的兴起，相信程序员和互联网的从业者都知道了js正在势头上了。那么，如果你想要在前端这条路上走得更远，设计模式就必须要懂。下面介绍几种常见的设计模式。一、单例模式单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。在JavaScript里，实现单例的方式有很多种，其中最简单的一个方式是使用对象字面量的方法，...

Ionic+AngularJS实现登录和注册带验证功能

2017年02月15日 100 阅读

登录：<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link rel...

vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

2017年02月15日 114 阅读

直接贴代码了：先上输入前的样子：<style>#example{margin:100px auto;width:600px;}.show{margin:10px;}#searchText{display: block;margin:0 auto 10px;height:24px;line-height: 24px;width:200px;}.content ul li{text-align: center;}.content ul li spa...

三种方式实现瀑布流布局

2017年02月15日 119 阅读

分别使用javascript，jquery，css实现瀑布流布局：第一种方式：使用JavaScript：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>瀑布流布局</title><style>*{padding:0;margin:0;}.clearfix:after,.clearfix:be...

微信小程序模板之分页滑动栏

2017年02月15日 104 阅读

本文实例为大家分享了微信小程序分页滑动栏的具体代码，供大家参考，具体内容如下功能：1.分页栏与滑动视图绑定 2.点击分页栏自动滑动到对应视图 3.滑动的到视图对应分页栏自动显示选中样式效果图上代码 wxml<view class="tapNav"> <view class="{{tabArr.tabCurrentIndex==0?"active":""}}" data-index="0" bindtap="veHandle"&...

Bootstrap轮播图学习使用

2017年02月15日 103 阅读

本文实例为大家分享了Bootstrap轮播图的具体代码，供大家参考，具体内容如下<！doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, init...

jQuery基于Ajax方式提交表单功能示例

2017年02月15日 114 阅读

本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考，具体如下：提交表单一般通过同步的方式提交，提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理，那么页面不能整体刷新，这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2、页面引入jQuery的表单插件jQuery.form.js...

jQuery移除或禁用html元素点击事件常用方法小结

2017年02月15日 106 阅读

本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考，具体如下：移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$（this）.click（function （event） {event.preventDefault（）;}方法二$（"a"）.live（"click", func...

详谈Ajax请求中的async:false/true的作用（ajax 在外部调用问题）

2017年02月15日 128 阅读

test.html<a href="javascript:void（0）" rel="external nofollow" onmouseover="testAsync（）">asy.jsfunction testAsync（）{var temp;$.ajax（{async: false,//同步请求type : "GET",url : "tet.php",complete: function（msg）{alert（"complete"）;},...

使用jquery给新生的th绑定hover事件的实例

2017年02月15日 114 阅读

这是昨天在做一个动态的table时遇到的一个小问题，table的th需要让鼠标在移入和移出时显示颜色变化，之前th是固定写死的，直接可以用jquery的hover（）方法来实现。现在th需要用js/ajax来动态生成加载到页面，用hover（）也就没效果了（因为要重新给th绑定mouseover和mouseout事件，而且考虑到可能会有多次加载th等情况，bind也要多次绑定，比较麻烦），在这里我使用了live来解决给新生的th绑定hover事件：代码如下...

JS验证不重复验证码

2017年02月15日 116 阅读

话不多说，请看代码：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>不重复验证码</title> <style>.cont{width:300px;height:auto;margin:50px auto;}#useId{width:120px;height:45px;line-heig...

jquery hover 不停闪动问题的解决方法（亦为stop（）的使用）

2017年02月15日 115 阅读

在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。解决闪动可以使用Stop（）stop（[clearQueue],[jumpToEnd]）概述停止所有在指定元素上正在运行的动画。如果队列中有等待执行的动画（并且clearQueue没有设为true），...

完美解决jQuery的hover事件在IE中不停闪动的问题

2017年02月15日 110 阅读

在使用jQuery的hover事件时，经常会因为鼠标滑动过快导致菜单不停闪动的情况，相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩，非常的讨厌。今天在给一个网站设计菜单时也遇到了这个情况，结果在百度上找了N久，没有找到解决方法。在这里吐槽一下，百度太2了，收录的内容都没什么价值，最后还是在google找到了解决方法，下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。$（"#category ul"）.find（"li"）.e...

javascript自执行函数

2017年02月15日 96 阅读

function （window, $, undefined） { play=function（）{$（"#demo"）.val（"This is a demo."）; } window.wbLogin = play;}）（window, jQuery）;像上边这样的代码为什么要把window, jQuery对象传进去？为什么要传入 jQuery？通过定义一个匿名函数，创建了一个“私有”的命名空间，该命名空间的变量和方法，不会破坏全局的命名空间。这点非常有...

jQuery基于ajax实现页面加载后检查用户登录状态的方法

2017年02月15日 96 阅读

本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考，具体如下：拥有会员功能的网站，如果会员已经登录，那么要显示相应的登录状态，而且这种显示的需求是在网站的每个页面都有的（目前国内网站貌似都是这么做的，还没有见过其他形式的状态显示方式），这样，在打开一个新的页面时就要知道这个会员是否已经登录，需要判断登录的状态。1、解决方案。为了能够实现在每一个页面判断会员登录状态的功能，我采用了页面时通过ajax传递参数通过后...

jQuery基于ajax方式实现用户名存在性检查功能示例

2017年02月15日 102 阅读

本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考，具体如下：对于拥有会员功能的网站，尤其是会员登录后可以留言或评论的网站，一般要求不能有两个或两个以上相同的用户名存在。因此，在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。1、方案原理：利用ajax的异步请求不刷新正在注册的页面向后端发送请求，后端对请求数据进行处理返回用户名是否已经存在的结果。2、方案详情（...

基于JQuery及AJAX实现名人名言随机生成器

2017年02月15日 106 阅读

这是我刚接触AJAX的时候做的一个小应用，主要功能如下：1.点击按钮可以随机生成一句名人名言及其作者名字，如果没有作者名字，则显示“Unknown”。2.点击按钮可以把名人名言分享到推特或者微博。HTML:<div class="container-fluid text-center"><h1> Random Quote Generator</h1><div class="well quote-area"> ...

BOM之navigator对象和用户代理检测

2017年02月15日 119 阅读

前面的话navigator对象现在已经成为识别客户端浏览器的事实标准，navigator对象是所有支持javascript的浏览器所共有的。本文将详细介绍navigator对象和用户代理检测属性与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本属性说明appCodeName 浏览器名称[所有浏览器都返回Mozilla]userAgent 浏览器的用户代理...

基于jQuery实现弹幕APP

2017年02月15日 106 阅读

今天闲着无聊，写了个弹幕APP，主要实现以下几个功能：1.点击“弹幕发射”或回车可以输出弹幕到弹幕墙上。2.弹幕的运行轨迹是从弹幕墙的最右边到最左边，Y轴的数值在弹幕墙的高度内随机，颜色HEX随机，速度随机。3.右侧的表格可以储存弹幕内容以及弹幕的发射时间，越靠近现在的越靠前。4.点击“清除弹幕”可以把弹幕墙内的所有弹幕清除掉，但不会影响到表格中的数据。5.如果弹幕长度过长（我设置的是6个字符），则超过规定长度之外的弹幕内容都会由“...”代替，并放入表格...

基于jQuery实现咖啡订单管理简单应用

2017年02月15日 115 阅读

这款应用主要实现以下几个功能：1.在表格中输入客户姓名并选择咖啡，点击“Add”能够把数据传至table。2.table的每生成一行新数据，其status列都会出现一个小咖啡图标，表示正在制作中。3.点击这个小咖啡图标，可以变成一个绿色的勾勾，表示该订单已经完成。4.点击Export可以把表格数据导出为CSV文件。HTML：<div class="container-fluid"> <h1>Coffee Orders</h1&...

首页 / 脚本样式 / JavaScript

javascript常用的设计模式

Ionic+AngularJS实现登录和注册带验证功能

vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

三种方式实现瀑布流布局

微信小程序模板之分页滑动栏

Bootstrap轮播图学习使用

jQuery基于Ajax方式提交表单功能示例

jQuery移除或禁用html元素点击事件常用方法小结

详谈Ajax请求中的async:false/true的作用（ajax 在外部调用问题）

使用jquery给新生的th绑定hover事件的实例

JS验证不重复验证码

jquery hover 不停闪动问题的解决方法（亦为stop（）的使用）

完美解决jQuery的hover事件在IE中不停闪动的问题

javascript自执行函数

jQuery基于ajax实现页面加载后检查用户登录状态的方法

jQuery基于ajax方式实现用户名存在性检查功能示例

基于JQuery及AJAX实现名人名言随机生成器

BOM之navigator对象和用户代理检测

基于jQuery实现弹幕APP

基于jQuery实现咖啡订单管理简单应用