JavaScript学习

JavaScript学习 CodeWars 打怪升级日记 判断输入字符串是否符合IPv4地址标准

CodeWars是一个在线编程网站，其奖励机制像打怪升级。你不能查看高于你级别的问题的答案。除非自己通过提交测试。通过提交之后可以看到各种解法排行榜。通过对比自己解法和排行榜对比，可以找到差距，提高能力。题目描述：InthiskatayouhavetowriteamethodtoverifythevalidityofIPv4addresses.也就是编写一个函数判断IPv4地址是否有效。例子：Ex
Cinderella_hou·2016-07-01 09:28

JavaScript学习笔记十三：高阶函数-sort

JavaScript教程传送门排序算法排序的核心是比较两个元素的大小，通常规定，对于两个元素x和y，如果认为xy，则返回1。JavaScript的Array的sort()方法就是用于排序的，但是排序结果可能让你大吃一惊：//看上去正常的结果:['Google','Apple','Microsoft'].sort();//['Apple','Google','Microsoft'];//apple排
arthur_deng·2016-06-29 09:48

JavaScript学习笔记十二：高阶函数-filter

JavaScript教程传送门filter用于把Array的某些元素过滤掉，然后返回剩下的元素。filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数：vararr=[1,2,4,5,6,9,10,15];varr=arr.filter(function(x){returnx%2!==0;});r
arthur_deng·2016-06-28 10:29

javascript学习2——基础

本篇简单介绍一下javascript，作为学习该语言的开端。1、历史JavaScript由网景(Netscape)公司创建，"JavaScript"是Sun公司(现在的Oracle)的注册商标，用来特指网景(现在的Mozilla)对这门语言的实现。网景将这门语言作为标准提交给了ECMA-欧洲计算机制造协会一一标准版本的名字"ECMAScript"。当我们提到这门语言时，通常所指的语言版本是ECMA
cxfwolfkings·2016-06-27 21:54

javascript学习1——编程规范

没有规矩，不成方圆。编程和其它所有学科一样，都有一套需要遵守的规范，就像是”游戏规则“。因此，首先，我记录一些javascript语言中常见的编程规范。这些规范几乎都不是强制性的，但是遵守这些规范，写出的代码将更具优雅性、可读性、实用性。这些编程规范大部分是我研究ExtJS框架时获知。众所周知，javascript是一种弱类型，基于原型的语言。最强大的特性之一是灵活，非常灵活。但是也因为灵活，针对
cxfwolfkings·2016-06-26 22:18

javascript学习0——序言

在南方梅雨天的一个夜晚，我终于下定决心，要让浮躁的内心安定下来，好好记录一下自己的所学所感。这既是对我自己技术的巩固、总结，也使我能够保持初心，增强耐性，更希望藉此找到前进的方向，安置我这迷茫而又躁动的灵魂。这里的所有文字只为我自己而写，如果有幸让您看到，又恰好对您有一些帮助，我很安慰；不过，由于本人知识、经验有限，如果您对于文章中的某些部分有更好的见解或者直接看出了其中的谬误，更请不吝赐教，不胜
cxfwolfkings·2016-06-25 22:08

JavaScript学习笔记十一：高阶函数-map/reduce

JavaScript教程传送门JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。map由于map()方法定义在JavaScript的Array中，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1,2,3,4,5,6,7,8,9]上，我们调用Array的map()方法，传入我们
arthur_deng·2016-06-25 16:41

JavaScript学习笔记十：方法

JavaScript教程传送门绑定到对象上的函数称为方法，和普通函数也没啥区别：varxiaoming={name:'小明',birth:1990,age:function(){vary=newDate().getFullYear();returny-this.birth;}};xiaoming.age;//functionxiaoming.age()xiaoming.age();//今年调用是2
arthur_deng·2016-06-24 10:29

javascript学习成长历程

