JavaScript 字符串实用常操纪要

2016-11-10 蓝蓝 前端技术资源

JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Date 时,诸此等等,繁不能数;而她那满多的 API 呵,总有些让人不愿去记忆的冲动,既然用时常搜,倒不如烂笔头一翻,顺道也体现下博客存在的价值,由此就有了这篇纪要。

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法,它可以接收两个参数(参数不能为负值),分别是要截取的开始位置和结束位置,它将返回一个新的字符串,其内容是从start处到end-1处的所有字符。若结束参数(end)省略,则表示从start位置一直截取到最后。

阅读全文>>

标签: javascript 字符串

评论(0) 浏览(550)

JavaScript之this指针深入详解

2016-11-9 蓝蓝 前端技术资源

javascript中的this含义非常丰富,它可以是全局对象,当前对象或者是任意对象,这都取决于函数的调用方式。函数有以下几种调用方式:作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。

对象方法调用

作为对象方法调用的时候,this会被绑定到该对象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 绑定到当前对象,即 point 对象

阅读全文>>

标签: javascript this

评论(0) 浏览(728)

Node.js新手必须知道的4个JavaScript概念

2016-11-8 蓝蓝 前端技术资源

如果只需要知道一种编程语言就可以构建一个全栈的应用程序,是不是特别了不起?Ryan Dahl为了把这个想法成为现实,创造了node.js。Node.js是建立在Chrome强劲的V8 JavaScript引擎上的服务器端框架。虽然最初是用C++编写的,但是应用程序通过JavaScript运行。

这样一来,问题就解决了。一种语言就可以统治一切。而且,在整个应用程序中你只需要使用这一种语言。所以,我们需要深刻了解node.js。这就是本文的主题。

下面这四个基本概念是你想要掌握node.js所必需的。我会尽可能长话短说向大家介绍它们。

logo-nodejs.jpg

阅读全文>>

标签: javascript Node.js

评论(0) 浏览(539)

详解 javascript 的类

2016-11-3 蓝蓝 前端技术资源

前言

生活有度,人生添寿。

Javascript从当初的一个“弹窗语言”,一步步发展成为现在前后端通吃的庞然大物。javascript的受欢迎程度也是与日俱增,今年最受欢迎编程语言又是花落javascript,这实在是一个充满了活力的语言。如今,随随便一个网页javascript代码量都不下数千行,要是node后端那更不止几千行了。(WTF)代码量的增加给编程带来的首要的问题就是如何去编写和维护如此庞大的代码呢?答案就是模块化思想,其实就是面向对象(OOP)编程,如今比较流行的三大前端框架(angular,react,vue)基本都实现了组件化编程,但组件化和我们所说的模块化又有所不同,应该可以这么理解,组件化是模块化的升级版,模块化是组件化的基础。那么,问题来了,javascript怎么面向对象编程呢?我想这很多老鸟也不定说的清楚吧,前端杂而活跃的各种社区,很多前端er一度依赖各种插件,根本不需要去了解这些深层的东西却照样能完成任务。但我想作为一个有追求的前端er还是很有必要去学习这些看似用不着的东西的,别的不说,就单单因为我们是前端er,只会用jquery一个稍微厉害的后端都能代替你。好吧,废话不多说,到底如何面向对象coding呢…..

很不幸,es5中并没有给出明确的定义‘类’的概念,所以传统的面向对象编程似乎是行不通的,那么又该肿么办呢?值得庆幸的是,前辈们通过不断探索总结,成功的用javascript模拟出了“类”。那么,javascript的类又该怎么定义呢?

在面向对象编程中,类(class)是对象(object)的模板,定义了同一组对象(又称”实例”)共有的属性和方法。

阅读全文>>

标签: javascript

评论(0) 浏览(663)

JavaScript 中对象的深拷贝

2016-10-29 蓝蓝 前端技术资源

在JavaScript中,对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝,即复制的是一份引用,而不是它所引用的对象。而更多的时候,我们希望对对象进行深拷贝,避免原始对象被无意修改。

对象的深拷贝与浅拷贝的区别如下:

  • 浅拷贝:仅仅复制对象的引用,而不是对象本身;
  • 深拷贝:把复制的对象所引用的全部对象都复制一遍。

