分类目录归档：全部列表

2014
12-09

改善用户体验的 3 个 AngularJS 指令

AngularJS指令可以为给你的访问者提供更好的用户体验，比如通过展示用户头像来使页面看起来更具个性化。在你的注册表单中，可以在电子邮箱地址一栏的旁边展示一个头像，指示用户输入的是否是一个正确的邮件地址。如果在你的表单中有可选输入项，你可以默认隐藏它们，当用户点击时再展示出来，并且立刻自动将焦点对准第一个输入框。这些方法非常容易实现，并且可以通过指令来获得复用。你有许多方式来构建AngularJS指令。... 继续阅读 >
2014
12-09

聊Javascript中的AOP编程

Duckpunch我们先不谈AOP编程，先从duckpunch编程谈起。如果你去wikipedia中查找duckpunch，你查阅到的应该是monkeypatch这个词条。根据解释，Monkeypatch这个词来源于guerrillapatch，意为在运行中悄悄的改变代码，而guerrilla这个词与gorilla同音，而后者意又与monkey相近（前者为“猩猩”的意思），最后就演变为了monkeypatch。如果你没有听说过duckpunch，但你或许听说过ducktyping... 继续阅读 >
2014
12-09

让我们再聊聊浏览器资源加载优化

几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的HighPerformanceJavasript这本书的第一章LoadingandExecution中，他之所以建议这么做是因为：Putall<script>tagsatthebottomofthepage,justinsideoftheclosing</body>tag.Thisensuresthatthepagecanbealmostcompletelyrenderedbeforescriptexecutionbegins.简而言之，如果浏览... 继续阅读 >
2014
12-09

2014年最酷的30个JavaScript库 推荐

使用JavaScript库将会使开发变的更简单，大部分JavaScript库提供的功能都是极好的，当我们在为一个项目选定开发技术的时候，选择一个明星框架当然很不错，但是有些库文件太大了。当你想要为一个特定的任务寻找解决方案的时候，你可以选择一个更有针对性，更轻量级的框架。在这篇文章中，我们总结了近期30个很棒的JavaScript库，下面这些JavaScript库都是非常实用的，尤其是对于有特定需求的项目。1.Blast.jsBl... 继续阅读 >
2014
12-09

为什么JavaScript是你应当学习的下一个（或第一个）编程语言

我已经被多次问到，如果我刚刚开始，我应当学习什么编程语言，答案一定是JavaScript，下面是为什么：最简单的开发环境我相信人们进入编程最大的障碍实际上是编写代码相关的所有其它方面的东东。你能够更快地编写代码（至少在你开始学习的时候），在我看来就是一个胜利。每个人都可以访问web浏览器，这意味着每个人现在也能访问一个简单的开发环境了。如果你在使用Mac下的Chrome，按快捷键cmd-opt-j。就来到了控制台... 继续阅读 >
2014
12-09

编写高性能JavaScript

很多JavaScript引擎，如Google的V8引擎（被Chrome和Node所用），是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者，并且关心内存使用情况与页面性能，你应该了解用户浏览器中的JavaScript引擎是如何运作的。无论是V8，SpiderMonkey的（Firefox）的Carakan（Opera），Chakra（IE）或其他引擎，这样做可以帮助你更好地优化你的应用程序。这并不是说应该专门为某一浏览器或引擎做优化，千万别这么做。... 继续阅读 >
2014
12-09

AngularJS 、Backbone.js 和 Ember.js 的比较

1 介绍我们准备在这篇文章中比较三款流行于Web的“模型-视图-*”框架：AngularJS、Backbone和Ember。为你的项目选择正确的框架能够对你及时交付项目的能力和在以后维护你自己代码的能力产生巨大影响。你也许想基于一款可靠的、稳定的和成熟的框架来构建项目，但又不想为此受到约束。Web发展迅速——新技术产生，旧的那套方法很快跟不上潮流。如此形势之下，我们准备仔细深入的比较这三个框架。... 继续阅读 >
2014
12-09

在网站开发中很有用的8个 jQuery 效果【附源码】

