[置顶] QQ空间应用开发笔记

摘要: 好吧,花费了一个月没有周末的日子,熬了N个通宵,一个小产品总算完工了。。。(本周票房)说说自己当初的想法吧,每个人都有一个创业梦想,QQ空间应用中最近的十幅图、十幅囧图、十幅搞笑图什么的相信大家也都看到过或者玩过,最近特别火爆,所以勾起了我开发QQ空间应用的兴趣。一个周末开始,朋友三个便开始着手开发第一个应用,大家讨论做个票房轻应用,于是就定下名来“本周票房”,寓意就是每周给那些爱看电影的小伙伴们提供一些最新的票房信息。我和另一个负责前端,另一个负责PHP后台这块儿。第一个周末便通宵了两个晚上才出了个雏形,开始以为前端这块很简单,但后来就发现不是这么一回事,要考虑前端性能,组件可扩展性,与后端 阅读全文
posted @ 2013-11-18 09:47 摩帆士 阅读(638) 评论(1) 推荐(2) 编辑

IE haslayout总结

摘要: 要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有 阅读全文
posted @ 2013-08-21 15:48 摩帆士 阅读(185) 评论(0) 推荐(0) 编辑

清除浮动解决方案

摘要: 两种情况清除浮动包括清除子元素的浮动和清除上级元素的浮动,其中清除上级元素的浮动,只需设置clear为both就可以了,而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单,而空标签法清除子元素浮动会增加额外标签,所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。为什么要清除浮动一个块级元素的高度如果没有设置height,那么其高度就是由里面的子元素来撑开的,如果子元素使用浮动,脱离了标准的文档流,那么父元素的高度会将其忽略,你可以使用firebug查看下如果不清除浮动,父元素会出现高度不 阅读全文
posted @ 2013-08-21 14:48 摩帆士 阅读(393) 评论(0) 推荐(0) 编辑

CSS小技巧

摘要: 一、 ::Selection的使用关于选择文本,控制背景和文本的颜色。/*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值; color:颜色值; } /*Mozilla Firefox*/ ::-moz-selection { background: 颜色值; color:颜色值; }二、解决中文版Chrome下不能显示小于12px的字体在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读... 阅读全文
posted @ 2013-08-21 11:37 摩帆士 阅读(234) 评论(0) 推荐(0) 编辑

前端开发经验总结

摘要: 一、return false 当你每次调用”return false“的时候,它实际上做了3件事情:event.preventDefault();event.stopPropagation();停止回调函数执行并立即返回。 阅读全文
posted @ 2013-08-08 17:56 摩帆士 阅读(230) 评论(0) 推荐(0) 编辑

开发组件的原则

摘要: 从HTML CSSJS三层分析基于交互模型的思考路径先整体再局部 阅读全文
posted @ 2013-08-07 16:40 摩帆士 阅读(316) 评论(0) 推荐(0) 编辑

jQuery deferred对象API详解

摘要: jQuery在1.5开始引入deferred(延迟),简单说,deferred对象就是jQuery的回调函数解决方案。jQuery1.5中,Deferred对象提供一种方式来注册多个回调,添加到自已管理的回调队列中,调用适当的回调队列,并转达同步或异步函数的成功或失败状态。deferred对象有三种执行状态:未完成(pending),已完成(resolved)和已失败(rejected)API概览:123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051deferr 阅读全文
posted @ 2013-08-06 15:31 摩帆士 阅读(448) 评论(0) 推荐(0) 编辑

prototype、constructor那点事儿

摘要: 一、什么是原型(prototype) 1、prototype本质上还是一个JavaScript对象; 2、每个函数都有一个默认的prototype属性; 3、通过prototype我们可以扩展Javascript的内建对象如果这个函数被用在创建自定义对象的场景中,我们称这个函数为构造函数。 比如:代码// 构造函数 function Person(name) { this.name = name; } // 定义Person的原型,原型中的属性可以被自定义对象引用 Person.prototype = {getName:function () { ... 阅读全文
posted @ 2013-08-02 09:47 摩帆士 阅读(438) 评论(0) 推荐(1) 编辑

text-overflow:ellipsis的那点事儿

摘要: 项目中关于文本溢出省略号显示的两种解决方案:1、关于固定宽度的文本折行。 主要样式:text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 一定要指定固定宽度。2、自适应布局(table)td中文本折行。 需要给table加上一个样式: table-layout:fixed。 保证每个td不会随着内容超出td宽度被撑开。 比如给td设定: width:40%。 则需要在td中再多套一层块级元素,比如p,然后给p设置宽度,自适应td的宽度。 p的样式:width: 100%; text-overflow: ell... 阅读全文
posted @ 2013-07-31 17:28 摩帆士 阅读(643) 评论(0) 推荐(0) 编辑

9 个超实用的 jQuery 代码片段

摘要: 1.jQuery平滑回到顶端效果Javascript代码$(document).ready(function() { $("a.topLink").click(function() { $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, { duration: 500, easing: "swing" }); retu... 阅读全文
posted @ 2013-07-26 13:15 摩帆士 阅读(380) 评论(0) 推荐(0) 编辑