摘要：
关于2：该条错误。关于3：inline-block的baseline，定义于http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align最后一行。关于tips2：line-height不影响inline元素的高度，但影响其使用vertical-align属性时的展现效果。（即vertical-align使用line-height形成的行盒进行定位）ps：该内容仅为个人进行经验记忆的记录。 阅读全文
摘要：
让js复用smarty模板场景：tabview或者加载更多内容的时候，往往需要从后端获取数据，然后用js生成相应的html代码，插入到相应的位置。通常方法：1. 后端直接build相应模板，然后输出到前端。优点：smarty模板功能强大，能使用php语法，方便调用php中自定义的处理逻辑，只用写smarty模板缺点：加载时传输数据大。2. 前端使用js模板，用后端给的数据build。优点：仅传输需要的数据缺点：页面第一次展现时需要再次发送请求build需要的数据，对于展现的实时性和seo都不是很友好3：混合使用smarty和js模板优点：解决前两个的问题缺点：需要维护两套模板，开发和维护成本太 阅读全文
摘要：
使用chrome控制台打断点可以看到函数执行时候的scope这是很早之前就知道的。但使用console.dir也可以查看到函数的scope却是今天调试时的意外收获。调试代码：<!doctype html><html><head> <meta charset="utf-8" /> <title>test</title></head><body><script type="text/javascript">var t1=1;var a=function 阅读全文
摘要：
现象： 父容器高度大于子图片高度 View Code （不知道怎么在博客里插入js）div高度比图片高度大。原因：img是inline元素，有假想元素。基于baseline定位时，父容器高度为... 阅读全文
摘要：
1. 父页面<html><head> <meta charset="gbk"> <title>引用页面</title></head><body><button id='openNewWindow'>弹出新窗口</button><button id='sendMessage'>发送消息</button><input id='message' value='0'><i 阅读全文
摘要：
做水平滚动轮播时的思考。ul宽度不会被撑开，但scrollwidth会撑开。<html><head> <title>test-li不折行</title> <meta charset="gbk" /> <style type="text/css"> ul{ white-space: nowrap; padding: 0; margin: 0; overflow: auto;} li{ width: 900px; height: 200px; background-color: gree 阅读全文
摘要：
<html><head> <title>获取鼠标进入容器方向</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script type="text/javascript" src="http://dev.qwrap.com/download/latest/apps/qwrap.js?20121011"></script>< 阅读全文
摘要：
var s = 0;var l = 4;var timer = null;var isback = false;W(document).on('mousewheel', function(e) { var isTop = document.body.scrollTop == document.documentElement.scrollTop; if (isTop && !isback && s < 100 && e.detail < 0) { clearTimeout(timer); console.log(s, l 阅读全文
摘要：
$a = array('a', 'b');$b = array('c', 'b');$c = $a + $b; print_r($c); print_r(array_merge($a, $b)); $a = array(0 => 'a', 1 => 'b'); $b = array(0 => 'c', 1 => 'b'); $c = $a + $b; print_r($c); print_r(array_merge($a, $b)); $a = 阅读全文