分类目录归档：JavaScript开发

2017
02-04

JavaScript 很少为人所知的玩法

StackOverFlow的联合创始人杰夫·阿特伍德（JeffAtwood）曾提出著名的“Atwood定律”，即：AnyapplicationthatcanbewritteninJavaScript,willeventuallybewritteninJavaScript.任何能够用JavaScript实现的应用，最终都必将用JavaScript实现。毫无疑问，JavaScript已然成为当下最流行的编程语言之一，这点已经不需要争论了，不服的话前后端乃至全栈工程师肯定跟你急。最近，hackereart就发表... 继续阅读 >

2017
01-17

JavaScript数组方法总结

说起来很搞笑，我在用sublime3写排序算法的时候，准备用nodejs来运行，就用sublime3提供的编译功能。但问题来了，我比较挫，写了个死循环，然后sublime3也不给输出提示，我很疑惑的连续跑了3遍，过了一会电脑发热，风扇开始叫了，我察觉到，一看进程，3个node进程在狂吃内存和cpu，我在想，这个bug该反馈给sublime3还是node呢？JavaScript中的数组本身就很特别，不像C或Java，搞了数组、li... 继续阅读 >

2017
01-13

JavaScript 代码整洁之道

目录概述变量函数对象和数据结构类测试并发错误处理格式注释概述RobertC.Martin在《代码整洁之道》中提到的软件工程原则，同样适用于JavaScript。这不是一个风格参考。它指导如何用JavaScript编写可读、可复用、可重构的软件。并不是每一个原则都必须严格遵循，甚至很少得到大家的认同。它们仅用于参考，不过要知道这些原则都是《代码整洁之... 继续阅读 >

2016
12-12

五个典型的javascript面试题

在IT界，需要大量的javascript开发者。如果这个角色能够最佳地展现你的能力，那么你有许多机会换家公司，以及提高薪水。但是在你被公司录取之前，你需要展现你的技术，以便通过面试环节。在这篇文章中，我会展示你五个典型的问题。问题1:范围（Scope）思考以下代码：(function(){vara=b=5;})();console.log(b);控制台（console）会打印出什么？答案上述代码会打印出5。这个问题的陷阱... 继续阅读 >

2016
12-06

JavaScript易错知识点整理

