$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(){
$(...
从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;
...
网上找了很多获取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:...
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"...
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...
网站上经常会使用一些三角形,除了图片的方式,实际上利用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)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。
:before 选择器在被选元素的内容前面插入内容。
:after 选择器在被选元素的内容后面插入内容。
用来清除浮动
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0}
用来插入图标
我用的before
...
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+*/
...