-
jquery组件WebUploader文件上传用法详解
所属栏目:[教程] 日期:2016-11-25 热度:140
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,下文来为各位演示一下关于jquery WebUploader文件上传组件的用法。 使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置,以及多个事件方[详细]
-
js提示框替代系统alert,自动关闭alert对话框的实现方法
所属栏目:[教程] 日期:2016-11-25 热度:149
自己写了个alert提示框。因为系统alert在苹果手机微信中,提示时,顶部会显示网站地址。 同时其他后续操作需要在js中继续填写。因此简单用div写了一个alert提示框,并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/.show_alert_box{width:100%;height:[详细]
-
扩展Bootstrap Tooltip插件使其可交互的方法
所属栏目:[教程] 日期:2016-11-25 热度:126
本文实例讲述了扩展Bootstrap Tooltip插件使其可交互的方法。分享给大家供大家参考,具体如下: 最近在公司某项目开发中遇见一特殊需求,请笔者帮助,因此有了本文的插件。在前端开发中tooltip是一个极其常用的插件,它能更好向使用者展示更多的文档等帮助[详细]
-
基于Phantomjs生成PDF的实现方法
所属栏目:[教程] 日期:2016-11-25 热度:56
本文实例讲述了基于Phantomjs生成PDF的实现方法。分享给大家供大家参考,具体如下: 最近在node.js项目开发中,遇见生成PDF的需求,当然生成PDF不是一个新意的需求;我可以选择利用开源的pdfkit或者其他node pdf模块,或者通过edge.js调用.net/python下的p[详细]
-
jQuery插件WebUploader实现文件上传
所属栏目:[教程] 日期:2016-11-25 热度:97
最近在项目中用到了百度的文件图片上传插件WebUploader,分享给大家。 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的F[详细]
-
jQuery利用sort对DOM元素进行排序操作
所属栏目:[教程] 日期:2016-11-25 热度:78
前言 排序对于我们是再熟悉不过了,在绝大数应用程序中都会有这样一个场景:当我们从服务器端获取一个列表时,在界面上进行渲染,我们可以会依赖于某一个规则来进行排序,当然此时绝大多数会再次与服务器进行交互来进行重新渲染列表到客户端,这样做未尝不[详细]
-
AngularJS ng-template寄宿方式用法分析
所属栏目:[教程] 日期:2016-11-25 热度:160
本文实例讲述了AngularJS ng-template寄宿方式用法。分享给大家供大家参考,具体如下: 如果你是一个angular的开发者的话,对于ng-html2js你应该 很熟悉。对于angular的指令,我们经常需要定义模板( directive template/templateUrl),你可以选择讲html pag[详细]
-
easyUI实现(alert)提示框自动关闭的实例代码
所属栏目:[教程] 日期:2016-11-25 热度:151
原理:使用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 热度:165
本文实例讲述了AngularJS的ng Http Request与response格式转换方法。分享给大家供大家参考,具体如下: angular作为Single Page Application推荐的交互方式当然是基于json的ajax调用。但今天要说的是当你不幸工作在一个遗留或者不可控制的服务上,而这服务[详细]
-
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
所属栏目:[教程] 日期:2016-11-25 热度:67
实例如下: 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 热度:144
实例如下: $.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 热度:71
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 热度:65
本文实例讲述了AngularJS解决ng界面长表达式(ui-set)的方法。分享给大家供大家参考,具体如下: 本文来自网友sun shine的问题,问题如下: nbsp;nbsp;nbsp; 您好, 我想求教一个问题. nbsp;nbsp;nbsp; 在$scope中我的对象名字写的特别深, 在 html中我又多次[详细]
-
AngularJS 应用身份认证的技巧总结
所属栏目:[教程] 日期:2016-11-25 热度:185
在web中很多时候都能应用到身份认证,本文介绍了AngularJS 应用身份认证的技巧,废话不多说了一起往下看吧。 身份认证 最普遍的身份认证方式就是用用户名(或 email)和密码做登陆操作。这就意味要实现一个登陆的表单,以便用户能够用他们个人信息登陆。这[详细]
-
浅谈EasyUi ComBotree树修改 父节点选择的问题
所属栏目:[教程] 日期:2016-11-25 热度:169
本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 。 毕竟不同项目背景 取舍不同。 我在做网元树选择的时候 nbsp;发现当选取父节点后,子节点都会被选择 nbsp;返回 nbsp;。但是如果我们选中父节点后没有必要选择子节点。 故对源脚本作[详细]
-
EasyUI 中combotree 默认不能选择父节点的实现方法
所属栏目:[教程] 日期:2016-11-25 热度:170
这需要添加如下字段就行,搜了半天,说什么判断是不是子节点什么的,都是胡扯! onlyLeafCheck:true,//病因分类 $('#artReason').combotree({width:200,method:'GET', //url: '${ctx}/business/dict/json/DicEtilolgy', data:DicEtilolgy_data, idField :[详细]
-
easyui取消表单实时验证,提交时统一验证的简单实例
所属栏目:[教程] 日期:2016-11-25 热度:176
1、设置表单不验证 lt;form id="ff" class="easyui-form" method="post" data-options="novalidate:true"gt; lt;/formgt; 2、表单提交时统一验证 $('#ff').form('submit',{ nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;[详细]
-
AngularJs基于角色的前端访问控制的实现
所属栏目:[教程] 日期:2016-11-25 热度:166
最近做的项目是使用Angular做一个单页应用,但因为用户有不同的角色(管理员、编辑、普通财务人员等),所以需要进行不同角色的访问控制。 因为后端访问控制的经验比较丰富,所以这里只记录了前端访问控制的实现。请注意,前端最多只能做到显示控制!并不[详细]
-
NodeJS和BootStrap分页效果的实现代码
所属栏目:[教程] 日期:2016-11-25 热度:153
1、数据处理 首先在动态js中,根据url参数获取数据库文档的数量,设置分页的大小,获取当前页面的数据,然后将文档数量pagecount,分页大小pagesize,以及当前页面currentpage传递到页面中。 2、处理分页效果 我采用的是JavaScript动态生成的,你也可以利[详细]
-
基于JS分页控件实现简单美观仿淘宝分页按钮效果
所属栏目:[教程] 日期:2016-11-25 热度:193
最新版本代码请移步到https://github.com/pgkk/kkpager 在线测试链接:http://pgkk.github.io/kkpager/example/pager_test.html 分页按钮思想: 1、少于9页,全部显示 2、大于9页,1、2页显示,中间页码当前页为中心,前后各留两个页码 附件中有完整例子的[详细]
-
AngularJS动态绑定HTML的方法分析
所属栏目:[教程] 日期:2016-11-25 热度:68
本文实例讲述了AngularJS动态绑定HTML的方法。分享给大家供大家参考,具体如下: 在Web前端开发中,我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示,特别是在内容管理系统(CMS:是Content Management System的缩写[详细]
-
JS 全屏和退出全屏详解及实例代码
所属栏目:[教程] 日期:2016-11-25 热度:105
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌、火狐、360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏)。 这个demo基本是够了,直接复制下面的源码另存为html文件看效果吧。 lt;!DOCTYPE html[详细]
-
jquery文字填写自动高度的实现方法
所属栏目:[教程] 日期:2016-11-25 热度:83
下面开始写一个jquery插件 (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度 minHeight:$(this).heigh[详细]
-
easyui form validate总是返回false的原因及解决方法
所属栏目:[教程] 日期:2016-11-25 热度:128
最近做表单验证用了easyui form组件。又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的"validate"方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又声明了$('#field1').combobox(); lt;form id=[详细]
-
easyui tree带checkbox实现单选的简单实例
所属栏目:[教程] 日期:2016-11-25 热度:82
实例如下: lt;ul id="regionTree"gt;lt;/ulgt; $('#regionTree').tree({ cascadeCheck: false, //onlyLeafCheck: true, checkbox: true, data: [{ "id": 1, "text": "My Documents", "children": [{ "id": 11, "text": "Photos", "state": "closed", "chi[详细]