Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery分页插件jquery.pagination.js实现无刷新分页

jquery分页插件jquery.pagination.js实现无刷新分页

本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。点击获取查看这两个文件2.页面js代码为<script type="text/javascript">var pageIndex = 0;//...
JavaScript中文件上传API详解

JavaScript中文件上传API详解

对于Web程序员来说,在网页上处理文件上传,总是一件很麻烦的事情。在过去,我们不能够通过拖拽上传图片,也没有复杂Ajax上传技术,很少处理多文件批量上传。我们也无法获取上传过程中的信息,除非上传完成后从服务器端获得。有时候,等你上传完毕后才发现上传的文件不合适!如今,HTML5的革命,现代浏览器的诞生,JavaScript的升级,这些给我们提供了使用Javascript和input[type=file]元素获取上传文件过程信息的能力。下面就来看看这些上传文...
javascript HTML5文件上传FileReader API

javascript HTML5文件上传FileReader API

文件上传功能现在是越来越普遍,所有的社交网站,媒体网站,比如优酷视频,微博等,都提供了上传图片,上传视频等功能。但过去WEB程序员都很清楚,用HTML表单上传文件是很麻烦的事情,特别是你想了解一下用户上传的文件的一些属性,必须等它上传完成后才能知道。未知的东西上传到服务器上,有可能产生安全问题,也有可能体积太大,超过允许,浪费空间。现在好了,WEB技术在进步,HTML5带来了很多好东西。这个FileReader API就能让你在用户上传之前就能获取上传文件...
jQuery实现鼠标选文字发新浪微博的方法

jQuery实现鼠标选文字发新浪微博的方法

本文实例讲述了jQuery实现鼠标选文字发新浪微博的方法。分享给大家供大家参考,具体如下:最近注意到新浪博客有个小功能,就是当鼠标选中一段文字时会浮现一个小图片,点击这个图片可以把选中内容发送到新浪微博,一时兴起昨晚就写了一个Demo玩了一下,代码超简单,没优化,有兴趣的朋友可以自己改进。原理很简单,先获得鼠标选中文字,然后调用新浪博客中提供的页面,把文字作为参数传过去就OK了。代码如下:<html xmlns="http://www.w3.org/...
js一维数组、多维数组和对象的混合使用方法

js一维数组、多维数组和对象的混合使用方法

这篇文章的主要目的是讲解JavaScript数组和对象的混合使用,由于JS的弱检查特性,因此在JS数组中可以同时存储不同类型的变量,比如你可以把数字、字符串、字符、对象等内容放在同一个数组中。对象也可以做同样的事情,区别是对象可以指定对象里每一个成员的别名,这样在编程的时候数据更易读,比如:var arr1 = ["飞鱼", 25, 172, "江苏"];var person = {name:"飞鱼",age: 25, height:172,provinc...
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法

BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法

弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充。该方法依赖于工具提示(tooltip)。1 设置延时, 超过该延时未移入弹窗则弹窗隐藏Tooltip.prototype.init = function{中的var triggers = this.options.trigger...
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

“JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。因为采用独立于语言的文本格式,也使用了类似于C语言家族的习惯,拥有了这些特性使JSON成为理想的数据交换语言,作用是易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。” 今天在这里笔者想简单谈谈jquery里面的JSON.parse()和JSON.stringify()函数,顺便还会提一下原生JS...
AngularJs 60分钟入门基础教程

AngularJs 60分钟入门基础教程

AngularJs是一个不错的用于开发SPA应用(单页Web应用)的框架。单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,由JavaScript来控制不同view在这个页面上的呈现。本文源于Youtube上一个不错的AngularJs的入门教程视频:AngularJS Fundamentals In ...
Node.js 应用跑得更快 10 个技巧

Node.js 应用跑得更快 10 个技巧

NodeJS是一个服务器端JavaScript解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。Node.js 受益于它的事件驱动和异步的特征,已经很快了。但是,在现代网络中只是快是不行的。如果你打算用 Node.js 开发你的下一个Web 应用的话,那么你就应该无所不用其极,让你的应用更快,异常的快。本文将介绍 10 条,经过检验得知可大大提高 Node ...
jQuery qrcode生成二维码的方法

jQuery qrcode生成二维码的方法

现在二维码越来越流行,很多网页都会有个二维码,扫描后可通过手机浏览。 以前做类似的项目一般是在网页上生成图片,然后把图片插入到网页。 这样做不能每个页面都生成二维码。jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件。它是独立的,最小压缩之后不足4k,也没有图片下载请求。引入该类库之后,只需要一行代码,就可以很容易在web页面加上二维码。qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和tab...
再次谈论React.js实现原生js拖拽效果引起的一系列问题

再次谈论React.js实现原生js拖拽效果引起的一系列问题

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。前几天写的那个拖拽,自己留下的疑问。。。这次在热心博友的提示下又修...
Angular 根据 service 的状态更新 directive

Angular 根据 service 的状态更新 directive

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等。TL;DR这篇文章讲解了三种根据 servic...
AngularJS中的$watch(),$digest()和$apply()区分

AngularJS中的$watch(),$digest()和$apply()区分

AngularJS $scope里面的$watch(),$digest()和$apply()是AngularJS的核心函数,学习AngularJS必须理解这几个函数。在绑定$scope中的变量到view的时候,AngularJS自动在内部创建一个"Watch"。"Watch"用于监听AngularJS scope中变量的改变。可以通过调用$scope.$watch()这个方法来创建"Watch"。$scope.$digest()函数会循环访问所有的watc...
基于javascript制作微博发布栏效果

基于javascript制作微博发布栏效果

本文为大家分享了做微博发布栏效果的过程,涉及到的知识点包括以下:1.判断IE的方法:直接用 var ie=!-[1,];即可2.连续发生事件的用法:IE下:触发对象.onpropertychange标准下:触发对象.oninput3.焦点聚集和移开事件。onfocus和onblur4.判断单字节(0-255之间)与双子节:正则表达式:/[^x00-xff]/g代码如上:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
<< 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 >>