- 博客(25)
- 收藏
- 关注
RSS订阅原创 factory, service与provider的区别
Angular为我们提供了三种创建服务的方式：1、Factory2、Service3、Provider一、当使用 factory 来创建服务的时候，相当于新创建了一个对象，然后在这个对象上新添属性，最后返回这个对象。当把这个服务注入控制器的时候，控制器就可以访问在那个对象上的属性了。 app.factory('MyFactory', function () {...
2016-03-14 23:30:19
529
原创 angularJS的$http.post发送到php获取不到数据的解决办法
$http.post 采用postJSON方式发送数据到php后台接收不到数据 解决办法： 在php中使用file_get_contents('php://input',true)方法处理<?php $text=file_get_contents('php://input',true); echo $text;?> ...
2016-03-06 22:01:05
256
原创 移动Web开发图片自适应两种常见情况解决方案
本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Web wap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情，用户体验大大降低。二是图文混排的文章，图片最大宽度不超过屏幕...
2016-01-23 18:32:32
132
原创 JavaScript跨域解决方法大全
跨域的定义：Javascript出于安全性考虑，同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别，“URL的首部”指window.location.protocol +window.location.host，也可以理解为“Domains, protocols and ports must match”。实际上，同源策略就是浏览器的一种保护机制，只要请求双方的URL协...
2016-01-23 18:29:13
115
原创 jquery插件网站推荐
在网上查找jQuery插件时发现的一些网站，和大家分享一下，也欢迎大家留言补充dowebok --- http://www.dowebok.com/ jQuery插件库 --- http://www.jq22.com/ jQuery之家 --- http://www.htmleaf.com/...
2015-09-07 22:16:58
130
原创 深入理解CSS3 Animation 帧动画
我们知道CSS3的Animation有八个属性animation-nameanimation-durationanimation-delayanimation-iteration-countanimation-directionanimation-play-stateanimation-fill-modeanimation-timing-function...
2015-09-07 20:42:02
115
原创 JS性能优化
下面是一些关于客户端JS性能的一些优化的小技巧：1.[顶]关于JS的循环，循环是一种常用的流程控制。JS提供了三种循环：for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差，因为它需要查询Hash键，因此应尽量少用for(in)循环，for(;;)、while()循环的性能基本持平。当然，推 荐使用for循环，如果循环变量递增或递减，不要单独对循环变量赋值...
2015-09-07 17:55:04
88
原创 jquery使用$.getJson()跨域大数据量请求方法
jq的$.get和$.post方法，都是不能跨域访问的。$.getJson却让我们看到了希望的曙光，不过有一点不足的是，这个是GET的方法，传递的参数是有限制的，最大不超过2083个字符。但问题终有解决办法的，经分析得出解决方案如下：a.com使用$.getJson向b.com发送请求，在请求的同时，a.com把需要的传递的内容放到临时文件中(或者membercache)，b.c...
2015-09-07 17:51:24
155
原创 22个HTML5的初级技巧
1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
2015-09-03 15:47:46
113
原创 解决IE支持placeholder的方法
下面是解决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="tex...
2015-09-03 15:09:45
273
原创 使用CSS将图片转换成黑白(灰色、置灰)
CSS3 greyscale 滤镜实现 .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grays...
2015-08-17 12:11:38
125
原创 兼容浏览器的min-height和min-width
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例：<div style="border:5px solid #f00;min-height:200px;width:300px;padding:12px;"> 最小高度</div> 运行图如下： 先别高...
2015-08-12 23:22:00
172
原创 解决IE6 position:fixed 固定定位问题
在 IE6 中实现 position:fixed; 的办法 _position:absolute; 中的 _ 符号只有 IE6 才能识别，目的是为了区分其他浏览器。 以下是代码片断： 使元素固定在浏览器的顶部： #top{ _position:absolute; _bottom:auto; _top:expression(eval(docum...
2015-08-12 14:59:08
136
原创 IE6超链接内联图片失效bug
<style type="text/css">a{ text-decoration:none;}a img{ /* 默认隐藏图片 */ display:none; border:none;}a:hover img{ /* 鼠标经过时，显示图片 */ display:inline;}</style></head>...
2015-07-15 15:43:21
139
原创 IE6、7下不显示前面小圆点bug
如果ul设置了width，在IE6、7测试就不显示列表小圆点了 <style type="text/css">ul{ width:100px;}</style></head><body><ul> <li>hello</li>
2015-07-15 15:31:24
135
原创 HTML5 bootstrap2网页兼容（支持IE10以下）
<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2015-07-06 15:57:27
310
原创 FFmpeg 视频转ogg格式命令
使用FFmpeg程序将视频文件转ogg格式操作说明。目前已测试过mp4、flv两种视频格式都成功。没有FFmpeg程序的同学可以到FFmpeg官网http://ffmpeg.org/download.html下载已编译打包好的程序包。 下载完程序后打开命令行窗口（不知道的可以百度一下）：1、先转到 原视频文件（即需要转换的视频）目录。例如要转换的视频文件VHLaptop.flv存...
2015-07-01 18:20:31
2859
原创 理解SVG的viewport，viewBox，preserveAspectRatio
一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了。 因为viewBox的目的是要自己设置的长宽范围填满viewport。viewport的长宽是确定的，viewBox设置的值如果超出了vi...
2015-06-28 18:07:58
188
原创 IE6，IE7，IE8，Firefox 兼容的css hack
如果你问一个前端工程师世界上最痛苦的事情是什么，十有八九都会回答浏览器差异。由于IE6的异常表现加上国内盗版XP系统的横行再加上XP默认绑定IE6人们一般不会去升级浏览器，导致浏览器的差异始终是前端工程师头疼的事情。CSS hack由于不同的浏览器， 比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一...
2015-06-26 16:51:06
173
原创 IE6的3像素bug解决方法
3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列浮动，右列不浮动的例子，css代码如下：#side { float: left; background:#99FF99; height: 300px; width: 120px;}#main { background: #99FFFF; height: 300px;} ...
2015-06-26 16:25:56
159
原创 清除浮动的各种方法总结
问题的提出：最简单的一种情形就是我们把一个小的、固定宽度的div元素（比如导航、引用等）和其他元素内容一起包含在一个大的div中。比如下面这段代码：<div id="outer"> <div id="inner"> <h2>A Column</h2> </div> <h1&
2015-06-24 17:13:26
68
原创 css sprites-简单实例
css sprites直译过来就是CSS精灵，但是这种翻译显然是不够的，其实就是通过将多个图片融合到一副图里面，然后通过CSS的一些技术布局到网页上。这样做的好处也是显而易见的，因为图片多的话，会增加http的请求，无疑促使了网站性能的减低，特别是图片特别多的网站，如果能用css sprites降低图片数量，带来的将是速度的提升。下面我们来用一个实例来理解css sprites。我们仅...
2015-06-24 17:02:19
141
原创 css sprites介绍
一、CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。CSS Sprites允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页...
2015-06-24 16:58:00
169
原创 JS中的prototype
JS中的prototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法例子： ...
2015-06-24 16:51:21
71
原创 解决IE6 PNG不透明问题
在head中加入以下代码<!--[if IE 6]><script src="js/DD_belatedPNG_0.0.8a-min.js"></script><script> DD_belatedPNG.fix('div,button,a,i,em,h1,h2,h3,h4,h5,form,img,input,li,td,span...
2015-06-24 16:44:19
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人