jQuery代码实现对话框右上角菜单带关闭× 2017年02月06日 10 阅读 先给大家展示下效果图,具体效果图如下所示,如果大家觉得还不错,请参考实现代码:代码如下:<!DOCTYPE html><html><head><meta charset="utf-8" /><title>jQuery对话框右上角带关闭× - 何问起</title><base target="_blank" /><!-- Attach our CSS --><...
前端jquery部分很精彩 2017年02月06日 10 阅读 一、简介jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。二、选择器1.i...
深入浅析Bootstrap列表组组件 2017年02月06日 10 阅读 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。列表组可以用来制作列表清单、垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件,列表组在bootstrap框架中也是一个独立的组件,所以也对应有自己独立源码:LESS:list-group.le...
使用jquery.form.js实现图片上传的方法 2017年02月06日 10 阅读 本文实例讲述了使用jquery.form.js实现图片上传的方法。分享给大家供大家参考,具体如下:testupfile2.php<?phpheader("Content-type:text/html;charset=utf-8");include_once "includes/common.inc.php"; if(!empty($_FILES["upfile"])){ //文件格式 $image=array("image/jpg", "im...
Struts2+jquery.form.js实现图片与文件上传的方法 2017年02月06日 10 阅读 本文实例讲述了Struts2+jquery.form.js实现图片与文件上传的方法。分享给大家供大家参考,具体如下:jquery.form.js是jQuery的一个官方用语支持异步上传文件的插件。官方网站:http://plugins.jquery.com/form/结合Struts2三步轻松实现文件上传一般是针对一个页面可能不止一个Form表单,所以在一个面提交表单会影响到另一个表单,为此,图片上传表单就可以使用无刷新提交方式上传,也就是异步上传,这时j...
Bootstrap嵌入jqGrid,使你的table牛逼起来 2017年02月06日 10 阅读 Bootstrap原生的table组件只能满足简单的数据展示,满足不了更富有操作性的要求。当然了,你可以找到一款叫做“DataTables-1.10.11”的基于bootstrap的table组件,但如果你对API看得不甚了解的话,用起来可就痛苦了,但是如果你选择使用jqGrid,那么本篇教程就给你带来了解决这种富操作性table的解决方案。一、效果展示OK,就展示这一张图片,相信你已经爱上了bootstrap版的jqGrid,和bootstrap很兼容,...
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载) 2017年02月06日 11 阅读 本文实例讲述了asp.net+jquery.form实现图片异步上传的方法。分享给大家供大家参考,具体如下:首先我们需要做准备工作:jquery 点击此处本站下载。jquery.form.js 点击此处本站下载。页面JqueryFormTest.aspx:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryFormTest.aspx.cs" Inherits="JqueryFor...
javascript执行环境及作用域详解 2017年02月06日 10 阅读 最近在重读《javascript高级程序设计3》,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦。今天要总结的是js执行环境和作用域。首先来说一下执行环境一、执行环境 书上概念,执行环境定义了变量或者函数有权访问的其他数据,决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象。环境中定义的所有变量和函数都保存在这个对象中。虽然我们在编写代码的时候无法访问这个对象,但解析器在处理数据时会在后台用到它。 执行环境是一个概念,一种机制,它定义了...
js ajaxfileupload.js上传报错的解决方法 2017年02月06日 11 阅读 相信大家在工作中经常用到文件上传的操作,因为我是搞前端的,所以这里主要是介绍ajax在前端中的操作。代码我省略的比较多,直接拿js那里的$.ajaxFileUpload({url:"www.coding/mobi/file/uploadSingleFile.html",//处理图片脚本secureuri :false,fileElementId :"image2",//file控件id。就是input type="file" id="image2"data...
jQuery插件AjaxFileUpload实现ajax文件上传 2017年02月06日 10 阅读 本文实例为大家分享了AjaxFileUpload实现文件上传的具体代码,供大家参考,具体内容如下jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js复制代码 代码如下:<script type="text/javascript" src="<%=basePath%>resourc...
jQuery插件ajaxfileupload.js实现上传文件 2017年02月06日 10 阅读 AjaxUpLoad.js的使用实现无刷新文件上传,如图1、创建页面并编写HTML上传文档: <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileName" /> <input type="button"...
基于jQuery实现动态搜索显示功能 2017年02月06日 10 阅读 本文实例使用jQuery实现动态搜索显示功能,只要输入值就能立刻动态显示数据,不同于常规查询方法,供大家参考,具体内容如下模拟效果如下:情况1:情况2: 实现代码: <%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>...
详解Backbone.js框架中的模型Model与其集合collection 2017年02月06日 11 阅读 什么是 ModelBackbone 的作者是这样定义 Model 的:Model 是任何一个 web 应用的核心,它包含了交互的数据以及大部分的逻辑。例如:转化、验证、属性和访问权限等。那么,我们首先来创建一个Model:Person = Backbone.Model.extend({initialize: function(){alert("Welcome to Backbone!");}});var person = new Person;上述代码中,...
全面解析JavaScript的Backbone.js框架中的Router路由 2017年02月06日 11 阅读 Backbone 中的 Router 充当路由的作用,控制 URL 的走向,当在 URL 中使用 # 标签时生效。定义 Router 至少需要一个 Router 和一个函数来映射特定的 URL,而且我们需要记住,在 Backbone 中,# 标签后的任意字符都会被 Router 接收并解释。下面我们来定义一个 Router:<script> var AppRouter = Backbone.Router.extend({routes: { "*...
实例讲解JavaScript的Backbone.js框架中的View视图 2017年02月06日 10 阅读 Backbone 中的 View 用来反映你 app 中 Model 的模样。它们会监听事件并作出相应的反应。接下来的教程我不会告诉你如何把 Model 和 Collection 绑定到 View 上,而是主要讨论 View 是如何使用 javascript 模板库的,尤其是 Underscore.js"s _.template。这里我们使用 jQuery 来操作 DOM 元素,当然你也可以使用其他的库,例如 MooTools 或者 Sizzle,但是 B...
javaScript中的原型解析【推荐】 2017年02月06日 10 阅读 最近在学习javaScript,学习到js面向对象中的原型时,感悟颇多。若有不对的地方,希望可以指正。js作为一门面向对象的语言,自然也拥有了继承这一概念,但js中没有类的概念,也就没有了类似于java中的extends,所以,我觉得js中的继承主要依赖于js中的原型(链)。那么,原型是什么呢?我们知道js中函数亦是一种对象,当我们创建一个函数时,其实这个函数也就默认的拥有了一个属性叫做prototype,这个属型叫做原型属性,他是一个指针,指向了这个函数...
5个最顶级jQuery图表类库插件【jquery插件库】 2017年02月06日 11 阅读 GraphUp jQuery plugin - 15美元Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数据表。它能够使用颜色,柱状图及其气饱来有效的展现你的数据。支持众多选项- 选择数据清除器和一个油漆工具:填充,柱状,气饱图;配置小数点(支持句号或者逗号);定制颜色表及其CSS类;更多其他 轻量级 - 整个插件只有4kb 可扩展 - 你可以很容易的创建你自己的清除器和油漆工具或者颜色表。而且,拥有一个callback来执...
详解JavaScript中基于原型prototype的继承特性 2017年02月06日 10 阅读 JavaScript 中的继承比较奇葩,无法实现接口继承,只能依靠原型继承。原型链原型就是一个对象,通过构造函数创建出来的实例会有指针指向原型得到原型的属性和方法。这样,实例对象就带有构造函数的属性方法和原型的属性方法,然后将需要继承的构造函数的原型指向这个实例,即可拥有这个实例的所有属性方法实现继承。看下面演示代码://声明超类,通过构造函数和原型添加有关属性和方法function Super(){this.property = true;}Super....
深入理解js promise chain 2017年02月06日 10 阅读 新的标准里增加了原生的Promise。这里只讨论链式使用的情况,思考一下其中的细节部分。一,关于 then() 和 catch() 的复习then() 和 catch() 的参数里可以放置 callback 函数用来接收一个 Promise的最终结果。then() 可以接收一个参数,那么这个 callback 只会在 Promise resolve() 的时候被调用。then() 还可以接收第二个参数,那么第二个 callback 用来处理 Promise...
jQuery Mobile 和 Kendo UI 的比较 2017年02月06日 10 阅读 jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架,在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用。这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知,jQuery Mobile 实际上并不需要太多的介绍,因为它是最常用的HTML5框架之一。 Kendo UI 具有相似的动机...