高效jQuery的奥秘

摘要: 讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 阅读全文
posted @ 2013-12-05 11:09 颜海镜 阅读(7205) 评论(74) 推荐(51) 编辑

函数式 CSS (FCSS)

摘要: 在Wealthfront我们是一个函数式编程的超级粉丝。强调不变性和函数式风格意味着更少的“意外”(surprises),因为副作用是有限的或不存在的。我们能将独立的组件迅速构建出大型系统,通过组合的方式组合组件。 函数式编程原则直接应用在大多数语言中,即使他们不是被定义为函数式。同样适用非函数式的css。让我们看下我们最喜欢的(和最讨厌的)一些特性在样式语言中。 一切都是全局作用域。 一切都是可变的。 优先级的计算,基于一些有趣的规则。 因此让我们讨论下我们能做什么。Wealthfront的 CSS(实际是 SCSS)风格指南概述一些经验法则,让我们在CSS中获得函数式编程范式的效益。确切的说,指南通过限制副作用减少意外,提倡组合使我们的样式表更具伸缩性。在本文中,我将介绍一些我们的样式指南中的主要的规则。 阅读全文
posted @ 2013-09-02 15:26 颜海镜 阅读(1516) 评论(0) 推荐(1) 编辑

Javascript 封装问题

摘要: 为什么会用这样一个题目呢,这是要说封装的什么问题,本文并不讲高深的封装理论,只是解决一个小问题。问题来源今天在百度知道上闲逛,遇到一个网友的问题,问题如下,问题的地址见这里:下面先不看看其他网友给的答案:网友大部分回答不能一起定义,那么我们来分析下为什么这样做是错的,然后给出相应的解决办法。重现问题先来说说为什么调用出错,我在自己的浏览器里重现了问题,处于实验并未全部复原代码,并且用到了全局变量哦:function Dialog(){ Dialog.prototype = { init:function(){ console.log("ok")... 阅读全文
posted @ 2013-08-30 13:33 颜海镜 阅读(1550) 评论(5) 推荐(3) 编辑

认识javascript中的作用域和上下文

摘要: javascript中的作用域(scope)和上下文(context)是这门语言的独到之处,这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是javascript中一些强大的设计模式的后盾。然而这也给开发人员带来很大困惑。下面全面揭示了javascript中的上下文和作用域的不同,以及各种设计模式如何使用他们。 阅读全文
posted @ 2013-08-30 11:20 颜海镜 阅读(541) 评论(0) 推荐(0) 编辑

Javascript 继承-原型的陷阱

摘要: 在学习javascript的过程中,许多新手发现很难弄明白javascript复杂的的原型继承工作机制。在这篇文章中我谈谈在通过父函数的原型继承模型中如何实现实例属性。 阅读全文
posted @ 2013-08-23 17:00 颜海镜 阅读(301) 评论(0) 推荐(0) 编辑

解耦你的HTML,CSS和JAVASRIPT

摘要: 今天在web上任何大一点的网站或应用程序都包含大量的html,css和javascript。随着互联网的发展和我们对互联网越来越依赖,计划组织和维护你的前端代码是绝对必要的。 阅读全文
posted @ 2013-08-22 12:40 颜海镜 阅读(546) 评论(0) 推荐(0) 编辑

网格如此简单

摘要: 绝大多数的网站都在使用一个网格。 他们可能没有明确的使用网格系统,但如果他们有一个向左浮动“主要内容区”和一个向右浮动的“侧边栏”,这就是一个简单的网格。 阅读全文
posted @ 2013-08-14 15:55 颜海镜 阅读(296) 评论(0) 推荐(0) 编辑