前端工作,每日记录

        之前养成了习惯每天遇到的问题记录在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)当网站上页面的独立性较大时,可以选择新建窗口打开;
        另外,可以对用户进行引导,告诉用户“单击中键”可以更加便捷、人性化地新窗口打开链接。

阅读更多
换一批

没有更多推荐了,返回首页