easyUI实现（alert）提示框自动关闭的实例代码

2017年02月06日 47 阅读

原理：使用js的定时任务函数setInterval设置时间，然后触发关闭事件参数说明title：提示框的标题msg：提示信息内容ico：显示的提示信息图标，"info","warnning","error"等函数体function alert_autoClose（title,msg,icon）{var interval;var time=1000;var x=2;//设置时间2s$.messager.alert（title,msg,icon,functio...

AngularJS的ng Http Request与response格式转换方法

2017年02月06日 48 阅读

本文实例讲述了AngularJS的ng Http Request与response格式转换方法。分享给大家供大家参考，具体如下：angular作为Single Page Application推荐的交互方式当然是基于json的ajax调用。但今天要说的是当你不幸工作在一个遗留或者不可控制的服务上，而这服务是基于非json提交方式（或许是常规表单（form）提交，或者其他自定义数据格式），那么我们只能改变ng内部$http默认request/response...

jQuery利用sort对DOM元素进行排序操作

2017年02月06日 48 阅读

前言排序对于我们是再熟悉不过了，在绝大数应用程序中都会有这样一个场景：当我们从服务器端获取一个列表时，在界面上进行渲染，我们可以会依赖于某一个规则来进行排序，当然此时绝大多数会再次与服务器进行交互来进行重新渲染列表到客户端，这样做未尝不可，但是在有些情况下，我们既不需要利用框架也不需要重新生成列表到客户端，明明可以在客户端进行，达到我们的目的，为何要再一次发送请求到服务器呢？下面我们来看看。话题我们首先看看在w3c中js的sort方法。<script...

jQuery插件WebUploader实现文件上传

2017年02月06日 46 阅读

最近在项目中用到了百度的文件图片上传插件WebUploader，分享给大家。WebUploader是由Baidu WebFE（FEX）团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。 采用大文件分片并发上传，极大的提高了文件上传效率。需...

js提示框替代系统alert,自动关闭alert对话框的实现方法

2017年02月06日 120 阅读

自己写了个alert提示框。因为系统alert在苹果手机微信中，提示时，顶部会显示网站地址。同时其他后续操作需要在js中继续填写。因此简单用div写了一个alert提示框，并自动关闭。效果图css样式/*弹出消息对话框样式*/.show_alert_box{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba（0,0,0,0.6）;display:none;...

扩展Bootstrap Tooltip插件使其可交互的方法

2017年02月06日 58 阅读

本文实例讲述了扩展Bootstrap Tooltip插件使其可交互的方法。分享给大家供大家参考，具体如下：最近在公司某项目开发中遇见一特殊需求，请笔者帮助，因此有了本文的插件。在前端开发中tooltip是一个极其常用的插件，它能更好向使用者展示更多的文档等帮助信息。它们通常都是一些静态文本信息。但同事他们的需求是需要动态交互，在文本信息中存在帮助网页的链接。如果使用常规tooltip，则在用户移出tooltip依赖DOM节点后，tooltip panel则...

基于Phantomjs生成PDF的实现方法

2017年02月06日 53 阅读

本文实例讲述了基于Phantomjs生成PDF的实现方法。分享给大家供大家参考，具体如下：最近在node.js项目开发中，遇见生成PDF的需求，当然生成PDF不是一个新意的需求；我可以选择利用开源的pdfkit或者其他node pdf模块，或者通过edge.js调用.net/python下的pdf库去做生成pdf。但是在我看来对于这些东西不管如何也需要花费我们太多的时间（pdf报表的内容报表很复杂），不如把所有的画图实现逻辑推向大家所熟悉的html+css...

JS用斜率判断鼠标进入DIV四个方向的方法

2017年02月06日 57 阅读

网上大部分判断鼠标移入div移入移出都是使用一下方法：这个方法确实十分奇特，使用起来十分方便。后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。上图是此方法的示意图，以浏览器左上角做原点，水平轴作为x轴，往右为正；竖直轴作为y轴，向上为正。中间的div的左上角坐标（x1,y1）,右下角坐标（x2,y2）,中心点的坐标（x0,y0）。设如图两点的斜率为k（k<0），关于x轴对称的斜率为-k。另外鼠标刚移入时，鼠标的坐标设为（x,y）；...

Vue.js 和 MVVM 的注意事项

2017年02月06日 62 阅读

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 View Model 的双向数据绑定，这使得View Model的状态改变可以自动传递给 View，这就是所谓的数据双向绑定。Vue.js 是一个提供 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。ViewModel负责连接 View 和 Mo...

jquery组件WebUploader文件上传用法详解

2017年02月06日 125 阅读

WebUploader是由Baidu WebFE（FEX）团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,下文来为各位演示一下关于jquery WebUploader文件上传组件的用法。使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置，以及多个事件方法可调用，你可以随心所欲的定制你要的上传组件。接下来我以图片上传实例，给大家讲解如何使用WebUploader。HTML我们首先将css和相关js文件加载。...

Angularjs的Controller间通信机制实例分析

2017年02月06日 54 阅读

本文实例讲述了Angularjs的Controller间通信机制。分享给大家供大家参考，具体如下：在Angularjs开发一些经验总结中提到我们需要按照业务区分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascript程序员你会...

百度多文件异步上传控件webuploader基本用法解析

2017年02月06日 59 阅读

双核浏览器下在chrome内核中使用uploadify总有302问题，也不知道如何修复，之所以喜欢360浏览器是因为帮客户控制渲染内核：若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"/>若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"/>若页面需默认用ie标准内核，增加标签：<meta name="...

JS 实现Base64编码与解码实例详解

2017年02月06日 57 阅读

Js实现Base64编码与解码Base64其实是一种简单的置换加密方式，但是BASE64的用处往往并不是为了防止信息泄露，而且为了方便传输，进过BASE64编码后的信息会比原始信息长，大概是4/3倍。Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2的6次方等于64，所以每6个比特为一个单元，对应某个可打印字符。Base64常用于在通常处理文本数据的场合，表示、传输、存储一些二进制数据。包括MIME的email，email via M...

功能强大的jquery.validate表单验证插件

2017年02月06日 61 阅读

本文实例为大家分享了jquery.validate表单验证的使用方法，供大家参考，具体内容如下1 、表单验证的准备工作在开启长篇大论之前，首先将表单验证的效果展示给大家。1.点击表单项，显示帮助提示 2.鼠标离开表单项时，开始校验元素 3.鼠标离开后的正确、错误提示及鼠标移入时的帮助提醒对于初学者而言，html表单验证是一项极其琐碎的事情。要做好表单验证，需要准备以下基本要素： 1）.html表单结构：包含需要校验的表单元素； 2）.js逻辑控制：在需...

jquery.validate表单验证插件使用方法解析

2017年02月06日 54 阅读

为什么要用jquery validate这个表单验证插件：自己写一个通用且功能全面强大的jquery表单验证插件并不容易。jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证，具体内容如下使用方式1、在控件中使用默认验证规则，例子：电子邮件（必填） <input id="email" class="required email" value="email@" />2、可以在控件中自定义验证规则，例子：自定义（必...

快速掌握jQuery插件WebUploader文件上传

2017年02月06日 231 阅读

文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流IE浏览器，沿用原来的 FLASH 运行时，兼容 IE6+，iOS 6+, android 4+。采用大文件分片并发上传，极大的提高了文件上传效率。参...

jQuery webuploader分片上传大文件

2017年02月06日 74 阅读

一般在做文件上传的时候，都是通过客户端把要上传的文件上传到服务器，此时上传的文件都在服务器内存，如果上传的是视频等大文件，那么服务器内存就很紧张，而且一般我们都是用flash或者html5做异步上传，如果文件比较大的话，即便是客户端显示文件已经上传了100%，还是会有一个比较长时间的等待，而且当前页面对服务器的请求也会被阻塞。正常情况下，一般都是在长传完成后，在服务器直接保存。public void ProcessRequest（HttpContext c...

关于webuploader插件使用过程遇到的小问题

2017年02月06日 52 阅读

本文为大家解决webuploader上传插件如何自定义参数的问题，供大家参考，具体内容如下大致架构： 前端:html5+ajax 后端：java （struts框架相关）碰到问题：后台coder给我提供一个接口./file/uploader.do?upFile=?,让我上传文件对应upFile这个参数，前端使用的是webuploader这个上传插件，并不知道这个东西怎么自定义参数。经过各种google，百度，找到以下两种解决方案：1、接口不...

Javascript数组循环遍历之forEach详解

2017年02月06日 64 阅读

1.js 数组循环遍历。数组循环变量，最先想到的就是 for（var i=0;i<count;i++）这样的方式了。除此之外，也可以使用较简便的forEach 方式2.forEach函数。Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下：<！--Add by oscar999--> <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//...

Jquery通过ajax请求NodeJS返回json数据实例

2017年02月06日 51 阅读

最近看了NodeJS相关的，在网上查了下结合AJAX的应用，感觉应用前景还是不错的。为什么用这个组合呢？1.NodeJS不需要安装，拷贝过去就可以使用，而环境变量可以只配置在当前cmd窗口，运行方便。2.通过HTML的ajax请求，可以实现在不同的服务器上，可跨域获取数据。3.通信数据格式灵活，可以是xml、json、binary等，数据适合任何平台。在说说我的环境，我使用的是公司提供的电脑，有很多限制，比如是域中电脑，操作权限低，无法安装任何软件，无法修...