12 2013 档案

cursor变换
摘要：cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox、chorme里并被支持。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。附：cursor属性收集光标类型 CSS 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个是为了照... 阅读全文
posted @ 2013-12-29 09:44 barbabravo 阅读(153) 评论(0) 推荐(0)
seajs常用API整理
摘要：本文来自于https://github.com/seajs/seajs/issues/266 阅读全文
posted @ 2013-12-28 09:20 barbabravo 阅读(165) 评论(0) 推荐(0)
怎么成为技术大牛（转自玉伯）
摘要：本文转载自淘宝@玉伯也叫射雕。微博和知乎上不时有人问，通常我会忽略掉。这类问题很容易回答，也很难回答。很容易回答，是因为见过太多牛人，细思他们的成功，无外乎勤奋、坚持。某人比你优秀，往往是因为他比你勤奋。很难回答，是因为要做到勤奋很难，要坚持更难。这需要自律，需要习惯。知易行难。以上话题很大，市面上的书籍汗牛充栋，推荐 《高效能人士的七个习惯》 。这类书籍，不能读完了事，关键之处在于，要真正去做。如何做到？个人比较推崇佛学里的做法。可以先亲近善知识，然后找到合适的导师，在一定环境下去修为。佛学里讲究皈依三宝，法宝是善知识，佛宝是导师，僧宝说的是环境。这道理和我们上学是一样的。为什么不能在家自学 阅读全文
posted @ 2013-12-28 08:57 barbabravo 阅读(443) 评论(0) 推荐(0)
我眼中的技术高手（纯转载）
摘要：本文来自支付宝前端基础技术负责人玉伯，原文内容如下： 今天发了一条微博： 引用会原生 JavaScript 不代表什么，懂 jQuery、YUI 等才真正好。怎么这么多人有原生主义情结呢？走出那点小天地，海阔天高。很多人已经猜出，这是为了晚上的文章而发，提前收集大家的想法。这个话题，很早就想谈，肯定会引起口水仗，但有些事不辩不明，不理不清，与其和谐社会，不如辛亥革命。 奇怪的现象 平时工作，时不时能听到一些困惑、感慨： 引用jQuery 虽好，但只会 jQuery，不会原生 JS 是不被大公司认可的。 最近半年对原生 JS 有些生疏，得补一补。 得好好看看 ECMAS... 阅读全文
posted @ 2013-12-27 08:42 barbabravo 阅读(177) 评论(0) 推荐(0)
前端模块化开发的价值
摘要：转载自“https://github.com/seajs/seajs/issues/547”随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时，常常会将一些通用的、底层的功能抽象出来，独立成一个个函数，比如function each(arr) { // 实现代码}function log(str) { // 实现代码}并像模像样地把这些函数统一放在 util.js 里。需要用到时，引入该文件就行。这一切工作得很好，同事也很感激我提供了这么便.. 阅读全文
posted @ 2013-12-26 08:18 barbabravo 阅读(238) 评论(0) 推荐(0)
匿名函数
摘要：一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function fnMethodName(x){alert(x);}函数字面量(Function Literals)：var fnMethodName = function(x){alert(x);}Function()构造函数：var fnMethodName = new Function('x','alert(x);')上面三种方法定义了同一个方法函数fnMethodName，第1种就是最常用的方法，后两种都是把一个函数复制给变量fnMethodN 阅读全文
posted @ 2013-12-19 17:09 barbabravo 阅读(232) 评论(0) 推荐(0)
移动服务开发框架
摘要：jquery mobile、sencha touch 、 zepto，bootstrap据评价：jquery mobile较为完善，zepto是jquery mobile的简化版 阅读全文
posted @ 2013-12-12 12:00 barbabravo 阅读(606) 评论(0) 推荐(0)
JavaScript 框架比较
摘要：显著增强 JavaScript 开发的框架概览Joe Lennon, 软件开发人员, 自由职业者简介：现代 Web 站点和 Web 应用程序倾向于依赖大量客户端 JavaScript 来提供丰富的交互功能，尤其是异步 HTTP 请求的出现使得不刷新页面就可以从服务器端脚本或数据库系统返回数据或响应。在本文中，您将了解如何通过 JavaScript 框架更轻松、更快速地创建具有高度交互性和响应性的 Web 站点和 Web 应用程序。简介JavaScript 是面向对象的脚本语言，长期以来用作 Web 浏览器应用程序的客户端脚本接口。JavaScript 让 Web 开发人员能以编程方式处理 We 阅读全文
posted @ 2013-12-09 18:13 barbabravo 阅读(320) 评论(0) 推荐(0)
不同浏览器对parseInt方法解析的不同
摘要：parseInt方法的作用是将字符串转换为数字当parseInt解析的时候只有0x和非0开头的数字，浏览器解析都一致，例如”0xA1”或 “9”。只有当开头为0的时候才出现不同。IE,chrome都以10进制解析（忽略了0），firefox,safari,opera以8进制解析。360兼容模式为9，高速模式是0。整理一下即：trident（IE，360兼容模式），webkit（chrome）内核解析为10进制，忽略了0gecko(firefox)、webkit(safari)，Presto（opera），360高速模式内核解析为8进制。注意到，safari和chrome同样使用的webkit内 阅读全文
posted @ 2013-12-09 11:40 barbabravo 阅读(493) 评论(0) 推荐(0)
12种JavaScript MVC框架之比较
摘要：Gordon L. Hempton是西雅图的一位黑客和设计师，他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架，并在博客中总结了每种框架的优缺点，最终的结果是，Ember.js胜出。此次比较针对的特性标准有四种，分别是：UI绑定（UI Bindings）复合视图（Composed Views）Web表现层（Web Presentation Layer）与其他框架良好协作（Plays Nicely with Others）对于各种JavaScript MVC框架，Gordon都总结了优缺点：Backbone.js——优点：强大的社区，强劲的势头；缺点：抽象较弱，很多功 阅读全文
posted @ 2013-12-06 09:13 barbabravo 阅读(184) 评论(0) 推荐(0)
RB1001: IE6 IE7 IE8(Q) 负边距 (margin) 导致元素溢出 hasLayout 容器时显示异常
摘要：标准参考根据W3C CSS2.1规范第8.3节中的描述，边距属性设置了一个框的边距区的宽度。'margin' 缩写属性设置所有四边的边距，而其它的边距属性（ 'margin-top' ，'margin-right' ， 'margin-bottom' 及 'margin-left' ）只设置它们代表的那一边的边距。边距属性的取值可以是下面值之一： 指定一个固定的宽度。 百分比的计算基于生成的框的包含块的宽度。auto 其表现细节请参见宽度和边距的计算一章。边距属性允许有负值，不过可能有与实现相关的限制。 问题描述I 阅读全文
posted @ 2013-12-03 17:31 barbabravo 阅读(259) 评论(0) 推荐(0)
KB006: CSS 框模型( Box module )
摘要：框和布局在 KB005: CSS 层叠 中已经介绍了 CSS 的重要之处。CSS 可以说是页面表现的基础， CSS 可以控制布局，控制元素的渲染。布局是讲在电影画面构图中，对环境的布置、人物地位的调度、人物之间的关系、人物和景物的关系等的安排。大同小异，CSS 的布局也是一样。CSS 的布局，包含两个大部分：元素：元素及其组成，类似电影布局中人物的高矮胖瘦、衣着配饰等，以及场景中的桌椅板凳，物品等等。定位：元素的位置， 类似电影场景的中对环境的设置，人物作为元素，他们之间的关系会影响其在场景中的位置。总的说来，CSS 的布局比电影场景布局简单的多，因为 CSS 中要控制的元素都是死的，而人是活 阅读全文
posted @ 2013-12-03 16:10 barbabravo 阅读(279) 评论(0) 推荐(0)
前端知识体系及修炼攻略
摘要：前端目录(?)[-]前端简介HTML标签的分类标签表示一个元素按性质划分 Block-Level和Inline-Level按语义划分XHTML标签的语义化CSSCSS基础知识CSS进阶CSS Sprite浏览器兼容性IE HasLayout和Block Format ContentCSS FrameworkCSS3CSS性能优化LESS和SASSJavaScriptJavaScript基础知识JavaScript进阶DOMJSONAJAXJavaScript FrameworksHTML5前端模板前端MVC模块化开发JavaScript单元测试JavaScript设计模式NodeJSES5Ot 阅读全文
posted @ 2013-12-03 10:19 barbabravo 阅读(227) 评论(0) 推荐(0)
外边距叠加collapsing-margin
摘要：原载：Smallni | http://www.smallni.com/collapsing-margin/恩，margin叠加一直是个问题，也是我们一直会遇到的问题，很久以前就想把这个知识点整理下，做一个详细的讲解和分析。前一段时间知乎上有人问了这个问题，刚好克军也做了个回答，但回答的不尽其然，并且我做了自己的分析。刚好今天写到自己的博客里，并做一个更详细的探讨。今天主要介绍的就是：到底神马是外边距叠加？神马情况下外边距会叠加？如何避免外边距叠加？外边距叠加的定义请先阅读w3c关于collapsing-margin的官方介绍：In CSS, the adjoining margins of 阅读全文
posted @ 2013-12-02 17:40 barbabravo 阅读(192) 评论(0) 推荐(0)
html5开发之viewport使用
摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：01 02 width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。target-de... 阅读全文
posted @ 2013-12-01 23:03 barbabravo 阅读(277) 评论(0) 推荐(0)