-
AngularJs基于角色的前端访问控制的实现
所属栏目：[教程] 日期：2016-11-26 热度：179
最近做的项目是使用Angular做一个单页应用，但因为用户有不同的角色（管理员、编辑、普通财务人员等），所以需要进行不同角色的访问控制。 因为后端访问控制的经验比较丰富，所以这里只记录了前端访问控制的实现。请注意，前端最多只能做到显示控制！并不[详细]
-
NodeJS和BootStrap分页效果的实现代码
所属栏目：[教程] 日期：2016-11-26 热度：98
1、数据处理 首先在动态js中，根据url参数获取数据库文档的数量，设置分页的大小，获取当前页面的数据，然后将文档数量pagecount，分页大小pagesize，以及当前页面currentpage传递到页面中。 2、处理分页效果 我采用的是JavaScript动态生成的，你也可以利[详细]
-
基于JS分页控件实现简单美观仿淘宝分页按钮效果
所属栏目：[教程] 日期：2016-11-26 热度：99
最新版本代码请移步到https://github.com/pgkk/kkpager 在线测试链接：http://pgkk.github.io/kkpager/example/pager_test.html 分页按钮思想： 1、少于9页，全部显示 2、大于9页，1、2页显示，中间页码当前页为中心，前后各留两个页码 附件中有完整例子的[详细]
-
AngularJS动态绑定HTML的方法分析
所属栏目：[教程] 日期：2016-11-26 热度：85
本文实例讲述了AngularJS动态绑定HTML的方法。分享给大家供大家参考，具体如下： 在Web前端开发中，我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示，特别是在内容管理系统（CMS：是Content Management System的缩写[详细]
-
JS 全屏和退出全屏详解及实例代码
所属栏目：[教程] 日期：2016-11-26 热度：68
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能，市面上主流浏览器如：谷歌、火狐、360等都是兼容的，不过IE低版本有点瑕疵（全屏状态下仍有底部的状态栏）。 这个demo基本是够了，直接复制下面的源码另存为html文件看效果吧。 lt;!DOCTYPE html[详细]
-
jquery文字填写自动高度的实现方法
所属栏目：[教程] 日期：2016-11-26 热度：64
下面开始写一个jquery插件 (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度 minHeight:$(this).heigh[详细]
-
easyui form validate总是返回false的原因及解决方法
所属栏目：[教程] 日期：2016-11-26 热度：57
最近做表单验证用了easyui form组件。又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的"validate"方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又声明了$('#field1').combobox(); lt;form id=[详细]
-
easyui tree带checkbox实现单选的简单实例
所属栏目：[教程] 日期：2016-11-26 热度：126
实例如下： 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[详细]
-
值得学习的bootstrap fileinput文件上传工具
所属栏目：[教程] 日期：2016-11-25 热度：98
这是我上传的第二个plugin，首先第一点就是因为这个好看，符合bootstrap的界面风格，第二是可以拖拽(虽然我不常用这个功能 但是这样界面看起来就丰满了很多) 最后不得不吐槽这个的回发事件 我百度了很久才找到，CSDN上面也问了，不知道是自己百度的方式不[详细]
-
bootstrap监听滚动实现头部跟随滚动
所属栏目：[教程] 日期：2016-11-25 热度：70
本文实例为大家分享了bootstrap监听滚动头部跟随滚动的实现方法，供大家参考，具体内容如下 实现案例 lt;body data-spy="scroll" data-target="#bs-example-navbar-collapse-1"gt;lt;div id='menu_wrap'gt; lt;div class='menu'gt; lt;nav class="navbar n[详细]
-
BootStrap table使用方法分析
所属栏目：[教程] 日期：2016-11-25 热度：168
本文实例为大家分享了BootStrap table的使用方法，供大家参考，具体内容如下 bootstrap table git address：https://github.com/wenzhixin/bootstrap-tablenbsp; 引入文件 lt;link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstr[详细]
-
bootstrapfileinput实现文件自动上传
所属栏目：[教程] 日期：2016-11-25 热度：95
bootstrap fileinput文件上传插件功能如此强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能，完全没有理由不去使用， JS引用： lt;script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"gt;lt;/s[详细]
-
AngularJS学习笔记（三）数据双向绑定的简单实例
所属栏目：[教程] 日期：2016-11-25 热度：176
双向绑定 双向绑定是AngularJS最实用的功能，它节省了大量的代码，使我们专注于数据和视图，不用浪费大量的代码在Dom监听、数据同步上，关于双向更新，可看下图： 数据--gt;视图 这里我们只演示有了数据以后，如何绑定到视图上。 lt;!DOCTYPE htmlgt;lt;ht[详细]
-
AngularJS压缩JS技巧分析
所属栏目：[教程] 日期：2016-11-25 热度：137
本文实例讲述了AngularJS压缩JS的操作技巧。分享给大家供大家参考，具体如下： 大多数web项目在发布时候都会对js代码进行压缩，目的是为了减少js文件的大小，节省一点流量。 它的原理很简单，就是对参数及部分变量名和函数进行重命名。 但是这种工作方式在[详细]
-
AngularJS+Bootstrap实现多文件上传与管理
所属栏目：[教程] 日期：2016-11-25 热度：122
最近一个项目中需要实现多文件上传与管理，而项目是基于bootstrap开发的，所以查了一些bootstrap文件上传插件，最后发现还是bootstrap-fileinput最美观，该插件可以实现多文件的上传与管理（插件官方地址：http://plugins.krajee.com/file-input），具体的[详细]
-
JS实现探测网站链接的方法【测试可用】
所属栏目：[教程] 日期：2016-11-25 热度：89
本文实例讲述了JS实现探测网站链接的方法。分享给大家供大家参考，具体如下： 如果想通过程序探测一个网站链接是否存在，可以通过服务器端高级语言编程实现，其实客户端的JavaScript也是可以探测的，下面通过一个技巧来探测网站链接。 lt;!DOCTYPE html PU[详细]
-
bootstrap fileinput完整实例分享
所属栏目：[教程] 日期：2016-11-25 热度：131
本篇介绍如何使用bootstrap fileinput.js，file input插件功能如此强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能，最好用的文件上传组件。 文件夹结构 版本都是3.x lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML[详细]
-
jQuery的Read()方法代替原生JS详解
所属栏目：[教程] 日期：2016-11-25 热度：125
在jQuery 3.0的版本前, ready经典用法是用一个匿名函数，像这样： $(document).ready(function() { // Handler for .ready() called.}); jQuery 3.0 ready() 变化 在jQuery 3.0发布之前，有以下几种方法称之为ready方法： nbsp;nbsp;nbsp; 在document元素[详细]
-
AngularJS动态加载模块和依赖的方法分析
所属栏目：[教程] 日期：2016-11-25 热度：182
本文实例讲述了AngularJS动态加载模块和依赖的方法。分享给大家供大家参考，具体如下： 前言 由于AngularJS是单页面应用框架，在正常的情况下，会在访问页面的时候将所有的CSS、JavaScript文件都加载进来。文件不多的时候，页面启动速度倒不会影响太多。但[详细]
-
Jquery通过ajax请求NodeJS返回json数据实例
所属栏目：[教程] 日期：2016-11-25 热度：84
最近看了NodeJS相关的，在网上查了下结合AJAX的应用，感觉应用前景还是不错的。为什么用这个组合呢？ 1.NodeJS不需要安装，拷贝过去就可以使用，而环境变量可以只配置在当前cmd窗口，运行方便。 2.通过HTML的ajax请求，可以实现在不同的服务器上，可跨域获[详细]
-
nodejs的HTML分析利器node-jquery用法浅析
所属栏目：[教程] 日期：2016-11-25 热度：78
本文实例分析了nodejs的HTML分析利器node-jquery用法。分享给大家供大家参考，具体如下： 首先描述产生这篇随笔的场景：我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上，但是由于jenkins没有直接的API取得[详细]
-
JS文件上传神器bootstrap fileinput详解
所属栏目：[教程] 日期：2016-11-25 热度：107
Bootstrap FileInput插件功能如此强大，完全没有理由不去使用，但是国内很少能找到本插件完整的使用方法，于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅。另外附上一段调用方发和servlet端的接收代码，未完待续。 引言： 一个[详细]
-
关于webuploader插件使用过程遇到的小问题
所属栏目：[教程] 日期：2016-11-25 热度：141
本文为大家解决webuploader上传插件如何自定义参数的问题，供大家参考，具体内容如下 大致架构： 前端:html5+ajax 后端：java （struts框架相关） 碰到问题： 后台coder给我提供一个接口./file/uploader.do#63;upFile=#63;,让我上传文件对应upFile这个参数[详细]
-
Javascript数组循环遍历之forEach详解
所属栏目：[教程] 日期：2016-11-25 热度：184
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-25 热度：174
文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML[详细]
