$http service在Angular中用于简化与后台的交互过程,其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中,可能会对每条请求发送到Server之前进行预处理(如加入token进行统一身份认证),或者是在Server返回数据到达客户端还未被处理之前进行预处理(如将非JSON格式数据进行转换);当然还有可能对在请求和响应过程过发生的错误问题进行捕获处理;亦或者为了增强用户体验,显示加载进度条等。所有这些需求在开发中都非常常见,所以Angular为我们提供了$http拦截器,用来实现上述需求。 壹、什么是拦截器 ...
嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡的示例: 1、event.preventDefault() 阻止元素发生默认的行为。 使用场景:a元素的点击跳转的默认事件;button、radio等表单元素的默认事件。 <a href="https://jiangdesheng.com/">Go to www.eqifei.net</a> <script> $(document).ready(function(){ $(...
分享一个简单滴js分页函数
[ 2017/02/14, 3027阅, 0评 ]
从phpcms系统的分页函数改过来的。 /** * pages 总页数 * curr_page 当前分页 * url URL规则 * eg:mypage(20,10,"aaa.php") */ function mypage(pages,curr_page,url){ var setpages = 10; var page = setpages + 1; var offset = setpages/2 - 1; var from = curr_page - offset; var to = curr_page + offset; ...
js+php获取qq昵称及头像
[ 2017/01/07, 9299阅, 6评 ]
网上找了很多获取qq昵称和头像的接口,然而时过境迁,很多都不能用了。功夫不负有心人,还是被我从控制台挖出了几个能用的,O(∩_∩)O哈哈哈~ 一、获取昵称 https://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins=qq号 返回数据格式如下(注:返回的编码是gbk) portraitCallBack({"qq号":["http://qlogo4.store.qq.com/qzone/qq号/qq号/100",927,-1,0,0,0,"qq昵称",0]}) 二、获取qq头像 https:...
一个jQuery年月日(生日)选择器
[ 2017/01/05, 4431阅, 0评 ]
HTML 生日中的年月日以<select>下拉方式,我们给每个select加个rel属性,当已知用户生日日期的,直接通过rel属性标注,插件会将rel属性值转换成select的值。 <label> 生日:</label> <select class="sel_year" rel="2000"> </select> 年 <select class="sel_month" rel="2"> </select> 月 <select class="sel_day" rel="14"...
一个简单的JS倒计时
[ 2017/01/04, 2979阅, 0评 ]
00天00时00分00秒 function getRTime(){ var EndTime= new Date('2017/12/12 00:00:00');//截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/100...
css使用border做三角形
[ 2016/12/08, 3176阅, 0评 ]
网站上经常会使用一些三角形,除了图片的方式,实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置,当四个边相交的时候他们是什么时候改变的? .t0{ margin:30px; height:200px; width:200px; border-top:solid 100px red; border-left:solid 100px green; border-right:solid 100px orange; border-bottom:solid 100px blue; } .t0{margin:...
css伪元素before和after的一些用法
[ 2016/12/08, 3588阅, 0评 ]
层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。 :before 选择器在被选元素的内容前面插入内容。 :after 选择器在被选元素的内容后面插入内容。 用来清除浮动 .clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0} 用来插入图标 我用的before ...
自定义css3中placeholder的字体颜色
[ 2016/12/08, 3028阅, 0评 ]
placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。那么怎样设置它的默认字体颜色呢? /*WebKit browsers*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#666;} /*Mozilla Firefox 4 to 18*/ input:-moz-placeholder, textarea:-moz-placeholder{color:#666;} /*Mozilla Firefox 19+*/ ...