随笔分类 - web前端
我的学习经历
摘要：大四，有人说是大学最美好的一段岁月，没有了大一大二的课程压力，大四有大把大把的时间选择去做自己想做的事。 这一年，有人选择了考研，有人选择了呆在学校和同学一起去旅游，去享受自己的大学生活。而我一个西部地区的二本学校的学生，选择了去实习。 这一年经历了太多，想说的话也太多，想感谢的人更多，从2012年...
阅读全文
摘要：前段时间就把《Maintainable JavaScript》看完了，为了对的起它的价格，现在把读书笔记稍微整理一下。 整本书其实有一部分内容是和《JavaScript Pattern》的内容有重复的，特别是前面的关于javascirpt编程风格部分，这里要提到一个词是pattern。很多人都说什么...
阅读全文
摘要：本文为自己读http://www.adobe.com/devnet/html5/articles/categorizing-values-in-javascript.html?utm_source=javascriptweekly&utm_medium=email的笔记和部分翻译，不对之处，敬请指正...
阅读全文
摘要：最近一段时间因为工作强度比较大，而我也正是那种往往在高强度和压力状态下才会冒出ideal的屌丝，因此最近在页面建构方面的收获也颇丰，现在作为笔记记下来。 （1）关于构造雪碧图的一点点经验 以前最害怕的就是拼雪碧图了，特别是有hover状态的，因为一个像素的差别都会导致，当鼠标hover上去的...
阅读全文
摘要：Javascript Pattern的Code Reuse Patterns中有一个小节叫做Inheritance by Copying Properties.仔细研究后发现其实这里提到的Copying Properties就是JS中的深度复制。 先看一下Javascript Pattern中关...
阅读全文
摘要：var Tempt = Backbone.Model/.../.extend({.A...}{..B..}), 下面多处会应用上面的代码 使用backbone的时候，不免的是各种extend，不明真相永远是痛苦的... 痛苦是需要解决的，所以就extend得想了一些backbone的extend. ...
阅读全文
摘要：在上次的随想中，不难得出这样一个理论（不是结论，求各位大大权威给出结论）： （1）所有通过var声明的变量都会有一个隐形的属性__proto__，这个属性的指向是由等号右边决定的，但都是一个对象。 （2）每一个函数对象都有一个 prototype属性，注意这里的函数对象，包括function dec...
阅读全文
摘要：下面只是自己的一些测试加猜测，不对的地方欢迎拍砖 测试环境：ubuntu12下的FireFox13.01,Chrome20 （1）关于var 因为JavaScript是一个高度对象化的语言，所以通过var声明的变量其实也是一个对象，JavaScript引擎会更加等号右边的变量去寻找 该变量对应的对象...
阅读全文
摘要：替换元素：替换元素和标签自封闭元素是可以划等号的，常用的有input，img,link,br等标签。 元素的嵌套规则：块级元素可以嵌套所有的行内元素，除a以为的行内元素不能嵌套块级元素。 块级格式化上下文：阻止边距折叠，可以包含内部元素的浮动，阻止元素被浮动覆盖 关于line-height:(1)所...
阅读全文
摘要：题目： 小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。从这段描述可以得到以下对象： function Dog() { this.wow = function() { alert(’Wow’); } thi...
阅读全文
摘要：题目： try{ var me = Man({ fullname: "小红" }); var she = new Man({ fullname: "小红" }); console.group(); console.info("我的名字是：" + me.attr("fullname") + "\...
阅读全文
摘要：题目： try{ var data1 = [4,5,6,7,8,9,10,11,12]; var data2 = { "a": 4, "b": 5, "c": 6 }; console.group(data1); each(data1, function(o){ if( 6 == this...
阅读全文
摘要：关于CSS sprite技术的详解，小弟在这里就不赘述了，因为伟大的英特网上有一篇伟大的技术文档介绍。请移步http://css-tricks.com/css-sprites/ 在CSS sprite中最重要的就是关于background这个属性的理解，所以本文比较详细的介绍了background这...
阅读全文
摘要：在两列布局中，常常会拥有这样一个需求：左边的一列固定的宽度和高度，右边一列的高度和宽度都不确定，要求自适应。 砍材不误磨刀，在谈position：absolute之前，有几个概念是需要我们理解的，对于部分概念，在前面的文章已经提到过，直接给链接。 包含块：http://www.w3help.org/...
阅读全文
摘要：在前面的文章中对hasLayout有过介绍，其实个人理解，对于haslayout和block formating context它们有许多的共同点，甚至可以说它们是相同的功能的不同说法（这句话就鉴定）。下面是对一些术语的简介。 haslayout：'Layout' 是 IE 的专有概念，它决定了元素...
阅读全文
摘要：一般在布局中我们对于常规流中的元素进行居中的方法都是设置它的margin为0，auto。对于其中的道理，其实是设计到是常规流中对块级非替换元素的margin值的计算。 对于常规流中的块级非替换元素的margin值的计算，有下面三个原则： (1)If 'width' is not 'auto' and...
阅读全文
摘要：对于一个空的div,对这个div设置了宽度，但是没有设置高度时，在IE6和IE7下面默认情况下会拥有高度。这样的用法多用在清除浮动的方法中，在清除浮动的三大方法中，有一个方法就是添加一个空元素。 DOCTYPE html>html> head> title>title> style type="t...
阅读全文
摘要：根据W3C上面的官方算法。特殊性的值可以看作是一个由四个数组成的一个组合，用 a，b，c，d 来表示它的四个位置。依次比较 a，b，c，d 这个四个数比较其特殊性的大小。比如，a 值相同，那么 b 值大的组合特殊性会较大，以此类推。a，b，c，d 值的确定规则：①如果HTML标签的’style...
阅读全文
摘要：最近在网上发现一个Htm5游戏框架l的教程，最开始看的是中文的教程，虽然是翻译大家（为之漫笔）翻译的，但是后面觉得不过瘾，还是喜欢看英文原版的，顺便锻炼自己的英语，为专四准备准备。现在把他翻译出来，供自己查阅和各位大牛指错。本文的翻译可能掺杂了自己对程序的理解，望指错。 首先介绍一下这个游戏基本的结...
阅读全文
摘要：最近开始接触前端的知识，以后想从事这方面的工作，但是自己又比较迷茫。所以在老外的网站上找了一些实例来做。确实老外的是走在技术比较前沿的。教程中有很多是涉及到CSS3的。已经学了一周了，今天做一个总结。 （一）css gradients 经过试验这个属性在Chrom和firefox上面的支持性比较好，...
阅读全文