摘要：
【导读】：虽然响应式网页设计模式正在快速发展，不过已经有几种成熟的设计模式可以流畅地兼容桌面端和移动端设备。本篇教程将介绍：Mostly fluidColumn dropLayout shifterTiny tweaksOff canvas大多数响应式网页的布局可以归纳为五种设计模式：mostly ... 阅读全文
摘要：
Web Design FocusedCollective by CoDropsCSS WeeklyWeb Design WeeklyResponsive Design WeeklyThe Sass WaySass NewsWeb Development FocusedWeb Standards Library Update by Flippin’ AwesomeBest of JavaScript, HTML & CSS by Flippin’ AwesomeHTML5 WeeklyJavaScript WeeklyNode WeeklyWeb Tools WeeklyDailyJSn 阅读全文
摘要：
Javascript在内存管理方面已经不需要像C/C++那样人工的进行内存的管理和垃圾回收，Javascript会自动对它觉得"不再使用"的变量或引用进行删除和回收，这种机制可以让前端开发人员更加专注于业务逻辑代码的开发。但是随着Javascript被应用到越来越复杂的应用，比如单页面应用、移动HTML5应用、游戏等，所以Javascript的自动垃圾回收和内存管理机制可能已经不能再支撑我们随意的coding，以下将从Javascript的语言层面对内存的使用和优化进行探讨。1、语言层面的内存管理1.1 作用域Javascript的作用域在内存管理中起到了至关重要的作用。W 阅读全文
摘要：
[核心提示] 当老迈的 HTTP 协议逐渐不能满足人们需求的时候，Google 的 SPDY 协议出现在面前，那么这个长期以来一直被认为是 HTTP 2.0 唯一可行选择的 SPDY 是什么呢？当下我们如何能部署上 SPDY 呢？左边是普通 HTTPS 加载，右边是 SPDY 加载。是不是很神奇？SPDY 是什么 ？SPDY 是 Google 开发的基于传输控制协议 (TCP) 的应用层协议 ，开发组正在推动 SPDY 成为正式标准（现为互联网草案）。SPDY 协议旨在通过压缩、多路复用和优先级来缩短网页的加载时间和提高安全性。（SPDY 是 Speedy 的昵音，意思是更快）SPDY 与 H 阅读全文
摘要：
先看一下前端开发的主要流程：1.Setup:ScaffoldingDownload librariesDownload templatesDownload frameworks2.Develop:Watch Sass / Less / StylusWatch CoffeeScriptWatch Jade / HamlLiveReloadJS / CSS Linting3.Build:Code lintingRunning unit testsCompile everythingMinify and concatenateGenerate images / iconsOptimize perfo 阅读全文
摘要：
引自：https://github.com/lifesinger/lifesinger.github.com/issues/106阅读此文前，建议先看下这个 PPT：支付宝前端技术之路缘由看完上面的 PDF 后，好友@拔赤在微博上发了些感触：ppt有点小失望哦，特别看到34页，真真就是kissy啊，不管是jquery式的包装器风格控件，还是kissy/yui系的工厂风格组件，真正的挑战是站在业务和开发者角度设计组件api，扩展性和灵活性是自然的结果而不是最初的技术目标，就像switchable那么细的分层，有人为他写过扩展吗？到底谁才会开发出真正高质量的组件？1，商业控件开发团队，2，库和框架 阅读全文
摘要：
// Backbone.js 1.1.0(function() { // 保存window对象 var root = this; // 解决命名冲突(原理：保存一份Backbone变量，以便于交出Backbone命名空间) var previousBackbone = root.Backbone; var array = []; var push = array.push; var slice = array.slice; var splice = array.splice; // 创建命名空间，所有Backbone的类和模块都会添加到该命名空间下面 var Backbon... 阅读全文
摘要：
移动端javascript框架 - Zepto.js源码解读 阅读全文
摘要：
如果不是张震结婚，我们难以想象华语影坛如此多的大腕会同时出现在一个电影节以外的非商业场合。这位被称为“跟华语片大导演合作最多的男演员”，婚宴邀请到了王家卫、梁朝伟、刘嘉玲、戴立忍、魏德圣、陈柏霖、陆川、曾宝仪、舒淇、侯孝贤、李安等人参加，除此之外，还有很多资深电影人到场，密密麻麻的媒体守候在路旁，大咖们在闪光灯中鱼贯而入，这阵仗令人错觉来到了一场A类电影节的红毯仪式。因为明星太多再加上他们在场外停留的时间短，现场媒体开始玩起了“两秒钟叫出明星名字”的游戏。台湾媒体说，大S结婚都没去过这么多记者。一场婚宴，横跨N个领域的名人到场道贺，这充分印证了张震的好人缘，也让人心生疑问，看起来并不长袖善舞的 阅读全文
摘要：
平时对于javascript的位运算符使用极少，这几天在看zepto.js的源代码，发现里面有不少位运算符的使用，由于位运算在运算速度方面的优势，而且能够极大程度的节省内存，学习一下还是挺不错的。javascript中的整数ECMAScript中的整数分为两种：无符号整数和有符号整数（允许表示正数和负数）。在ECMAScript中默认的整数字面量都是有符号整数，有符号整数用第32位来表示正负（0表示正数，1表示负数），数值范围从 -2147483648 到 2147483647。可以用toString(2)方法来获取二进制值，比如：Number(18).toString(2) => &# 阅读全文