使用javascript制作列表隔行变色功能；特定表格隔行变色第一行第一行第二行第二行第三行第三行第四行第四行第五行第五行第六行第六行第七行第七行varitem=document.getElementById("tbs");//获取id为tbs的tablevartbody=item.getElementsByTagName("tbody")[0];//获取表格下第一个tbody元素vartrs=t
caoqifu·2016-06-23 23:27

JavaScript学习笔记七：iterable

JavaScript教程传送门遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for...of循环来遍历。for...in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素
arthur_deng·2016-06-13 15:50

JavaScript学习笔记之循环在遍历数组的简单使用

Javascript中，循环大致分为三种：1.for循环2.while循环3.dowhile循环。这三种循环的使用同C语言的使用方法基本一致。但在使用上更为灵活方便。1、for循环。循环结构为for（'初始条件';'判断条件;’递增条件‘）{循环体;}for循环在JavaScript中的使用相比于其他两种循环结构更加灵活，同时也有更大的风险性。在写for循环时，一定要谨慎对待循环的判断条件和边界，
Nker·2016-06-10 16:31

JavaScript学习笔记六：Map和Set

JavaScript教程传送门JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对的结构，具有极快的查找速度。举个例子，假设要根据考
arthur_deng·2016-06-07 11:13

JavaScript学习笔记五：循环

