-
AngularJS 应用身份认证的技巧总结
所属栏目:[教程] 日期:2016-11-26 热度:143
在web中很多时候都能应用到身份认证,本文介绍了AngularJS 应用身份认证的技巧,废话不多说了一起往下看吧。 身份认证 最普遍的身份认证方式就是用用户名(或 email)和密码做登陆操作。这就意味要实现一个登陆的表单,以便用户能够用他们个人信息登陆。这[详细]
-
浅谈EasyUi ComBotree树修改 父节点选择的问题
所属栏目:[教程] 日期:2016-11-26 热度:145
本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 。 毕竟不同项目背景 取舍不同。 我在做网元树选择的时候 nbsp;发现当选取父节点后,子节点都会被选择 nbsp;返回 nbsp;。但是如果我们选中父节点后没有必要选择子节点。 故对源脚本作[详细]
-
EasyUI 中combotree 默认不能选择父节点的实现方法
所属栏目:[教程] 日期:2016-11-26 热度:156
这需要添加如下字段就行,搜了半天,说什么判断是不是子节点什么的,都是胡扯! onlyLeafCheck:true,//病因分类 $('#artReason').combotree({width:200,method:'GET', //url: '${ctx}/business/dict/json/DicEtilolgy', data:DicEtilolgy_data, idField :[详细]
-
easyui取消表单实时验证,提交时统一验证的简单实例
所属栏目:[教程] 日期:2016-11-26 热度:181
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-26 热度:140
最近做的项目是使用Angular做一个单页应用,但因为用户有不同的角色(管理员、编辑、普通财务人员等),所以需要进行不同角色的访问控制。 因为后端访问控制的经验比较丰富,所以这里只记录了前端访问控制的实现。请注意,前端最多只能做到显示控制!并不[详细]
-
NodeJS和BootStrap分页效果的实现代码
所属栏目:[教程] 日期:2016-11-26 热度:90
1、数据处理 首先在动态js中,根据url参数获取数据库文档的数量,设置分页的大小,获取当前页面的数据,然后将文档数量pagecount,分页大小pagesize,以及当前页面currentpage传递到页面中。 2、处理分页效果 我采用的是JavaScript动态生成的,你也可以利[详细]
-
基于JS分页控件实现简单美观仿淘宝分页按钮效果
所属栏目:[教程] 日期:2016-11-26 热度:133
最新版本代码请移步到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 热度:162
本文实例讲述了AngularJS动态绑定HTML的方法。分享给大家供大家参考,具体如下: 在Web前端开发中,我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示,特别是在内容管理系统(CMS:是Content Management System的缩写[详细]
-
JS 全屏和退出全屏详解及实例代码
所属栏目:[教程] 日期:2016-11-26 热度:152
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌、火狐、360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏)。 这个demo基本是够了,直接复制下面的源码另存为html文件看效果吧。 lt;!DOCTYPE html[详细]
-
jquery文字填写自动高度的实现方法
所属栏目:[教程] 日期:2016-11-26 热度:81
下面开始写一个jquery插件 (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度 minHeight:$(this).heigh[详细]
-
easyui form validate总是返回false的原因及解决方法
所属栏目:[教程] 日期:2016-11-26 热度:111
最近做表单验证用了easyui form组件。又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的"validate"方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又声明了$('#field1').combobox(); lt;form id=[详细]
-
easyui tree带checkbox实现单选的简单实例
所属栏目:[教程] 日期:2016-11-26 热度:160
实例如下: 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 热度:171
这是我上传的第二个plugin,首先第一点就是因为这个好看,符合bootstrap的界面风格,第二是可以拖拽(虽然我不常用这个功能 但是这样界面看起来就丰满了很多) 最后不得不吐槽这个的回发事件 我百度了很久才找到,CSDN上面也问了,不知道是自己百度的方式不[详细]
-
bootstrap监听滚动实现头部跟随滚动
所属栏目:[教程] 日期:2016-11-25 热度:151
本文实例为大家分享了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 热度:136
本文实例为大家分享了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 热度:191
bootstrap fileinput文件上传插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由不去使用, JS引用: lt;script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"gt;lt;/s[详细]
-
AngularJS学习笔记(三)数据双向绑定的简单实例
所属栏目:[教程] 日期:2016-11-25 热度:198
双向绑定 双向绑定是AngularJS最实用的功能,它节省了大量的代码,使我们专注于数据和视图,不用浪费大量的代码在Dom监听、数据同步上,关于双向更新,可看下图: 数据--gt;视图 这里我们只演示有了数据以后,如何绑定到视图上。 lt;!DOCTYPE htmlgt;lt;ht[详细]
-
AngularJS压缩JS技巧分析
所属栏目:[教程] 日期:2016-11-25 热度:143
本文实例讲述了AngularJS压缩JS的操作技巧。分享给大家供大家参考,具体如下: 大多数web项目在发布时候都会对js代码进行压缩,目的是为了减少js文件的大小,节省一点流量。 它的原理很简单,就是对参数及部分变量名和函数进行重命名。 但是这种工作方式在[详细]
-
AngularJS+Bootstrap实现多文件上传与管理
所属栏目:[教程] 日期:2016-11-25 热度:85
最近一个项目中需要实现多文件上传与管理,而项目是基于bootstrap开发的,所以查了一些bootstrap文件上传插件,最后发现还是bootstrap-fileinput最美观,该插件可以实现多文件的上传与管理(插件官方地址:http://plugins.krajee.com/file-input),具体的[详细]
-
JS实现探测网站链接的方法【测试可用】
所属栏目:[教程] 日期:2016-11-25 热度:179
本文实例讲述了JS实现探测网站链接的方法。分享给大家供大家参考,具体如下: 如果想通过程序探测一个网站链接是否存在,可以通过服务器端高级语言编程实现,其实客户端的JavaScript也是可以探测的,下面通过一个技巧来探测网站链接。 lt;!DOCTYPE html PU[详细]
-
bootstrap fileinput完整实例分享
所属栏目:[教程] 日期:2016-11-25 热度:174
本篇介绍如何使用bootstrap fileinput.js,file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,最好用的文件上传组件。 文件夹结构 版本都是3.x lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML[详细]
-
jQuery的Read()方法代替原生JS详解
所属栏目:[教程] 日期:2016-11-25 热度:120
在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 热度:108
本文实例讲述了AngularJS动态加载模块和依赖的方法。分享给大家供大家参考,具体如下: 前言 由于AngularJS是单页面应用框架,在正常的情况下,会在访问页面的时候将所有的CSS、JavaScript文件都加载进来。文件不多的时候,页面启动速度倒不会影响太多。但[详细]
-
Jquery通过ajax请求NodeJS返回json数据实例
所属栏目:[教程] 日期:2016-11-25 热度:148
最近看了NodeJS相关的,在网上查了下结合AJAX的应用,感觉应用前景还是不错的。为什么用这个组合呢? 1.NodeJS不需要安装,拷贝过去就可以使用,而环境变量可以只配置在当前cmd窗口,运行方便。 2.通过HTML的ajax请求,可以实现在不同的服务器上,可跨域获[详细]
-
nodejs的HTML分析利器node-jquery用法浅析
所属栏目:[教程] 日期:2016-11-25 热度:55
本文实例分析了nodejs的HTML分析利器node-jquery用法。分享给大家供大家参考,具体如下: 首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得[详细]