06 2014 档案

rgba兼容IE系列
摘要：在容器里面如果用到opacity或者filter:opacity里面的内容也会被滤镜化如果不想里面的内容也被滤镜化我们可以用rgba来处理或者用透明的背景图片。兼容ie的rgba的写法background: rgba(0,0,0,0.75);-ms-filter:progid:DXImageTran... 阅读全文
posted @ 2014-06-26 19:35 heimanba 阅读(1743) 评论(0) 推荐(0)
"position:relative"在IE中的Bug
摘要：当子元素过高导致父元素出现滚动条时，它并不会像预期的那样呆在父元素里，而是浮在父元素之上，并且位置不随滚动条的移动而改变。根源就是子元素的"position:relative"。目前只发现ie中有此问题。页面源码：Html代码relativebug解决方法：为父元素也添加"position:rela... 阅读全文
posted @ 2014-06-26 18:46 heimanba 阅读(604) 评论(0) 推荐(0)
关于Block Formatting Context－－BFC和IE的hasLayout
摘要：转文 出处：穆乙http://www.cnblogs.com/pigtail/一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到... 阅读全文
posted @ 2014-06-26 18:07 heimanba 阅读(182) 评论(0) 推荐(0)
jquery的return this.each()的作用
摘要：经常看到在运用jquery插件绑定事件时候,都会用到each。下面来比较下使用return this和return this.each()在使用的区别。 注意:使用each的时候引用this,必须使用jquery包裹:$(this)。HTML代码TextoneTexttwoTextthreeText... 阅读全文
posted @ 2014-06-26 15:16 heimanba 阅读(1076) 评论(0) 推荐(0)
jquery阻止事件的两种实现方式
摘要：再阻止事件冒泡的方面,jquery有两种方式:一种是 return false;另外一种是 e.stopPropagation()html代码 点击我 js代码:$('#hr_three').click(function(e){ alert('我是最里层！') //e.stopPro... 阅读全文
posted @ 2014-06-26 14:54 heimanba 阅读(1663) 评论(0) 推荐(0)
$(window)和$(document)
摘要：注意:本次测试采用的jquery1.9.1的版本1. $(window).scrollTop() 和$(document).scrollTop()得出的结果是一样的2.$(window).height()得到的浏览器的窗口的高度,随着窗口大小改变而改变。(在文档加载完成之后使用) $(docum... 阅读全文
posted @ 2014-06-26 12:01 heimanba 阅读(378) 评论(0) 推荐(0)
hasLayout与BFC的触发条件
摘要：hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念，在很多时候，我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC；很多自适应的两栏和三栏布局（两边固定宽度，中间自适应）需要触发hasLayout与BFC；很多奇形怪状的IE bug的解决需要触发... 阅读全文
posted @ 2014-06-24 23:08 heimanba 阅读(563) 评论(0) 推荐(0)
更加直观地了解hasLayout和BFC
摘要：网络上有很多关于hasLayout和BFC相关的文章，但是大部分都显得有些晦涩难懂。所以想用一些比较直观的例子来说明hasLayout和BFC给平时的布局带来的影响。 基础知识 在讲hasLayout和BFC之前，先简单地过一下元素布局的一些基本知识。 元素本身的布局方式可以从display上表现... 阅读全文
posted @ 2014-06-24 22:29 heimanba 阅读(200) 评论(0) 推荐(0)
CSS 居中大全
摘要：我看最近微博流行 CSS 居中技术，老外码农争相写相关的文章，一篇赛一篇的长啊，我把几篇归纳总结了一下，算是笔记。孔乙己曾说：“茴香豆的回字有四种写法”，万一哪天有个面试官问你：“居中一共有几种写法”呢，哈哈，先备着吧~~各种方法各有利弊，大家自己权衡吧，至少在需要居中时多个思路。不建议用了。tex... 阅读全文
posted @ 2014-06-24 22:00 heimanba 阅读(422) 评论(0) 推荐(0)
jquery 中fadeIn,fadeOut动画
摘要：我们在做首页banner图片播放的时候会使用fadeIn,fadeOut动画,这里需要注意的是：fadeIn作用相当于:display:list-item;opcity逐渐变为1fadeOut作用相当于:display:none;opcity逐渐变为0有些时候我们需要实现些特殊的fade效果,就需要... 阅读全文
posted @ 2014-06-20 23:36 heimanba 阅读(336) 评论(0) 推荐(0)
使用Fiddler提高前端工作效率 (实例篇)
摘要：上篇中，我们对Fiddler Web Debugger有了简单的接触，也许你已经开始在用Fiddler进行HTTP相关的调试，在这一篇，我们将通过一个实例了解Fiddler的神奇魔法。在我们前端开发的日常工作中，发现服务器上某个css/javascript文件有问题，需要修改，那真是家常便饭。通常，... 阅读全文
posted @ 2014-06-17 23:28 heimanba 阅读(1103) 评论(0) 推荐(0)
使用Fiddler提高前端工作效率 (介绍篇)
摘要：1. Fiddler 是什么？Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思，Fiddler Web Debugger就像小提琴一样，可以让前端开发变得更加优雅。Fiddler是以代理服务器的方式，监听系统的网络数据流动。运行Fiddler后... 阅读全文
posted @ 2014-06-17 23:26 heimanba 阅读(283) 评论(0) 推荐(0)
python的一些学习资料(持续更新中)
摘要：------>1. [Markdown在线编辑器](https://www.zybuluo.com/)>2. [廖雪峰官方博客](http://www.liaoxuefeng.com/)[基础入门好资料]>3. [python-guide](https://github.com/kennethrei... 阅读全文
posted @ 2014-06-15 00:21 heimanba 阅读(236) 评论(0) 推荐(0)
Python脚本运行出现语法错误：IndentationError: unindent does not match any outer indentation level
摘要：【问题】一个python脚本，本来都运行好好的，然后写了几行代码，而且也都确保每行都对齐了，但是运行的时候，却出现语法错误：IndentationError: unindent does not match any outer indentation level【解决过程】1.对于此错误，最常见的原... 阅读全文
posted @ 2014-06-11 23:14 heimanba 阅读(150955) 评论(1) 推荐(9)
setuptools,pip,install,UnicodeDecodeError: 'ascii' codec can't decode byte.原因和解决方案
摘要：在学习Python2.7.6时，为了安装第三方库，我去下PIL。为了装PIL，又得先装ez_setup.py。结果装ez_setup时，遇到了问题，报错：[html] UnicodeDecodeError:'ascii'codeccan'tdecodebyte0xb0inposition1:... 阅读全文
posted @ 2014-06-11 21:57 heimanba 阅读(529) 评论(0) 推荐(0)
express cookie-session解惑
摘要：express的中间件基于connect模块而来，所以相关文档可以直接参考http://www.senchalabs.org/connect/使用cookie-session中间件过程中，比较困惑，所以记录如下 1.session 原理: session是基于cookie的 客户端... 阅读全文
posted @ 2014-06-11 14:36 heimanba 阅读(431) 评论(0) 推荐(0)
express的基本配置项
摘要：express自动生成的app.js中有一段代码用app.set和app.use对express进行配置，但这些配置都是什么意思，以及都能做哪些配置并没有展开。这一节就专门来讲express的配置。上节已经介绍了几个设置，接下来先介绍剩下的几个：app.use(express.favicon());... 阅读全文
posted @ 2014-06-10 11:36 heimanba 阅读(3401) 评论(0) 推荐(1)
node-mongodb-native的几种连接数据库的方式
摘要：在node-mongodb-native 最新的API中推荐的链接数据库的方式改变啦。让我们先看看以前版本中是怎么样连接数据库的方式。服务器server连接方式 var mongodb = require('mongodb');var server = new mongodb.Server('loc... 阅读全文
posted @ 2014-06-09 10:06 heimanba 阅读(931) 评论(0) 推荐(0)
node-mongo-native1.3.19连接mongo的最优方法
摘要：最近需要在node下连接mongo，尝试了很多方法，本文简要总结一下选择Driver首先，基本上有4个常见的driver供选择1.官方的是node-mongo-native2.基于node-mongo-native，封装的mongoose，是一个ODM小框架3.kiss小组同样基于node-mong... 阅读全文
posted @ 2014-06-07 16:04 heimanba 阅读(521) 评论(0) 推荐(0)
overflow:hidden真的失效了吗
摘要：项目中常常有同学遇到这样的问题，现象是给元素设置了overflow:hidden，但超出容器的部分并没有被隐藏，难道是设置的hidden失效了吗？其实看似不合理的现象背后都会有其合理的解释。我们知道，overflow属性值有这几种：visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。h... 阅读全文
posted @ 2014-06-07 09:49 heimanba 阅读(675) 评论(1) 推荐(1)
BFC 神奇背后的原理
摘要：BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC， 以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章，来全... 阅读全文
posted @ 2014-06-07 09:44 heimanba 阅读(10394) 评论(1) 推荐(3)