摘要：
http://my.oschina.net/u/174409/blog 阅读全文
摘要：
之前看到的很多布局都是两边固定宽度，但是中间自适应，实现方式有几种，可以用absolution布局，float布局或者用负margin解决，下面我用了float...html部分:<div id="left">left </div><div id="right">right</div><div id="main">mian</div>css部分:#left,#right {float: left;width: 220px;height: 200px;backgro 阅读全文
摘要：
这两天看书看到了函数式编程那节，感觉学到了挺多东西，之前看别人代码都写的挺漂亮，现在我写的代码是有点乱，所以还是要学习下别人的编程模式..（1）平常写的函数大多是接受值，合并值，返回值，比如经常写的for循环:function printArray(array){ for(var i=0;i<array.length;i++){ print(array[i]); } }但是如果我们想做print之外的事情呢？怎么办？再写一个相似的，未免显得浪费，我们可以这样function forEach(array,action){ for(var i=0;i<... 阅读全文
摘要：
CodeMirror是一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化tab、代码自动格式等。 CodeMirror源码的github地址：https://github.com/marijnh/CodeMirror/。这几天除了上课之外有空我都是在啃着它的源码，在网上相关资料基本一点都没找到，发觉看起来真是很吃力，这篇总结也只是说个大概原理，具体细节我也很多不明白，虽然很多代码都读得懂，但是串联起来有很大... 阅读全文
摘要：
把目前浏览器占有率以及内核分布情况了解一下,写一份简单的报告,然后加一下自己的分析和总结1.全球浏览器的一个占有率（http://liulanmi.com/category/top）根据Net Applications于今日发布了2013年3月份浏览器市场份额的数据报告，数据显示如下：（3月份的浏览器排列顺序为IE、Firefox、Chrome、Safari、Opera。它们在三月份的 市场份额分别为55.83%、20.21%、16.45%、5.31%、1.74%）2.国内浏览器的一个占有率数据来自CNZZ数据中心（http://brow.data.cnzz.com/）3.浏览器内核介绍主流浏 阅读全文
摘要：
今天写了段js代码，然后用jshint测试了下，提示了一个建议： avoid arguments.callee具体代码我是这么写的：...（function (){ $(this).animate({"marginTop":"35px","opacity":0.7},800) .delay(400) .animate({"marginTop":"5px","opacity":1},800); $(this).queue(arguments.callee); //再入队列 $( 阅读全文
摘要：
今天在做一个小东西的时候，用到了queue这个东西,代码如下：$('.overlay').click(function(e){ $(this).addClass('up').delay(600).queue(function(){ $(this).hide().removeClass('up'); $(this).dequeue(); }); });应该是很好理解的，接着找了下他们的用法，参考别人的思路写了个小小的模拟测试：var myQueue=function(fnArr){ //将队列放入fnArr this.fnArr=fnArr||[] 阅读全文
摘要：
忘记说了，position 还有一个 「sticky」 属性值，不是「static」哦！该属性值类似 relative 和 fixed 的合体，当元素在视口内的时候表现类似relative，当滚动后元素移出视口就会固定在那里，类似fixed。目前Chrome 23.0.1247.0 开始支持，W3C讨论：http://t.cn/zTrkHq2，Demo：http://t.cn/zWeNSjJ在微薄上看到这条微薄和一些讨论 @一丝yisi研究了下源码，发觉利用fixed和js简单实现贴上主要代码：<style> body { margin: 0; text-align: cente. 阅读全文
摘要：
前端工程打开速度优化的循序渐进总结:http://www.cnblogs.com/zhengyun_ustc/archive/2013/05/09/frontendoptimize.htmljs和css的顺序关系:http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB/http://www.douban.com/note/153864670/ 阅读全文
摘要：
这两天在看html5的canvas,实现了上面那个东西需要注意的地方：1.canvas的sava()和restore()理解和使用2.canvas的translate scale rotate ..的使用，每个变化都应该清楚圆心和角度..看：http://blog.sina.com.cn/s/blog_8fab526c01015tqs.html3.自定义旋转transform方法，实现数字的fillTextView Code <!DOCTYPE html><html><head> <meta http-equiv="Content-Type& 阅读全文
摘要：
今天写了个canvas的热点图测试，发觉画笔的点和鼠标的位置不一致，有挺大的偏差。开始还以为是jq中位置函数引用错误，offset和pageX...那几个的属性再看了遍，发觉没什么问题。后来google了下，发觉是html5的canvas问题，这是一个很常见的误区！！在w3网站上是这样解释的：Thecanvaselement has two attributes to control the size of the coordinate space:widthandheight. These attributes, when specified, must have values tha... 阅读全文