分类：javaScript

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

早该知道的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

JavaScript的诞生与死亡（双语字幕）

@0xFEEDFACE听译了GaryBernhadt在PyCon2014上演讲《JavaScript的诞生与死亡》，并自制了双语字幕。JavaScript的诞生与死亡（双语字幕）原始视频地址：https://www.destroyallsoftware.com/talks/the-birth-and-death-of-javascript 继续阅读 >

2014
12-09

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

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

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

关于编写性能高效的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
11-11

JavaScript中变量的存储方式

基本原理前面文章提到过，在js中变量包括5中基本类型以及一个复杂数据类型Object，当然常用的函数和数组都是对象。对于基本类型和复杂类型，对应着两种不同的存储方式–栈存储和堆存储。为什么要实现两种存储方式的理由很简单，就是基本类型一旦初始化则内存大小固定，访问变量就是访问变量的内存上实际的数据，称之为按值访问。而对象类型说不定什么时候就会增加自身的大小，内存大小不固定。比如动态添加对象的属性、动态增加数... 继续阅读 >

2014
11-11

JavaScript 位运算符

JavaScript在日常的应用中非常的少，其实当年在大学学习C#的时候，位运算符也不是重点，而且后来考试的时候根本就没有考这章，但是对于对数字感兴趣的我，当时听的特认真，以至于虽然从来都没再看过，印象还是非常的深刻，前几天在用的时候进入了个误区，所以这里还是记录一下，巩固一下哈~JavaScript的位运算符一共有7个，分别是&、|、^、~、<<、>>、>>>（C#没有这个运算符，但是C#可以通过>>的逻辑右移来实现此运算），位运算... 继续阅读 >