多多

原文链接：Rich JavaScript Applications – the Seven Frameworks　作者：Steven Sanderson翻译：@李松峰　感谢 @温谦-此昵称太受欢迎 老师推荐。一周前，Throne of JS大会在多伦多召开，这应该是我参加过的最有料也最不一样的一次大会。大会官网如是说：加载整个页面，然后再“渐进增强”以添加动态行为，

内容提要使用许多独立组件构建应用程序的想法并不新鲜。Web Component的出现，是重新回顾基于组件的应用程序开发模式的好时机。我们可以从这个过程中受益，了解如何使用现有技术完成目标，并且在未来做出自己的前端Web应用。什么是组件？软件开发是一个语义丰富（术语通常不止一个意思）的领域。很显然，这里的“组件”是一个很泛的称呼，所以有必要指明我们想要表达的，在前端Web应用

目前，jQuery是事实上的操作文档对象模型（DOM）的库。它可以与流行的客户端MV*框架结合使用，并且拥有大量的插件与大型的社区。开发者对于Javascript的兴趣与日俱增的同时，很多人开始好奇，原生的API是如何工作的，以及我们何时应该直接使用它们而不是引用一个额外的库。最近，我开始发现越来越多的jQuery的问题，至少是在我的使用中是这样的。其中的绝大多数涉及到jQuery的核心，

简介JS格式JS数据、量JS表达式JS语句默认对象默认函数函数、事件定时器图像对象Navigator对象窗口对象屏幕对象事件对象历史对象位置对象

前阵子学习了一下SVG(Scalable Vector Graphics)，希望能借此弥补自己在图形艺术上的不足，当然最后也没有得到什么提高，不过也扩充了一些网页前段技术知识。通过做了一些小的设计项目，也发现SVG可以弥补一些HTML元素的不足，比如倾斜、弧线、动画、复用等等。虽然SVG和HTML一样都属于XML的一种方言，一些基本的JavaScript对HTML的DOM操作都适用于SVG，但

一、document.getElementById()    根据Id获取元素节点 div id="div1"> p id="p1"> 我是第一个Pp> p id="p2"> 我是第二个Pp> div> window.onload = function () {

简介在HTML中使用SVG" style="">分组元素解决text文本排版问题通过Javascript DOM控制SVG设置文本获取元素高宽和坐标事件处理自定义的z-index层级属性更多DOM API为什么不使用jQuery？简介首先要明白SVG是基于XML格式定义图像的一种技术，并且是矢量的，也就是说在不同分辨率下都显示得很好。想到这里，有

浏览器独自实现JS和DOMIE中.分别存在jscript.dll & mshtml.dll为什么DOM会慢因为分开实现,之间通过接口访问.之间需要过桥费1. 优化建议谨慎使用循环操作DOM因为这个过桥费,所以谨慎使用循环.若DOM操作有顺序,先放在一个字符串里,汇总完后再一次修改DOM.innerHTML & createElement在旧浏览器

流行的 JavaScript 库有jQuery，MooTools，Prototype，Dojo和YUI等，这些 JavaScript 库功能丰富，加上它们众多的插件，几乎能实现任何你需要的功能，然而需要实现一些特定的功能，则可以选择功能更专一的轻量库，今天这篇文章与大家分享16个很有用的 JavaScript 库。1. Blackbird: Open Source JavaScript L

什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：U

几年前，很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件，故而把这些编译汇总。在本文，Web设计师和开发人员 Kevin Liew 选取了11个相应插件，有些会比较复杂，其他比较简单，相信应该会有适合你的。1. ExColorExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式

在很多项目中都会有在前端展现数据图表的需求，而在开发过程中，开发者往往会使用一些JavaScript库，从而更有效地达到想要的目标。最近，TechSlide上的一篇文章总结了50种用于展现图表的JavaScript库，并对每种库做了简要的说明。这对于想要选择合适JavaScript库的开发者很有参考意义。 文章作者首推的库是D3，他说到：它非常让人惊叹，我很喜欢它的简洁

如你所知，JavaScript是世界上第一的编程语言，它是Web的语言，是移动混合应用（mobile hybrid apps）的语言（比如PhoneGap或者Appcelerator），是服务器端的语言（比如NodeJS或者Wakanda），并且拥有很多其他的实现。同时它也是很多新手的启蒙语言，因为它不但可以在浏览器上显示一个简单的alert信息，而且还可以用来控制一个机器人（使用nodebot，

前言一位计算机前辈曾说过：Controlling complexity is the essence of computer programming.随着前端开发复杂度的日益提升，组件化开发应运而生，并随着 FIS、React 等优秀框架的出现遍地开花。这一过程同样发生在美团，面临业务规模的快速发展和工程师团队的不断扩张，我们历经引入组件化解决资源整合问题、逐步增强组件功能促

在过去的几年中，得益于Node.js和SpiderMonkey这样的平台，JavaScript越来越多地被用于服务器端编程。鉴于JavaScript语言已经走出了浏览器，程序员发现他们需要更多传统语言，比如C++和Java提供的工具。这些工具包括经典的数据结构，如链表、栈、队列、图等，也包括经典的排序和查找算法。本书即讨论了在使用JavaScript进行服务器端编程时，如何实现这些经典的数据结构和

1. 模块的定义和加载1.1 模块的定义一个框架想要能支撑较大的应用，首先要考虑怎么做模块化。有了内核和模块加载系统，外围的模块就可以一个一个增加。不同的JavaScript框架，实现模块化方式各有不同，我们来选择一种比较优雅的方式作个讲解。先问个问题：我们做模块系统的目的是什么？如果觉得这个问题难以回答，可以从反面来考虑：假如不做模块系统，有什么样的坏处？我们经历

原文出处： 民工精髓V   2. 数据绑定2.1 数据绑定的原理数据绑定是一种很便捷的特性，一些RIA框架带有双向绑定功能，比如Flex和Silverlight，当某个数据发生变更时，所绑定的界面元素也发生变更，当界面元素的值发生变化时，数据也跟着变化，这种功能在处理表单数据的填充和收集时，是非常有用的。在HTML中，原生是没有这样的功能的，但有些框架做到了

以前学习过一段时间的web前端开发，整理了一些我看过的/我认为比较好的学习资料（网站、书籍）。我只是闲来无事整理一下,如有不足，嘴下留情..毕竟分享不是一件坏事,共同学习...一、 语言基础（以书和网站为主）1.HTML&CSS：（1）入门：Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法w3school上的HTML/CSS教程——