分类目录归档：JavaScript开发

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... 继续阅读 >
2014
12-09

25个顶级的jQuery表格插件

jQuery表格插件可以让你创建各种各样的表格布局，表格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery 的表格插件，你可以任意控制表格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。1.GridifyGridify 是轻量级的jQuery插件，用来创建一个类似Pinterest图片加载网格插件。支持图像加载事件，... 继续阅读 >
2014
12-09

关于编写性能高效的javascript事件的技术

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我们需要更加... 继续阅读 >
2014
12-09

从Java开发者的视角解释JavaScript

我们无法在一篇博文里解释JavaScript的所有细节。如果你正或多或少地涉及了web应用程序开发，那么，我们的Java工具和技术范围报告揭示了，大多数（71%）Java开发者被归到了这一类，只是你对JavaScript遇到了阻碍。毫无疑问，你已经知道了Java和JavaScript，不管它们有着多么类似的命名，彼此没有共享太多共通之处。Java的静态类型、符合直接规律的简单语法和冗长，与JavaScript的动态、缺乏一致性原则和怪异，有着巨大的... 继续阅读 >
2014
12-09

CoffeeScript？TypeScript？还是JavaScript

请注意本文只是我的偏见，我努力地理解借助CoffeeScript或TypeScript之类的编译器写JavaScript代码的理由。静态编译、强类型语言和框架，我有着这些流行的、丰富的背景。我的上一份工作就是使用TypeScript，因为我不得不使用。那是一段不快乐的时光，我将因此而离开。我很幸运地把自己从这种困境和负担中释放出来，正在完全地使用JavaScript编写代码，我对此感到格外高兴！如果我对于这种变化的热情还不够明显，请让我向... 继续阅读 >
2014
12-09

想做web开发 就学JavaScript

有一天我被问到，为了快速地在web开发工作上增加优势，应该学习什么语言。我的思绪回到了大学，那时候我用Pascal、Fortran、C和汇编语言，不过那个时候有不同的目标。鉴于当前的状况和趋势，答案相对容易给出来：学习JavaScript。四周看看，曾经低端的浏览器脚本语言现在变得随处可见，从服务器端到客户端，每天好像有更多的选择。出身低微我记得数年前投入web开发，学习了HTML、用Perl开发CGI脚... 继续阅读 >
2014
12-09

分享22款响应式的 jQuery 图片滑块插件

响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件，它们能够帮助你在Web项目中实现有吸引力的图片滑块效果。1.Slides.jsSlidesJS是一款响应式的 jQuery 幻灯片插件，经过多年的发展，已经成为一款功能齐全，设计精巧的幻灯片插件。支持循环、自动播放功能和淡入... 继续阅读 >
2014
11-23

[转载Javascript实现全选并赋值给文本框代码

   全选的实现非常的简单，只要点击之后进行for遍历checkbox设置为checked即可，了但如果还要赋值简单的升级一下即可，下面来看看。    网上有很多的全选、赋值的js方法，但是没有小编想要的那样的代码，既然今天用到了，就把代码贴出来分享一下。js代码：代码如下<script>functionuncheckAll(){varcode_Values=document.getElementsByName('email');vartem=document.getElementById("t... 继续阅读 >
2014
11-11

js中的trim() _去掉字符串两边的空格

js中去除字符串两端的空格可以用正则表达式来实现：String.prototype.trim=function(){returnthis.replace(/(^\s*)|(\s*$)/g,"");}当然用法很简单，varstr="Hi,MyNameisWater!";str.trim();当然也可以自己写一个函数用，或者有些人会习惯这样：functiontrim(stri){returnstri.replace(/(^\s*)|(\s*$)/g,"");}varstr="Hi,MyNameisWater!";trim(str); ... 继续阅读 >