JavaScript教程传送门for循环最常用的地方是利用索引来遍历数组：vararr=['Apple','Google','Microsoft'];vari,x;for(i=0;i100){break;//通过if判断来退出循环}x++;}for…infor循环的一个变体是for...in循环，它可以把一个对象的所有属性依次循环出来：varo={name:'Jack',age:20,city:'
arthur_deng·2016-06-07 09:22

JavaScript学习笔记三：数组

JavaScript教程传送门如果通过索引赋值时，索引超过了范围，会引起Array大小的变化：vararr=[1,2,3];arr[5]='x';arr;//arr变为[1,2,3,undefined,undefined,'x']大多数其他编程语言不允许直接改变数组的大小，越界访问索引会报错。然而，JavaScript的Array却不会有任何错误。在编写代码时，不建议直接修改Array的大小，访问
arthur_deng·2016-06-04 17:31

JavaScript学习笔记一：数据类型和变量

JavaScript教程传送门NumberJavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型：123;//整数1230.456;//浮点数0.4561.2345e3;//科学计数法表示1.2345x1000，等同于1234.5-99;//负数NaN;//NaN表示NotaNumber，当无法计算结果时用NaN表示Infinity;//Infinity表示
arthur_deng·2016-06-03 13:56

JavaScript学习--Item31 值得你挑战的JavaScript面试题(45题)

你不知道的JavaScript系列，已经有这么多篇博文了，今天找了一些题目，我觉得，下面这些是你“不可能全部会做”的javascript题目，不信你可以试试，答案在后面的博客给出，也许你是jser大神，欢迎挑战一下！给答对一半以上的同学点10086个赞！！！！！！1，以下表达式的运行结果是：["1","2","3"].map(parseInt) A.["1","2","3"] B.[1,2,3
z742182637·2016-06-01 19:00

《JavaScript学习笔记》：表格的应用

《JavaScript学习笔记》：表格的应用在操作表格相关的节点时，按照一般的获取节点的方法，我们可能会这么写：vartb=document.getElementById(‘tb1’);//tb1为表格的
u010412719·2016-06-01 11:00

《JavaScript学习笔记》：DOM_添加节点、删除节点、文档碎片

《JavaScript学习笔记》：DOM_添加节点、删除节点、文档碎片在上篇博文中，主要介绍了关于DOM中获取子节点的相关知识点，除了获取子节点，DOM还有创建一个节点、加入节点、删除节点等知识点，本篇博文进行介绍
u010412719·2016-05-31 19:00

JavaScript学习总结--事件委托

 一般情况下我们对一个DOM元素绑定事件时有三种方式//省略之前代码 aDiv=onclick=function(){ //... } aDiv.addEventListener('click',function(){ //... },false)这样写是没有任何问题的（当然方法1并不可取）但是在实际开发中我们会碰到诸如十几二十个li元素绑定事件的情况，甚至更多的元素，那么
Sakura_大表哥·2016-05-31 19:00

《JavaScript学习笔记》：DOM基础

《JavaScript学习笔记》：DOM基础DOM节点1、childNodes获取子节点（包括文本节点和元素节点）2、children获取子节点（只包括元素节点）3、nodeType判断节点类型nodeType
u010412719·2016-05-31 17:00

JavaScript学习--Item30 数组进阶全掌握

在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。1、创建数组在JavaScript多种
z742182637·2016-05-31 16:00

JavaScript学习--Item29 DOM基础详解

看完JavaScript高级程序设计，整理了一下里面的DOM这一块的知识点，比较多，比较碎！DOM在整个页面的地位如图：DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描,绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分.1、节点层次DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示
z742182637·2016-05-31 16:00

JavaScript学习--Item28 垃圾回收机制与内存管理

1、垃圾回收机制—GCJavascript具有自动垃圾回收机制(GC:GarbageCollecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间
z742182637·2016-05-31 16:00

JavaScript学习总结--事件冒泡与事件捕获

要了解事件冒泡与事件捕获，首先要知道什么是事件流事件流描述的是从页面中接受事件的顺序，早年根据浏览器的不同，事件流有两种完全相反的概念（IE与Netscape）1.事件冒泡IE中的事件流就叫做事件冒泡，即时间开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（引用自JavaScript高级程序设计）】简单来说，假如页面中一个id为div1的div元素绑定了click事件，那么这个clic
Sakura_大表哥·2016-05-31 16:00

JavaScript学习--Item27 异步编程异常解决方案

1、JavaScript异步编程的两个核心难点异步I/O、事件驱动使得单线程的JavaScript得以在不阻塞UI的情况下执行网络、文件访问功能，且使之在后端实现了较高的性能。然而异步风格也引来了一些麻烦，其中比较核心的问题是：1、函数嵌套过深JavaScript的异步调用基于回调函数，当多个异步事务多级依赖时，回调函数会形成多级的嵌套，代码变成金字塔型结构。这不仅使得代码变难看难懂，更使得调试、
z742182637·2016-05-31 15:00

JavaScript学习--Item26 异步的脚本加载

先来看这行代码：这有点儿……不怎么样。“这该放在哪儿？”开发人员会奇怪，“靠上点，放到标签里？还是靠下点，放到标签里？”这两种做法都会让富脚本站点的下场很凄惨。标签里的大脚本会滞压所有页面渲染工作，使得用户在脚本加载完毕之前一直处于“白屏死机”状态。而标签末尾的大脚本只会让用户看到毫无生命力的静态页面，原本应该进行客户端渲染的地方却散布着不起作用的控件和空空如也的方框。完美解决这个问题需要对脚本分
z742182637·2016-05-31 15:00

JavaScript学习--Item24 ES6新特性概览

ES6新特性概览本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，预计会在14年12月份放出正式敲定的版本。但大
z742182637·2016-05-31 15:00

JavaScript学习--Item23 定时器的合理使用

1、定时器概述window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：window.setTimeout(expression,milliseconds); window.setInterval(expression,m
z742182637·2016-05-31 15:00

JavaScript学习--Item22 Date对象全解析

本篇主要介绍Date日期和时间对象的操作。1.介绍1.1说明Date对象，是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。1.2属性无；Date对象对日期和时间的操作只能通过方法。2.构造函数2.1newDate()：返回当前的本地日期和时间参数：无返回值：{Date}返回一个表示本地日期和时间的Date对象。示例：vardt=newDate(); console.log(dt
z742182637·2016-05-31 15:00

《JavaScript学习笔记十》：无缝滚动的实现

《JavaScript学习笔记十》：无缝滚动的实现无缝滚动在很多网页上面都有这样一个功能，用于动态的显示一些图片信息。
u010412719·2016-05-30 20:00

《JavaScript学习笔记九》：延时框的实现

《JavaScript学习笔记九》：延时框的实现延时框在我们的生活中也随处可见，例如，在QQ中，当我们将鼠标放在我们的头像上时，则会出现左边这个页面，当我们鼠标离开时，左边这个界面过一段时间才会隐藏，这就是延时框
u010412719·2016-05-30 20:00

《JavaScript学习笔记八》：数字时钟的实现

《JavaScript学习笔记八》：数字时钟的实现在我们的生活中，数字时钟随处可见，在我们的手机上，在我们的电脑上，以及在一些时间软件上，都可以看到数字时钟，与下图类似，这篇博文我们就来模拟下数字时钟的实现
u010412719·2016-05-30 20:00

《JavaScript学习笔记七》：数组和可变参数arguments的介绍

《JavaScript学习笔记七》：数组和可变参数arguments的介绍1、定义数组定义数组有如下两种方式：1、vararr=[1,2,3];2、vararr=newArray(1,2,3);这两种数组定义的方法没有任何区别
u010412719·2016-05-30 20:00

《JavaScript学习笔记六》：取非行间样式

《JavaScript学习笔记六》：取非行间样式1、取行间样式如果我们在行间设置元素的样式，则我们可以直接使用obj.style.width来获取这个元素的宽度，这里的width可以换成obj的任意样式属性来获取对应的
u010412719·2016-05-30 20:00

JavaScript学习--Item21 漂移的this

而在JavaScript中，this是动态绑定，或称为运行期绑定的，这就导致JavaScript中的this关键字有能力具备多重含义，带来灵活性的同时，也为初学者带来不少困惑。本文仅就这一问题展开讨论，阅罢本文，读者若能正确回答JavaScript中的What’sthis问题，作为作者，我就会觉得花费这么多功夫，撰写这样一篇文章是值得的。我们要记住一句话：this永远指向函数运行时所在的对象！而不
z742182637·2016-05-30 10:00

JavaScript学习--Item20 作用域与作用域链（scope chain）

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。1、JavaScript作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在Ja
z742182637·2016-05-30 10:00

JavaScript学习--Item19 执行上下文（execution context）

在这篇文章里，我将深入研究JavaScript中最基本的部分——执行上下文（executioncontext）。读完本文后，你应该清楚了解释器做了什么，为什么函数和变量能在声明前使用以及他们的值是如何决定的。1、EC—执行环境或者执行上下文每当控制器到达ECMAScript可执行代码的时候，控制器就进入了一个执行上下文（好高大上的概念啊）。javascript中，EC分为三种：全局级别的代码––这
z742182637·2016-05-30 10:00

JavaScript学习--Item18 JScript的Bug与内存管理

1、JScript的BugIE的ECMAScript实现JScript严重混淆了命名函数表达式，搞得现很多人都出来反对命名函数表达式，而且即便是现在还一直在用的一版（IE8中使用的5.8版）仍然存在下列问题。下面我们就来看看IE在实现中究竟犯了那些错误，俗话说知已知彼，才能百战不殆。我们来看看如下几个例子：例1：函数表达式的标示符泄露到外部作用域varf=functiong(){}; typeof
z742182637·2016-05-30 10:00

JavaScript学习--Item17 循环与prototype最后的几点小tips

1、优先使用数组而不是Object类型来表示有顺序的集合ECMAScript标准并没有规定对JavaScript的Object类型中的属性的存储顺序。但是在使用for..in循环对Object中的属性进行遍历的时候，确实是需要依赖于某种顺序的。正因为ECMAScript没有对这个顺序进行明确地规范，所以每个JavaScript执行引擎都能够根据自身的特点进行实现，那么在不同的执行环境中就不能保证f
z742182637·2016-05-30 10:00

JavaScript学习--Item16 for 循环和for...in 循环的那点事儿

大家都知道在JavaScript中提供了两种方式迭代对象：for循环；for..in循环；1、for循环不足：在于每次循环的时候数组的长度都要去获取；终止条件要明确；在for循环中，你可以循环取得数组或是数组类似对象的值，譬如arguments和HTMLCollection对象。通常的循环形式如下：//次佳的循环 for(vari=0;i
z742182637·2016-05-30 10:00

JavaScript学习--Item15 prototype原型和原型链详解

用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也
z742182637·2016-05-30 10:00

JavaScript学习--Item14 使用prototype的几点注意事项

1、在prototype上保存方法不使用prototype进行JavaScript的编码是完全可行的，例如：functionUser(name,passwordHash){ this.name=name; this.passwordHash=passwordHash; this.toString=function(){ return"[User"+this.name+"]"; }; this.ch
z742182637·2016-05-30 10:00

JavaScript学习--Item13 理解 prototype, getPrototypeOf 和__proto__

1、深入理解prototype,getPrototypeOf和_proto_prototype，getPropertyOf和_proto_是三个用来访问prototype的方法。它们的命名方式很类似因此很容易带来困惑。它们的使用方式如下：C.prototype:一般用来为一个类型建立它的原型继承对象。比如C.prototype=xxx，这样就会让使用newC()得到的对象的原型对象为xxx。当然使
z742182637·2016-05-30 10:00

《JavaScript学习笔记五》：选项卡和简易日历的实现

《JavaScript学习笔记五》：选项卡的实现在许多的网页中都有选项卡的身影，如下就是一个例子：当我们点击不同的选项时，就会出现不同的信息。
u010412719·2016-05-29 21:00

#《JavaScript学习笔记四》：getElementsByTagName的使用以及全选、反选和取消功能实现

《JavaScript学习笔记四》：getElementsByTagName的使用以及全选、反选和取消功能实现我们都知道getElementById是通过id来获取对象，但是，当我们的对象许多且这些对象都是相同的时候
u010412719·2016-05-29 20:00

《JavaScript学习笔记三》if else及function的使用

《JavaScript学习笔记三》：ifelseifelse的使用在JavaScript中ifelse的使用与在其它语言使用的方法一样，例如：我们想实现这样一个功能：有一个按钮，当点击的时候，如果div
u010412719·2016-05-28 22:00

《JavaScript学习笔记二》：网页换肤

《JavaScript学习笔记二》：网页换肤在我们的一些网页上提供了网页换肤这一功能，网页换肤就是指：网页的颜色有几种不同的选择供我们选择。
u010412719·2016-05-28 21:00

《JavaScript学习笔记一》鼠标提示框

《JavaScript学习笔记》：鼠标提示框在我们的许多登陆界面都会有鼠标提示框的应用，例如下面的截图就是一个比较好的例子：下面我们就实现这个比较简单的例子这个的实现原理比较简单，如下：1、当鼠标移动到
u010412719·2016-05-28 21:00

JavaScript学习总结5--事件对象

当我们触发了DOM上的某个事件（onclick，onmouseover等）时，会自动产生一个事件对象event，这个对象中包含着所有与事件有关的信息，包括触发事件的DOM元素，事件类型以及其他与特定事件相关的信息所有浏览器都支持event对象，但方式有所不同1.DOM中的事件对象兼容DOM的浏览器会将event对象传入到事件处理程序中例如：//省略之前代码 oBtn.addEventListen
Sakura_大表哥·2016-05-26 10:00

JavaScript学习--Item12 undefined 与 null

当讨论JavaScript中的原始数据类型时，大多数人都知道从String、Number到Boolean的基本知识。这些原始类型相当简单，行为符合常识。但是，本文将更多关注独特的原始数据类型Null和Undefined，是什么让它们如此相似，却又似是而非。一、理解null和undefined在JavaScript中，null是字面量同时也是语言中的关键字，用来表示无法识别的对象值。换句话说，这用来
z742182637·2016-05-25 20:00
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他