前言本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。JavaScript知识点1.变量作用域vara=1;functiontest(){vara=2;console.log(a);//2}test();上方的函数作用域中声明并赋值了a，且在console之上，所以遵循就近原则输出a等于2。... 继续阅读 >

2016
11-30

javascript之活灵活现的Array

前言就如同标题一样，这篇文章将会灵活的运行Array对象的一些方法来实现看上去较复杂的应用。大家都知道Array实例有这四个方法：push、pop、shift、unshift。大家也都知道push+pop实现栈，shift+push实现队列。在这里不讨论什么先进后出、先进先出。但一面这个题将要用到这几个方法。题目螺旋矩阵这个名词，在后台语言中可能很熟悉，他是个二维数组，他有什么特点呢？请看下图：以上是一个从外到... 继续阅读 >

2016
11-28

编写高性能的 JavaScript

本文的初衷是想介绍如何利用些简单的代码小技巧就能促进JavaScript编译器的优化进程从而提升代码运行效率。特别是在游戏这种对于垃圾回收速度要求较高，你性能稍微差点用户就能见到白屏的地方。Monomorphism:单态性JavaScript中允许函数调用时候传入动态参数，不过就以简单的2参数函数为例，当你的参数类型、参数数目与返回类型动态调用时才能决定，编译器需要更多的时间来解析。编译器自然地希望能够处理那些单态... 继续阅读 >

2016
11-23

JavaScript常见原生DOM操作API总结

最近面试的时候被这个问题给卡了，所以抽时间好好复习一下。几种对象NodeNode是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有element，text，attribute，comment，document等（所以要注意节点和元素的区别，元素属于节点的一种）。Node有一个属性nodeType表示Node的类型，它是一个整数，其数值分别表示相应的Node类型，具体如下：{ELEMEN... 继续阅读 >

2016
11-21

JavaScript 依赖注入实现

随着AngularJS的流行，依赖注入开始在JavaScript领域获得不少的关注。DI最突出的好处在于开发可复用可测试的代码单元。本文以简易的代码解释DI的实现机制，更多对DI优缺点的讨论可参考： 什么时候应该使用依赖注入 一文。一个基本的DI用例每个模块声明自己的依赖，并提供自己的服务。例如：di.service('foo',['bar'],functionfoo(bar){functionFoo(){this.bar=bar;}this.prototype.greeting=functio... 继续阅读 >

2016
11-07

CSS vs JS动画：谁更快？

这篇文章翻译自JulianShapiro的CSSvs.JSAnimation:WhichisFaster?。JulianShapiro也是Velocity.js的创造者。这是一个非常高效、简单易用的JS动画库。他在Web动画方面有很高的造诣。Javascript动画怎么可能总是和CSStransition一样快，甚至更快呢？到底是什么秘密呢？Adobe和Google是怎么做到让他们的富媒体移动网站的速度和nativeapp媲美的？这篇文章会一步步告诉你为什么基于Javascript... 继续阅读 >

2016
11-03

详解JavaScript模块化开发

什么是模块化开发？前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，那么什么是模块呢？一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使... 继续阅读 >

2016
11-01

JavaScript 知识点整理

JavaScript是按照ECMAScript标准设计和实现的，后文说的JavaScript语法其实是ES5的标准的实现。先说说有哪些基础语法？最基础语法有哪些？基础语法几乎所有的语言差异不大，无非数据类型、操作符、控制语句、函数等，简单列举下。5种基本数据类型&1种复杂的数据类型JavaScript包含5种基本数据类型，分别是Undefined/Null/Boolean/Number/String，基本数据类型就这五种，没有其他的！JavaScript包含1种复杂的数... 继续阅读 >

2016
10-31

JavaScript 中对象的深拷贝

在JavaScript中，对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝，即复制的是一份引用，而不是它所引用的对象。而更多的时候，我们希望对对象进行深拷贝，避免原始对象被无意修改。对象的深拷贝与浅拷贝的区别如下：浅拷贝：仅仅复制对象的引用，而不是对象本身；深拷贝：把复制的对象所引用的全部对象都复制一遍。一.浅拷贝的实现浅拷贝的实现方法比较简单，只要使用是简单的复制语句即可。... 继续阅读 >

2016
10-31

闭包会造成内存泄漏吗？

前言在谈内存泄漏这个问题之前先看看JavaScript的垃圾收集机制，JavaScript具有自动垃圾收集机制，就是找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）。常用的的方法有两种，即标记清楚和引用计数。标记清除JavaScript中最常用的垃圾收集方式是标记清除（mark-and-sweep）。垃圾收集器在运行的时候会给存储在内存中的所有变量都加... 继续阅读 >

2016
10-27

Ajax语法浅析

Ajax是目前很普遍的一门技术，也是很值得探讨和研究的一门技术。本文将针对Ajax的发展过程并结合其在不同库框架中的使用方式来和大家分享下Ajax的那些新老语法。 Ajax简介Ajax全称为“AsynchronousJavascriptAndXML”，即“异步JavaScript和XML”的意思。通过Ajax我们可以向服务器发送请求，在不阻塞页面的情况下进行数据交互，也可以理解为异步数据传输。在Ajax的帮助下我们的网页只... 继续阅读 >

2016
10-25

JavaScript正则表达式这几个细节你真的知道？

前言粗浅的编写正则表达式，是造成性能瓶颈的主要原因。如下：varreg1=/(A+A+)+B/;varreg2=/AA+B/;上述两个正则表达式，匹配效果是一样的，但是，效率就相差太远了，甚至在与少量字符串匹配时，reg1就会造成你浏览器卡死。不信？我们可以测试下。首先，我们声明一个字符串变量str，同时赋予一个包含20个A的字符串给str，采用match方法与上述reg1、reg2进行匹配测试，如下：varstr='AAAAAAAAAAAAAAAAAAAA';str.match... 继续阅读 >

2016
10-22

MVC 在前端已死？

随着越来越多的前端开发开勇单项数据流架构，有些人就开始考虑传统的MVC是否还有未来？为了便于理解，我们首先分析一下前端架构的发展史。在过去的4年里，我看过许多web项目并花了大量的时间在前端架构或是为它整合一些框架。在2010年前，JavaScript（实现jQuery的语言）在传统web应用中被广泛用于DOM操作以及添加一些简单的东西。人们并不关心架构方面的东西，一些 简单的模块化方式 似乎已经... 继续阅读 >

2016
10-19

如何写出小而清晰的函数

本文以JavaScript为例，介绍了该如何优化函数，使函数清晰易读，且更加高效稳定。软件的复杂度一直在持续增长。代码质量对于保证应用的可靠性、易扩展性非常重要。然而，几乎每一个开发者，包括我自己，在职业生涯中都见过低质量的代码。这东西就是个坑。低质量代码具备以下极具杀伤力的特点：函数超级长，而且塞满了各种乱七八糟的功能。函数通常有一些副作用，不仅难以理解，甚至根本没法调试。含... 继续阅读 >

2016
10-18

深入理解Javascript--作用域和赋值操作 HOT

作用域作为一个最基础的功能存在于各种编程语言中，它使得我们的编程更加灵活有趣。其基础功能就是存储变量中的值，然后可以对值进行访问和修改。可能我们都知道作用域的一些概念，以及其一些扩展的一些内容闭包等，但是相对于这些可能我们去了解这些变量到底是存到了哪里，而我们的程序是如何访问到他们的会更加有趣。vara=1;首先我们要了解到在我们进行声明变量并进行赋值的时候到底谁参与了我们的整个流程。1，引擎：它... 继续阅读 >

2016
10-17

守护 Javascript 中的函数参数

作为开发者，我们花费许多时间来调试，尤其是在发现问题来源方面。开发工具指导我们追踪调用栈，但是追踪过程仍然相当耗时，尤其在遇到级联异步调用的时候。这一问题在很早以前就被发现了。假设我们有一个从不同文档结构中搜索包含指定字符串的元素的函数。我们使用以下看起来合法的调用：grep("substring",tree);但是我们并没有得到期望的结果。按照以往的经验，我们会花费一些时间来检查给定的树形文档结构，时间有可能会... 继续阅读 >

2016
10-14

深入浅出JavaScript之闭包（Closure）

闭包（closure）是掌握Javascript从人门到深入一个非常重要的门槛，它是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面写下我的学习笔记~闭包-无处不在 在前端编程中，使用闭包是非常常见的，我们经常有意无意，直接或间接用到了闭包。闭包可以使传递数据更加灵活(比如处理一些点击事件)!function(){varlocalData="localDatahere";document.addEventListener('c... 继续阅读 >

2016
10-14

JavaScript-总结常用代码书写规范

javascript代码规范代码规范我们应该遵循古老的原则：“能做并不意味着应该做”。全局命名空间污染总是将代码包裹在一个立即的函数表达式里面，形成一个独立的模块。不推荐varx=10,y=100;console.log(window.x+''+window.y);推荐;(function(window){'usestrict';varx=10,y=100;console.log(window.x+''+window.y);}(window));立即执行函... 继续阅读 >

2016
10-11

JavaScript中this绑定详解

this可以说是javascript中最耐人寻味的一个特性，就像高中英语里各种时态，比如被动时态，过去时，现在时，过去进行时一样，无论弄错过多少次，下一次依然可能弄错。本文启发于《你不知道的JavaScript上卷》,对javasript中的this进行一个总结。学习this的第一步就是明白this既不是指向函数自身也不指向函数的作用域。this实际上是在函数被调用时发生的绑定，它指向什么地方完全取决于函数在哪里被调用。默... 继续阅读 >

2016
10-11

JavaScript原型详解

1，前言下面是2008年Github创建以来，各种编程语言的排名情况其中JavaScript自2015年之后就盘踞第一名，成为github上被使用最多的语言，早期，JS的使用还主要集中于浏览器中，但是随着node.js进军服务器开发和ReactNative逐渐向移动端渗透，一个属于JS的全栈时代就要来临了。而且JS界还流传一句名言：“所有能用JS开发的应用程序，最终都会用JS来开发”。我就问你怕不怕？好了，说了这么多，我并不是想说JS为世界... 继续阅读 >