iFrame的妙用 最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:
1. 作为弹出层铺底覆盖
2. 跨域写入cookie
JavaScript的MVC模式向导 多年来,我总结出了一些MVC在Web应用中的规则。这些规则对我帮助很大,且避免了大型代码库陷入混乱。可能术语上不同,但这些规则对于诸如Backbone和Ember的大多数客户端MVC框架来说都是有用的。
一些框架在MVC的命名约定中有所不同,且在关注点的分离上也稍有不同。在这个文档中,controllers(控制层)是models(模型层)和views(视图层)的粘合剂,views(视图层)是HTML模板,models(模型层)仅单纯处理数据存储、检索和装饰。
快乐Node程序员的10个习惯 JavaScript出现近二十年了,但由于其有些问题不能解决,使得像Python和Ruby这一类的语言很吸引人,这些问题包括命令行接口、交互式开
发环境、包的管理和没有一个有组织开源社区等。幸亏Node.js和npm,使得JavaScript的现状有了明显改善。网络程序员正使用强大的新工
具,这使他们可以做他们想到的任何事情。
我最喜欢的jQuery插件模板
我使用jQuery已经有相当长的时间了,并且我会常常为它写一些插件(plugin)。我尝试过用不同的方式去写,现在这个模板是我最喜欢的:
Javascript模块化编程:AMD规范及require.js用法 随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。
网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。
Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。
Javascript社区做了很多努力,在现有的运行环境中,实现"模块"的效果。本文总结了当前"Javascript模块化编程"的最佳实践,说明如何投入实用。虽然这不是初级教程,但是只要稍稍了解Javascript的基本语法,就能看懂。
编写更好的jQuery代码的建议 讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。
首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。
首先,如果你是一个javascript新手,我建议您阅读 《JavaScript初学者的最佳实践》 ,这是一篇高质量的javascript教程,接触jQuery之前最好先阅读。
当你准备使用jQuery,我强烈建议你遵循下面这些指南:
缓存变量
DOM遍历是昂贵的,所以尽量将会重用的元素缓存。
// 糟糕
h = $('#element').height();
$('#element').css('height',h-20);
// 建议
$element = $('#element');
h = $element.height();
$element.css('height',h-20);
Node初学者入门,一本全面的NodeJS教程 关于
本书致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。
状态
你正在阅读的已经是本书的最终版。因此,只有当进行错误更正以及针对新版本Node.js的改动进行对应的修正时,才会进行更新。
本书中的代码案例都在Node.js 0.6.11版本中测试过,可以正确工作。
读者对象
本书最适合与我有相似技术背景的读者: 至少对一门诸如Ruby、Python、PHP或者Java这样面向对象的语言有一定的经验;对JavaScript处于初学阶段,并且完全是一个Node.js的新手。
这里指的适合对其他编程语言有一定经验的开发者,意思是说,本书不会对诸如数据类型、变量、控制结构等等之类非常基础的概念作介绍。要读懂本书,这些基础的概念我都默认你已经会了。
然而,本书还是会对JavaScript中的函数和对象作详细介绍,因为它们与其他同类编程语言中的函数和对象有很大的不同。
JS学习:JavaScript的核心 这篇文章是「深入ECMA-262-3」系列的一个概览和摘要。每个部分都包含了对应章节的链接,所以你可以阅读它们以便对其有更深的理解。面向经验丰富的程序员,专家。我们以对象做为开始。
对象:对于以下代码:
var foo = {
x: 10,
y: 20
};
我们拥有一个这样的结构,两个明显的自身属性和一个隐含的__proto__
属性,这个属性是对foo
原型对象的引用:
原型链:
原型对象也是简单的对象并且可以拥有它们自己的原型。如果一个原型对象的原型是一个非null的引用,那么以此类推,这就叫作原型链。
JavaScript教程:Airbnb代码规范 下文是来自Airbnb的一篇JavaScript的格式规范, 写得比较全面,是一篇不错的学习素材,不过对于其中一点,笔者并不同意,文中不推荐使用前置逗号分隔;
但笔者更倾向于使用Twitter 的代码风格,即使用前置逗号,然后最后一个变量不加分号,或结束分号与逗号对齐。这样新加变量只需影响当前行,并且可以尽可能避免逗号被遗忘,这是我和我身边的程序员在写JSON对象时经常出现的一个拼写错误。
// twitter
var once
, upon
, aTime
// or
var once
, upon
, aTime
;
理解JavaScript中的Event Loop
Event Loop 是一个很重要的概念,指的是计算机系统的一种运行机制。
JavaScript语言就采用这种机制,来解决单线程运行带来的一些问题。