一. 浅拷贝的实现

浅拷贝的实现方法比较简单,只要使用是简单的复制语句即可。

1.1 方法一:简单的复制语句

/* ================ 浅拷贝 ================ */ function simpleClone(initalObj) { var obj = {}; for ( var i in initalObj) {
        obj[i] = initalObj[i];
    } return obj;
}

阅读全文>>

标签: javascript 对象

评论(0) 浏览(596)

JavaScript世界万物诞生记

2016-10-28 蓝蓝 前端技术资源

一. 无中生有

起初,什么都没有。

1.png

 

造物主说:没有东西本身也是一种东西啊,于是就有了null:

现在我们要造点儿东西出来。但是没有原料怎么办?

有一个声音说:不是有null嘛?

另一个声音说:可是null代表无啊。

造物主说:那就无中生有吧!

于是:

2.png

阅读全文>>

标签: javascript

评论(0) 浏览(1234)

更快学习JS的6个简单思维技巧

2016-10-27 蓝蓝 前端技术资源

当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战:

  • 有些概念容易混淆,特别是当你学习过其他语言的时候。
  • 很难找到学习的时间(有时候是动力)。
  • 一旦当你理解了一些东西的时候,却很容易再一次忘记。
  • 可以使用的工具甚多且经常变化,所以不知道从哪里开始入手。

幸运的是,这些挑战最终都可以被战胜。在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你成为一个更快乐更多产的程序员。

对于很多学习 JavaScript 的人来说,他们问的第一个问题是选用哪个框架(现有框架非常多)。但是如果你还不熟悉原生的 JavaScript ,那这就是个不该问的问题。你会花费你全部的时间去查询不同的框架并且不会取得任何进展。

阅读全文>>

标签: javascript 思维技巧

评论(0) 浏览(705)

2016年7个顶级JavaScript框架

2016-10-21 蓝蓝 前端技术资源

当涉及到Web开发时,JavaScript框架往往是一些开发人员和企业最受欢迎的平台。可能,你有机会尝试过一两个顶级的JavaScript框架,但你仍然有点不确定哪个才是最佳的最值得掌握的,或者哪个值得你建议你的开发人员选择用于下一个web开发项目。

JavaScript正在以惊人的速度前进,并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点,知道和了解更多的顶级JavaScript框架在现在看来是必要的。在ValueCoders进行了彻底的研究后,我们入围了其中七个顶级框架,它们是:

1.AngularJS 2.0&1.x

在最受期待的AngularJS 2.0正式发布之后,框架的普及已经达到了一个新的水平。然而,如果你不确定的话,跳到新版本仍然是一个冒险的决定。让我们通过这个流程图来帮助你做出决定:

1.png

阅读全文>>

标签: javascript 框架

评论(0) 浏览(572)

JavaScript 数组中的 indexOf 方法详解

2016-10-20 蓝蓝 前端技术资源

最近项目遇到一个小问题代码我会简化成小例子展示给大家。

用心看到最后会有收获哈,基础扎实的童鞋可以直接跳到数组类型使用

说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用(正则不熟练同学的利器)。

String 类型的使用

温习一下大家熟知的字符串用法,举个例子

let str = 'orange';

str.indexOf('o'); //0 str.indexOf('n'); //3 str.indexOf('c'); //-1

这里 0 和 3 分别是 o 和 n 在字符串中出现的位置。起始下标是 0。而 -1 代表未匹配。

阅读全文>>

标签: javascript 数组 indexOf方法

评论(0) 浏览(576)

JavaScript arguments 对象详解

2016-10-19 蓝蓝 前端技术资源

1. 什么是 arguments

MDN 上解释:

arguments 是一个类数组对象。代表传给一个function的参数列表。

我们先用一个例子直观了解下 JavaScript 中的 arguments 长什么样子。

function printArgs() { console.log(arguments);
}

printArgs("A", "a", 0, { foo: "Hello, arguments" });

执行结果是:

阅读全文>>

标签: javascript arguments 对象

评论(0) 浏览(621)

Powered by emlog 京ICP备12006971号-1 sitemap