jQuery作为最优秀JavaScript库之一，改变了很多人编写JavaScript的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟jQuery插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。jPages是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等 源码下载    在线演示老牌的响应式jQuery... 继续阅读 >
2014
12-09

2014年最火的 21个JavaScript 框架

下面，我们将会介绍2014年最火的21款JavaScript框架，专为前端开发者准备的哦：）众所周知，JavaScript框架是JavaScript编程语言最棒的特性之一。JavaScript框架是预先编写好的JavaScript库，为基于JavaScript的应用提供更简单的开发方式。这些JavaScript框架提供大量的函数，帮助你改善网站任务。现在网络上有着各种各样繁杂的JavaScript框架，这里我们列举2014年最火的21款JavaScript框架。这些框... 继续阅读 >
2014
12-09

2014年25 款最新最棒的jQuery插件

我们收集了2014年25款最新最棒的jQuery插件，帮助大家改善网站的用户体验！网络上提供了大量非常有用的jQuery插件，帮助大家完善网站的体验。所以我们在这里收集了2014年发布的，并且是非常有用的插件，希望能帮助大家找到自己需要并且喜欢的，提升网站的质量！HAMMERJSPAPAPARSEPAPAPARSE是强大，浏览器内置的CSV解析器。BLURR HorwheelComponentAnimsition... 继续阅读 >
2014
12-09

如何避免JavaScript的内存泄露及内存管理技巧

发表于谷歌WebPerf（伦敦WebPerf集团），​​2014年8月26日。 高效的JavaScriptWeb应用必须流畅，快速。与用户交互的任何应用程序，都需要考虑如何确保内存有效使用，因为如果消耗过多，页面就会崩溃，迫使用户重新加载。而你只能躲在角落哭泣。自动垃圾收集是不能代替有效的内存管理的，特别是在大型，长时间运行的Web应用程序中。在这次讲座中，我们将演示如何通过Chrome的DevTools对内存进行有效的管理。&... 继续阅读 >
2014
12-09

跟着 8 张思维导图学习 Javascript

学习的道路就是要不断的总结归纳，好记性不如烂笔头，so，下面将po出8张javascript相关的思维导图。思维导图小tips：思维导图又叫心智图，是表达发射性思维的有效的图形思维工具，它简单却又极其有效，是一种革命性的思维工具。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接，思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助... 继续阅读 >
2014
12-09

AngularJS - 下一个大框架

AngularJSAngularJS是web应用的下一个巨头。AngularJS如果为创建web应用而设计，那它就是HTML的套路了。具有数据绑定,MVW,MVVM,MVC,依赖注入的声明式模板和出色的可测试性都是用纯客户端JavaScript来实现的!AngularJS是一个创建富客户端应用的JavaScriptMVC框架，它组织良好，经过严格测试,多功能，强大并且十分灵活。你仍然需要具有服务端后台，但大多数的用户交互逻辑将优雅地放到客户端上处理。Angul... 继续阅读 >
2014
12-09

早该知道的7个JavaScript技巧

我写JavaScript代码已经很久了，都记不起是什么年代开始的了。对于JavaScript这种语言近几年所取得的成就，我感到非常的兴奋；我很幸运也是这些成就的获益者。我写了不少的文章，章节，还有一本专门讨论它的书，然而，我现在依然能发现一些关于这种语言的新知识。下面的描述的就是过去让我不由得发出“啊！”的感叹的编程技巧，这些技巧你应该现在就试试，而不是等着未来的某个时候偶然的发现它们。简洁写法... 继续阅读 >
2014
12-09

web开发者不可错过的11个JavaScript工具

JavaScript即将接管Web世界，如雨后春笋版冒出的JavaScript工具更是让web开发者无所适从。本文我们为大家推荐11款崭露头角但功能强大的JavaScript工具，是追逐web设计新潮流（界面简洁、面向移动、强调互动）中不可或缺的好帮手。一、MeteorMeteorweb应用开发框架定义的七大开发天条为现代软件开发打下良好基础，例如Meteor采用开源社区的方式培育插件资源，其他天条还包括：设计简单的API、仅通过网络传送... 继续阅读 >
2014
12-09

