- 浏览: 14706 次
- 来自: 深圳
最新评论
文章列表
Angular为我们提供了三种创建服务的方式:
1、Factory
2、Service
3、Provider
一、当使用 factory 来创建服务的时候,相当于新创建了一个对象,然后在这个对象上新添属性,最后返回这个对象。当把这个服务注入控制器的时候,控制器就可以访问在那个对象上的属性了。
app.factory('MyFactory', function () {
var _artist = '',
service = {};
service.getArtist = function () {
...
$http.post 采用postJSON方式发送数据到php后台接收不到数据
解决办法:
在php中使用file_get_contents('php://input',true)方法处理
<?php
$text=file_get_contents('php://input',true);
echo $text;
?>
本文主要说的是Web中图片根据手机屏幕大小自适应居中显示,图片自适应两种常见情况解决方案。开始吧
在做配合手机客户端的Web wap页面时,发现文章对图片显示的需求有两种特别重要的情况,一是对于图集,这种文章只需要左右滑动浏览,最好的体验是让图片缩放显示在屏幕有效范围内,防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情,用户体验大大降低。二是图文混排的文章,图片最大宽度不超过屏幕宽度,高度可以auto。这两种情况在项目中很常见。另外,有人说做个图片切割工具,把图片尺寸比例都设定为统一的大小,但即使这样,面对各种大小的移动设备屏幕,也是无法适用一个统一方案就能解决得了的。而且如果 ...
跨域的定义:Javascript出于安全性考虑,同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别,“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。实 ...
jquery插件网站推荐
- 博客分类:
- jquery
在网上查找jQuery插件时发现的一些网站,和大家分享一下,也欢迎大家留言补充
dowebok --- http://www.dowebok.com/
jQuery插件库 --- http://www.jq22.com/
jQuery之家 --- http://www.htmleaf.com/
我们知道CSS3的Animation有八个属性
animation-name
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-play-state
animation-fill-mode
animation-timing-function
其中1-7大多都有介绍,但是animation-timing-function是控制时间的属性
在取值中除了常用到的 三次贝塞尔曲线 以外,还有个让人比较困惑的 steps() 函数
animati ...
下面是一些关于客户端JS性能的一些优化的小技巧:
1.[顶]关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环:for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;)、while()循环的性能基本持平。当然,推 荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套的++或--运算符。
2.如果需要遍历数组,应该先缓存数组长度,将数组长度放入局部变量中,避免多次查询数组长度。
3.局部变量的访问速度要比全局变量的访问速度更快,因为全局变量其实是 ...
jq的$.get和$.post方法,都是不能跨域访问的。$.getJson却让我们看到了希望的曙光,
不过有一点不足的是,这个是GET的方法,传递的参数是有限制的,最大不超过2083个字符。
但问题终有解决办法的,经分析得出解决方案如下:
a.com使用$.getJson向b.com发送请求,在请求的同时,a.com把需要的传递的内容放到临时文件中(或者membercache),
b.com收到请求,反过来向a.com请求需要的数据,进行必要的操作,再给a.com返回成功的信息。这样就达到跨域大数据量请求的目的了。
当然通讯过程,最好加上协议,安全起见嘛。
JS 代码:
$ ...
22个HTML5的初级技巧
- 博客分类:
- HTML5/CSS3
1. 新的Doctype声明
XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。
下面是解决IE支持placeholder的方法本文引用的jquery是1.11.1测试通过,先引用jquery<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>也可以用其他的jquery版本再引入<script type="text/javascript" src="js/jquery.placeholder.js"></script&g ...
CSS3 greyscale 滤镜实现
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
SVG滤镜实现
我们新建一个空白文本文件,比如说:gray.txt. 拷贝进去如下的XML代码:
<sv ...
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例:
<div style="border:5px solid #f00;min-height:200px;width:300px;padding:12px;">
最小高度
</div>
...
在 IE6 中实现 position:fixed; 的办法
_position:absolute; 中的 _ 符号只有 IE6 才能识别,目的是为了区分其他浏览器。
以下是代码片断:
使元素固定在浏览器的顶部:
#top{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));}
使元素固定在浏
IE6超链接内联图片失效bug
- 博客分类:
- HTML/JS/CSS
<style type="text/css">
a{
text-decoration:none;
}
a img{ /* 默认隐藏图片 */
display:none;
border:none;
}
a:hover img{ /* 鼠标经过时,显示图片 */
display:inline;
}
</style>
</head>
<body>
<a href="#">菜单项目<img src="images/icon1.png" ...
IE6、7下不显示前面小圆点bug
- 博客分类:
- HTML/JS/CSS
如果ul设置了width,在IE6、7测试就不显示列表小圆点了
<style type="text/css">
ul{
width:100px;
}
</style>
</head>
<body>
<ul>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul& ...