javaScript学习

javascript学习笔记1——数组1

/*关于数组的初始化*///1.创建Array对象--方法1：vararr1=[];arr1[0]='aa';//给数组元素赋值arr1[1]='bb';arr1[2]='cc';arr1[3]='dd';console.log(arr1);//1.创建Array对象--方法2：vararr2=newArray();//构造一个数组对象arr2[0]='11';arr2[1]='22';arr2[
express_yourself·2016-08-16 19:00

JavaScript学习笔记01——简介（李炎恢JavaScript教程）

课程来源：《李炎恢JavaScript教程第一季》网页链接：http://study.163.com/course/courseMain.htm?courseId=252008IE浏览器装插件IEDeveloperToolBar（网上下载）Firefox火狐浏览器装插件IETester测试小工具谷歌浏览器
tongbiaos·2016-08-13 17:56

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

前面的话eval和with经常被嫌弃，好像它们的存在就是错误。在CSS中，表格被嫌弃，在网页中只是用表格来展示数据，而不是做布局，都可能被斥为不规范，矫枉过正。那关于eval和with到底是什么情况呢？本文将详细介绍eval()函数和with语句eval定义eval()是一个全局函数，javascript通过eval()来解释运行由javascript源代码组成的字符串varresult=eval
小火柴的蓝色理想·2016-08-01 11:46

JavaScript学习小结之使用canvas画“哆啦A梦”时钟

前言：今天看完了Js书的canvas画布那张，好开心~又是心爱的canvas~欧耶~之前看到有人建议我画蓝胖子，对哦，我怎么把童年最喜欢的蓝胖子忘了，为了表达我对蓝胖子的歉意，所以今天画了会动的helloworld，也算是一种进步咯~好的各位，请上车的乘客往里走，请不要堵塞通道，谢谢。我们开车吧~正文：今天先上图吧，看看效果再说今天的蓝胖子长这样，看到它还是这么胖，我就放心了。这世界还是充满正能量
玉菲莎·2016-07-24 09:52

JavaScript学习笔记二十八：Canvas

JavaScript教程传送门Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。一个Canvas定义了一个指定尺寸的矩形框，在这个范围内我们可以随意绘制：//CanvasRenderingContext2D对象varctx=canvas.getContext('2d');//Canvas中绘制3D图形vargl=canvas.getConte
arthur_deng·2016-07-22 09:03

JavaScript学习笔记二十七：Promise

JavaScript教程传送门Promise是一个承诺将在未来返回值的对象。一个最简单的Promise例子：生成一个0-2之间的随机数，如果小于1，则等待一段时间后返回成功，否则返回失败：functiontest(resolve,reject){vartimeOut=Math.random()*2;log('settimeoutto:'+timeOut+'seconds.');setTimeout
arthur_deng·2016-07-22 08:49

JavaScript学习笔记二十六：AJAX

JavaScript教程传送门functionsuccess(text){vartextarea=document.getElementById('test-response-text');textarea.value=text;}functionfail(code){vartextarea=document.getElementById('test-response-text');textare
arthur_deng·2016-07-21 16:14

JavaScript学习笔记（五）

慕课网JavaScript进阶篇第9章学习笔记JavaScript进阶篇—第9章JavaScript学习笔记（一）JavaScript学习笔记（二）JavaScript学习笔记（三）JavaScript
我是刘高兴·2016-07-19 16:53

JavaScript学习笔记 - 进阶篇（5）- 事件响应

什么是事件JavaScript创建动态页面。事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表:鼠标单击事件(onclick）onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。
weixin_30449239·2016-07-16 14:00

我的javascript学习之路_01之js基础2

JavaScript对象JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。在JavaScript中，对象是拥有属性和方法的数据。JavaScript中的对象与java中和其他面向对象语言是基本一致的。如何访问对象，如何访问对象方法，如何新建对象等。都是相当一致的。JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数的语
六尺帐篷·2016-07-15 16:18

JavaScript学习笔记二十：标准对象-JSON

JavaScript教程传送门JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：number：和JavaScript的number完全一致；boolean：就是JavaScript的true或false；string：就是JavaScript的string；null：就是JavaScript的null；array：就是JavaScript的Array表示方式——
arthur_deng·2016-07-15 09:49

JavaScript学习笔记系列(一)

一：JavaScript组成部分JavaScript是由三个不同部分组成的，核心(ECMAScript)、文档对象模型(DOM)和浏览器对象模型(BOM)。1.ECMAScriptECMAScript与Web浏览器没有依赖关系。只是Web浏览器只是ECMAScript实现可能的宿主环境之一，其他宿主环境包括Node和AdobeFlash。它规定了这门语言的组成部分：1.语法2.类型3.关键字4.保
Wythehuang·2016-07-14 00:00

我的javascript学习之路_01之js基础1

近期开始接触学习extjs框架。该框架是基于JavaScript的。为了更好地理解学习extjs，必然需要先对JavaScript有一个较好的理解。从最著名的web技术学习网站W3C开始。如下图：捕获.PNG花了几个小时将JavaScript的初级教程大致过了一遍。下面做些总结归纳。JavaScript是属于网络的脚本语言！JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创
六尺帐篷·2016-07-13 23:50

JavaScript学习笔记十六：generator

JavaScript教程传送门generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次：function*foo(x){yieldx+1;yieldx+2;returnx+3;}编写一个产生
arthur_deng·2016-07-08 12:31

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
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他