合并JavaScript数组的N种方法

这是一篇简单的文章，关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点。让我们先考虑下面这情况： vara=[1,2,3,4,5,6,7,8,9];varb=["foo","bar","baz","bam","bun","fun"];很显然最简单的结合结果应该是：[  1,2,3,4,5,6,7,8,9,  "foo","bar","baz","bam""bun","fun"]concat(..)... 继续阅读 >
2014
12-09

JavaScript 运行机制详解：再谈Event Loop

一年前，我写了一篇《什么是EventLoop？》，谈了我对EventLoop的理解。上个月，我偶然看到了PhilipRoberts的演讲《Help,I'mstuckinanevent-loop》。这才尴尬地发现，自己的理解是错的。我决定重写这个题目，详细、完整、正确地描述JavaScript引擎的内部运行机制。下面就是我的重写。进入正文之前，插播一条消息。我的新书《ECMAScript6入门》出版了（版权页，内页1，内页2），铜版纸全彩印刷，非常精... 继续阅读 >
2014
12-09

7个高性能JavaScript代码高亮插件

对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter–最优秀的JavaScript代码高亮插件SyntaxHighlighter是一款完全基于Java... 继续阅读 >
2014
12-09

超酷实用的jQuery焦点图赏析及源码

焦点图应用在现代网页中使用十分广泛，有注重简单小巧的，也有注重华丽美观的，大部分jQuery焦点图都可以滑动和切换图片，并且在切换图片时产生不同的动画特效。今天我们要分享一些超酷而且实用的jQuery焦点图插件，并分享它们的源代码。1、jQuery多动画切换焦点图之前我们已经分享过很多超酷的jQuery焦点图插件了，而且也都相当实用。今天我们要再来介绍一款可实现多种切换动画的jQuery焦点图，这款焦点图整体非常简... 继续阅读 >
2014
12-09

理解JavaScript中的事件路由冒泡过程及委托代理机制

当我用纯CSS实现这个以后。我开始用JavaScript和样式类来完善功能。然后，我有一些想法，我想使用DelegatedEvents（事件委托）但是我不想有任何依赖，插入任何库，包括jQuery。我需要自己实现事件委托了。我们先来看看事件委托到底是什么？他们是怎么工作的，怎么去实现这种机制。好，它解决了什么问题？我们先看个简单的例子。先假设我们有一组按钮，我一次点击一个按钮，然后我希望被点中的状态... 继续阅读 >
2014
12-09

为什么要网页模块化？

这篇文章讨论的是为什么Web模块化是很有用的，并介绍了现在可以用来实现Web模块化的一些机制。这里有另一篇文章介绍了RequireJS使用的函数包装格式的设计理念。问题§1网站逐渐转化为Webapps代码复杂度逐渐提高组装变的困难开发者想要分离的JS文件/模块部署时可以把代码优化成几个HTTP请求解决方案§2前端开发者需要这样的解决方案：一些这类的API#includ... 继续阅读 >
2014
12-09

25 个超棒的 jQuery 消息提醒插件

jQuery的通知插件帮助您创建各种通知信息，如错误，警告和简单的通知消息。我们选择25个最好的jQuery通知插件，使您能够为您的网站和Web应用创建各种通知消息和警报，并为访客提供更好的用户体验。1.jQueryToastmessage jquery-toastmessage-pluginisaJQuerypluginwhichprovidesandroid-likenotificationmessages.Thetoastedmessagesarrivingonthescreeninaseamlessandnaturalway... 继续阅读 >
2014
12-09

20款最优秀的JavaScript编辑器 哪家强你说了算！

毫无疑问SublimeText，Notepad++，webstorm等，是市面上最主导的编辑器，但当然也有一些更多的JavaScript编辑器提供众多的特性和功能，方便和轻松自由的编码。本文整理了20款JavaScript编辑器，到底哪家强？你说了算！1.WebstormWebStorm是一种轻量级的、功能强大的IDE，为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。WebStorm的智能代码编辑器支持JavaScript,Node.js,HTML和CSS。WebStorm... 继续阅读 >