前端工作，每日记录

        之前养成了习惯每天遇到的问题记录在txt里，积累了很多，看上去有点乱，才想起来可以整理到博客里养成记录点滴的好习惯，我爱写博客

2013.7.24
        1)a{ cursor:url("##.cur"),auto; }鼠标样式,url可以是cur或者ico格式。大小为32*32,兼容性最好。
        2)有时经常要做最后一个list没有(底或侧)边框的样式，ie6下css3样式li:last-child{ border:none; }没有效果,用行内样式style=“border:none;”略...,解决方法一般可以写超出隐藏或者加一个ie6样式,_border-bottom-width:expression(this.nextSibling==null?'0':'1px')。

2013.8.8
        1)Math.random()——返回[0,1)之间的随机数;
        Math.random()*(n-m)+m——返回指定范围的随机数(m-n之间)的公式;
        Math.ceiling()——返回大于或等于指定数字的最小整数;
        math.floor()——返回小于或等于指定数字的最大整数;
        ——>Math.floor(Math.random()*(n-m)+m)——返回m-n之间的随机整数。

2013.9.4
        1)ie6下margin-top负值失效——解决方法：_position:relative;
        2)当窗口小于990时才出现左右滑动条,公司要求有这个限定.layout{ _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?"990px":""); min-width:990px; margin:0 auto; }

2013.9.10
        1)有时展示产品详细的图片，图片是动态加载的，没有固定大小，但是页面要求图片在固定大小的框里留白居中，用css就可以解决这个问题，代码如下：

<div class="box">    
	<img src="http://www.baidu.com/img/bdlogo.gif" alt="" />
</div>
<style type="text/css">
.box{ width:260px; height:260px; text-align:center; vertical-align:middle; display:table-cell; border:1px solid red; font-size:200px\9; }
.box img{ max-width:160px; max-height:160px; }(要兼容ie6要另外限制一下宽高)
</style>

2013.12.12
        1)写js经常遇到一个问题——TypeError:  XXX  is not a function，定义了function sum(){}，并且在$('').click(function(){  sum();   });里面调用，但是一直报sum()不是方法，百度结果是sum()里面有同样定义为sum的变量，把名字改为Sum()之后就解决了(参考)。  如果不是语法等等方面出错，还有可能是    A.由于jquery和别的框架冲突   B.多次导入了jquery(参考)等等~

2013.12.16
        1)优化JQ代码，从几个方面精简提高代码效率，把我平时偶尔闪现的想法都总结出来了，赞一个！a.缓存变量  b.避免全局变量  c.使用匈牙利命名法  d.使用var链  e.使用“on”定义方法  f.尽可能合并函数  g.链接写法  h.维护代码可读性  i.选择短路求值（好酷）  j.选择捷径  k.繁重的操作中分离元素  l.熟记技巧  m.使用子查询缓存的父元素  n.避免通用选择符  o.避免隐式通用选择符  p.优化选择符、避免多个ID选择符  q.坚持最新版本  r.利用CDN  s.必要时组合jQuery和javascript原生代码   (没有任何框架能比原生代码更小，更轻，更高效,jQuery并非不可或缺，仅是一种选择。)

2013.12.18
        1)今天用到了Math.pow(x,y)求多次方值，所以整体地看了下Math对象的一些函数

2013.12.19
        1)继续分享js优化

2013.12.24
        1)display:table-cell,以前不了解的一个属性，原来有不少妙用，学习了，display:table-cell的各种用法

2013.12.26
        1)javascript对象的封装与继承

2014.1.7
        1)多个div并排显示，最后面的div自适应充满外div剩余的宽度

<div>
       <div style="float:left;width:200px;height:200px;"></div>
       <div style="float:none;height:200px;overflow:hidden;"></div>
</div>

2014.3.7
        今天才知道“鼠标手势”这个概念，看了一些链接是否应该在新窗口打开的讨论，其实前端开发要注意的用户体验细节，远比我想的多。豆瓣上有篇文章做了比较好的总结——以下几种情况应当让链接在新建窗口中打开：
        1）当链接是外链时，必须在新建窗口中打开；
        2）当链接指向指向一个大文档(PDF、Word文档、图片等)时，可以在新建窗口中打开；
        3）填写资料，帮助页面等等的辅助窗口；
        4）当网站上页面的独立性较大时，可以选择新建窗口打开；
        另外，可以对用户进行引导，告诉用户“单击中键”可以更加便捷、人性化地新窗口打开链接。