经常在网站别人的网站的注册页中看到一个拖拽验证的效果，就是它的验证码刚开始不出来，而是有一个拖拽的条，你必须将这个拖拽条拖到底，验证码才出来，说了感觉跟没说一样，你还是不理解，好吧，我给个图你看看：这个是在万网的注册页中所截的图，大概的效果就是，当拖动那个拖拽框时，如果拖拽框没有拖到最右边，则拖拽框会移动到初始位置，如果拖动到最右边，则拖拽框显示为对勾，中间的文字也变了，但是我试了一下，他的验证码...
在我平时开发网页的过程中，可能涉及到浏览器本地的存储，现在主流的浏览器存储方式有：cookie，直接读取xml，userData，H5 的LocalStorage等，Cookie存储数据有限，但对于数据量不大的时候操作还是比较方便的。 下面这个例子主要是实现在网页打开的时候弹出一个提示框，但第二次以后刷新网页不在显示提示框，当然可以灵活的设置cookie的时间，控制是否显示提示框。<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8">...
1、AJAX 简介AJAX(音译为：阿贾克斯) = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术，也就是在无需重新加载整个网页的情况下，能够更新部分网页的技术。AJAX 不是新的编程语言，而是一种使用现有标准的新方法，是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网...
一、jQuery Form的其他api 1. formSerialize 将表单序列化成查询串。这个方法将返回一个形如： name1=value1&name2=value2的字符串。 是否可以连环调用: 否, 这个方法返回的是一个字符串。 例子: var queryString = $(#myFormId).formSerialize(); // the data could now be submitted using $.get, $.post, $.ajax, etc $.post(myscript.jsp, queryString); 2. fieldSerialize 将表单里的元素序列化成字符串。当你只需要将表单...
本文为大家提供了两个js运动应用实例，分享给大家，具体实现内容如下 应用1，完成如下效果：js代码如下：<script src="move.js"></script> <script> window.onload=function () {var oDiv=document.getElementById(play);var aBtn=oDiv.getElementsByTagName(ol)[0].getElementsByTagName(li);var oUl=oDiv.getElementsByTagName(ul)[0];var now=0;for(var i=0;i<aBtn.length;i++){aBtn[i].index=i;aBtn[i].onclick=function (){no...
开发者可以使用FullCalendar创建强大的日历日程应用，FullCalendar提供了丰富的选项设置和方法调用，使得开发者可以轻松的创建各种功能的日历程序。 由于项目需求，需要通过日历的方式展现某些数据，在网上搜索了很多日历的插件，觉得比较好用的还是fullCalendar，下面是我写的一个简单Demo，如有不足，请多多指正！！！ 一、引入必要的文件：<link href="Scripts/Plugins/fullcalendar.css" rel="stylesheet" /><link href="Scrip...
position()函数用于返回当前匹配元素相对于其被定位的祖辈元素的偏移，也就是相对于被定位的祖辈元素的坐标。该函数只对可见元素有效。 所谓"被定位的元素"，就是元素的CSS position属性值为absolute、relative或fixed(只要不是默认的static即可)。 该函数返回一个坐标对象，该对象有一个left属性和top属性。属性值均为数字，它们都以像素(px)为单位。 与offset()不同的是：position()返回的是相对于被定位的祖辈元素的坐标，offse...
前面给大家分享了一个react项目（//www.gxlcms.com/article/76085.htm），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。项目代码，欢迎fork和star，在线预览 REM布局实例代码var fontSizeInit = function() {var doc = document.documentElement,cli = doc.clientWidth;cli&&(cli/=320,2<cli&&(cli=2),doc.style.fontSize=16*cli+"px");} fontSizeInit();window.addEventListener(resize, function() ...
这是一个系列的文档，长期目标是利用DeviceOne开发一些目前使用广泛的优质手机应用，我们会最大化的实现这些应用的每一个功能和细节，不只停留在简单的UI模仿和Demo阶段，而是一个基本可以使用的实际App。 在实现的过程中，会有很多困难，还会发现有一些功能目前缺乏组件支持而无法实现，也会碰见各种移动开发中都会碰到的常见技术问题。一步一步的操作和问题的解决可以让开发者直观的了解通过DeviceOne如何开发一个实际App，也可...
大家没有进行开发之前首先需要考虑系统的差异性，比如说IOS手机有没有回退键，所以在开发时一定要考虑二级解密需要有回退键，否则ios的手机就会陷入到这个页面回不去。 安卓系统有回退键，针对这个情况需要要求用户在3秒钟之内连续按回退键两次才退出系统，以此防止用户误按回退键，具体代码实现如下： [mw_shl_code=javascript,true]page.on("back", function(){if (canBack) {global.exit();} else {nf.toast("再按一次退出优酷"...
jqGrid可以结合fancybox等插件完成超酷的弹出层效果，通过与php后台交互，可以轻松完成数据的添加与详情查看，而这个过程完全是一个ajax异步通信过程，是一个非常友好的富客户端应用。 下面给大家展示了效果图，喜欢的朋友可以直接下载源码哦。效果展示 源码下载 在上一篇文章中，我们提到过jqGrid自身有强大的单元格操作模块，但是这些模块操作起来不太适合用户的习惯，在本文中，我们使用fancybox，以及表单插件来完成jqGrid数...
jqGrid是一款基于jQuery的功能强大的表格插件，使用jqGrid可以轻松实现前端页面与后台数据进行ajax异步通信，jqGrid运行速度相当快，可以很好的应用在一些后台管理系统来管理大量数据的场合。jqGrid特性： 基于jquery UI主题，开发者可以根据客户要求更换不同的主题。 兼容目前所有流行的web浏览器。 Ajax分页，可以控制每页显示的记录数。 支持XML，JSON，数组形式的数据源。 提供丰富的选项配置及方法事件接口。 支持表格排序，支...
还记不记得jQuery初始化函数jQuery.fn.init中有这样是一个分支 //document ready简便写法$(function(){…}) } else if ( jQuery.isFunction( selector ) ) {return rootjQuery.ready( selector ); }所以$(fn)===$(document).ready(fn)。来看一下jQuery.fn.ready的源码 ready: function( fn ) {// Add the callbackjQuery.ready.promise().done( fn );return this; } 很明显在jQuery.ready.promise函数中设置了延时，当延时对象解...
首先，我们都知道这三个东西都是用来编码的先来说encodeURI()和encodeURIComponent()，这两个是在转换url时候用来编码解码用的。 有编码就会有解码，解码就是decodeURI()和decodeURIComponent()，他们的用法很简单，在参数中带入要转码的文字就可实现目的 如：encodeURI("我是要编码的文字")decodeURI("我是要解码的文字")encodeURIComponent("我是要编码的文字")decodeURIComponent("我是要解码的文字") 而encodeURI()和encodeURI...
背景 相信使用 Node.js 开发过 Web 应用的同学一定苦恼过新修改的代码必须要重启 Node.js 进程后才能更新的问题。习惯使用 PHP 开发的同学更会非常的不适用，大呼果然还是我大PHP才是世界上最好的编程语言。手动重启进程不仅仅是非常恼人的重复劳动，当应用规模稍大以后，启动时间也逐渐开始不容忽视。 当然作为程序猿，无论使用哪种语言，都不会让这样的事情折磨自己。解决这类问题最直接和普适的手段就是监听文件修改并重启进程。...