-
JS文件上传神器bootstrap fileinput详解
所属栏目:[教程] 日期:2016-11-26 热度:182
Bootstrap FileInput插件功能如此强大,完全没有理由不去使用,但是国内很少能找到本插件完整的使用方法,于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅。另外附上一段调用方发和servlet端的接收代码,未完待续。 引言: 一个[详细]
-
关于webuploader插件使用过程遇到的小问题
所属栏目:[教程] 日期:2016-11-26 热度:159
本文为大家解决webuploader上传插件如何自定义参数的问题,供大家参考,具体内容如下 大致架构: 前端:html5+ajax 后端:java (struts框架相关) 碰到问题: 后台coder给我提供一个接口./file/uploader.do#63;upFile=#63;,让我上传文件对应upFile这个参数[详细]
-
Javascript数组循环遍历之forEach详解
所属栏目:[教程] 日期:2016-11-26 热度:92
1.js 数组循环遍历。 数组循环变量,最先想到的就是 for(var i=0;ilt;count;i++)这样的方式了。 除此之外,也可以使用较简便的forEach 方式 2.forEach函数。 Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下: lt;!--Add by oscar999--gt; lt;![详细]
-
快速掌握jQuery插件WebUploader文件上传
所属栏目:[教程] 日期:2016-11-26 热度:139
文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML[详细]
-
jQuery webuploader分片上传大文件
所属栏目:[教程] 日期:2016-11-26 热度:173
一般在做文件上传的时候,都是通过客户端把要上传的文件上传到服务器,此时上传的文件都在服务器内存,如果上传的是视频等大文件,那么服务器内存就很紧张,而且一般我们都是用flash或者html5做异步上传,如果文件比较大的话,即便是客户端显示文件已经上[详细]
-
功能强大的jquery.validate表单验证插件
所属栏目:[教程] 日期:2016-11-26 热度:175
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 、表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家。 1.点击表单项,显示帮助提示nbsp;nbsp; 2.鼠标离开表单项时,开始校验元素 3.鼠标离开[详细]
-
jquery.validate表单验证插件使用方法解析
所属栏目:[教程] 日期:2016-11-26 热度:76
为什么要用jquery validate这个表单验证插件:自己写一个通用且功能全面强大的jquery表单验证插件并不容易。jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证,具体内容如下 使用方式 1、在控件中使用默认验证规则,例子: 电子邮件(必填)[详细]
-
JS 实现Base64编码与解码实例详解
所属栏目:[教程] 日期:2016-11-26 热度:181
Js实现Base64编码与解码 Base64其实是一种简单的置换加密方式,但是BASE64的用处往往并不是为了防止信息泄露,而且为了方便传输,进过BASE64编码后的信息会比原始信息长,大概是4/3倍。 Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2[详细]
-
Angularjs的Controller间通信机制实例分析
所属栏目:[教程] 日期:2016-11-26 热度:151
本文实例讲述了Angularjs的Controller间通信机制。分享给大家供大家参考,具体如下: 在Angularjs开发一些经验总结中提到我们需要按照业务区分angular controller,避免过大无所不能的上帝controller,我们把controller分离开了,但是有时候我们需要在cont[详细]
-
百度多文件异步上传控件webuploader基本用法解析
所属栏目:[教程] 日期:2016-11-26 热度:75
双核浏览器下在chrome内核中使用uploadify总有302问题,也不知道如何修复,之所以喜欢360浏览器是因为帮客户控制渲染内核: nbsp;若页面需默认用极速核,增加标签:lt;meta name="renderer" content="webkit"/gt;nbsp; nbsp;若页面需默认用ie兼容内核,增[详细]
-
JS用斜率判断鼠标进入DIV四个方向的方法
所属栏目:[教程] 日期:2016-11-26 热度:157
网上大部分判断鼠标移入div移入移出都是使用一下方法: 这个方法确实十分奇特,使用起来十分方便。 后来自己看了一些文章,看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图,以浏览器左上角做原点,水平轴作为x轴,往右为正;竖直轴[详细]
-
Vue.js 和 MVVM 的注意事项
所属栏目:[教程] 日期:2016-11-26 热度:173
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 View Model 的双向数据绑定,这使得View Model的状态改变可以自动传递给 View,这就是所谓的数据双向绑定。 Vue.js 是一个提供 MVVM 风格的双向数据绑定的 Ja[详细]
-
jquery组件WebUploader文件上传用法详解
所属栏目:[教程] 日期:2016-11-26 热度:80
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,下文来为各位演示一下关于jquery WebUploader文件上传组件的用法。 使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置,以及多个事件方[详细]
-
js提示框替代系统alert,自动关闭alert对话框的实现方法
所属栏目:[教程] 日期:2016-11-26 热度:63
自己写了个alert提示框。因为系统alert在苹果手机微信中,提示时,顶部会显示网站地址。 同时其他后续操作需要在js中继续填写。因此简单用div写了一个alert提示框,并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/.show_alert_box{width:100%;height:[详细]
-
扩展Bootstrap Tooltip插件使其可交互的方法
所属栏目:[教程] 日期:2016-11-26 热度:79
本文实例讲述了扩展Bootstrap Tooltip插件使其可交互的方法。分享给大家供大家参考,具体如下: 最近在公司某项目开发中遇见一特殊需求,请笔者帮助,因此有了本文的插件。在前端开发中tooltip是一个极其常用的插件,它能更好向使用者展示更多的文档等帮助[详细]
-
基于Phantomjs生成PDF的实现方法
所属栏目:[教程] 日期:2016-11-26 热度:181
本文实例讲述了基于Phantomjs生成PDF的实现方法。分享给大家供大家参考,具体如下: 最近在node.js项目开发中,遇见生成PDF的需求,当然生成PDF不是一个新意的需求;我可以选择利用开源的pdfkit或者其他node pdf模块,或者通过edge.js调用.net/python下的p[详细]
-
jQuery插件WebUploader实现文件上传
所属栏目:[教程] 日期:2016-11-26 热度:169
最近在项目中用到了百度的文件图片上传插件WebUploader,分享给大家。 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的F[详细]
-
jQuery利用sort对DOM元素进行排序操作
所属栏目:[教程] 日期:2016-11-25 热度:127
前言 排序对于我们是再熟悉不过了,在绝大数应用程序中都会有这样一个场景:当我们从服务器端获取一个列表时,在界面上进行渲染,我们可以会依赖于某一个规则来进行排序,当然此时绝大多数会再次与服务器进行交互来进行重新渲染列表到客户端,这样做未尝不[详细]
-
AngularJS ng-template寄宿方式用法分析
所属栏目:[教程] 日期:2016-11-25 热度:169
本文实例讲述了AngularJS ng-template寄宿方式用法。分享给大家供大家参考,具体如下: 如果你是一个angular的开发者的话,对于ng-html2js你应该 很熟悉。对于angular的指令,我们经常需要定义模板( directive template/templateUrl),你可以选择讲html pag[详细]
-
easyUI实现(alert)提示框自动关闭的实例代码
所属栏目:[教程] 日期:2016-11-25 热度:54
原理:使用js的定时任务函数setInterval设置时间,然后触发关闭事件 参数说明 title:提示框的标题 msg:提示信息内容 ico:显示的提示信息图标,'info','warnning','error'等 函数体 function alert_autoClose(title,msg,icon){ var interval; var time=1[详细]
-
AngularJS的ng Http Request与response格式转换方法
所属栏目:[教程] 日期:2016-11-25 热度:175
本文实例讲述了AngularJS的ng Http Request与response格式转换方法。分享给大家供大家参考,具体如下: angular作为Single Page Application推荐的交互方式当然是基于json的ajax调用。但今天要说的是当你不幸工作在一个遗留或者不可控制的服务上,而这服务[详细]
-
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
所属栏目:[教程] 日期:2016-11-25 热度:126
实例如下: if (!Array.prototype.indexOf) Array.prototype.indexOf = function (elt /*, from*/) { var len = this.length gt;gt;gt; 0; var from = Number(arguments[1]) || 0; from = (from lt; 0) #63; Math.ceil(from) : Math.floor(from); if (from[详细]
-
easyui messager alert 三秒后自动关闭提示的实例
所属栏目:[教程] 日期:2016-11-25 热度:116
实例如下: $.messager.alert(' ','lt;font size="2" color="#666666"gt;lt;stronggt;数据库暂无记录!lt;/stronggt;lt;/fontgt;','infoSunnyIcon',function(){ //alert('点击确定按钮才关闭');// }); setTimeout(function(){ $(".messager-body").win[详细]
-
基于KO+BootStrap+MVC实现的分页控件代码分享
所属栏目:[教程] 日期:2016-11-25 热度:158
JS: /// lt;reference path="../knockout-3.2.0.js" /gt;var ViewModel = function (data) {var self = this;self.ObjectList = ko.observableArray(data.ObjectList)self.TotalCount = ko.observable(data.TotalCount);self.PerCount = ko.observable(da[详细]
-
AngularJS解决ng界面长表达式(ui-set)的方法分析
所属栏目:[教程] 日期:2016-11-25 热度:103
本文实例讲述了AngularJS解决ng界面长表达式(ui-set)的方法。分享给大家供大家参考,具体如下: 本文来自网友sun shine的问题,问题如下: nbsp;nbsp;nbsp; 您好, 我想求教一个问题. nbsp;nbsp;nbsp; 在$scope中我的对象名字写的特别深, 在 html中我又多次[详细]