
Javascript
文章平均质量分 66
pdsu_zhao
生命的意义在于奋斗不止!!
奋斗吧,少年!
展开
-
Web前端复习——JavaScript复习(函数声明调用+匿名函数+闭包)
1、Function对象(1)js中一切都是对象(2)函数名其实是引用函数定义对象的变量(3)连function函数也是一个对象2、arguments对象(1)重载概念:程序中可定义多个相同函数名,不同参数列表的函数注意——a.调用者不用区分每个函数的参数b.执行时,程序根据传参参数的个数,四栋判断自动判断哪个函数执行但是,js语法中没有“重原创 2017-05-05 22:49:27 · 592 阅读 · 0 评论 -
Javascript高级程序设计——8.时间与日期
1、Date类型(1)创建一个日期对象——不传递参数var box=new Date(); 上述创建对象没有传递任何的参数,则会自动获取当前的时间和日期若要alert(box);则会打印出类似于“Wed NOV 2016 12:12:23 GMT”(2)创建一个日期对象——传递参数(两种静态方法)a、Date.parse()b、Date.UTC()原创 2016-11-27 12:26:11 · 343 阅读 · 0 评论 -
Javascript高级程序设计——12.基本包装类型
内容要点:1、基本包装类型2、Boolean类型3、Number类型4、String类型背景:为了便于操作基本类型的值,ECMAScript提供了3种特殊的引用类型:Booloean、String、Number这些类型与其他引用类型相似,但却同时具有各自的基本类型相应的特殊行为。实际上,没读取一个基本类型值,后台就会创建出一个对应的基本包装类型的对象,用调用原创 2016-12-07 20:15:29 · 427 阅读 · 0 评论 -
Javascript高级程序设计——11.变量、作用域、缓存
1、变量及作用域(1)ECMAScript的两种数据类型:基本类型、引用类型值a、基本类型:栈内存中简单的数据段(完全保存在内存中的一个位置)b、引用类型:堆内存中的对象(保存实际上只是一个指针,该指针指向内存中的另一个位置,该位置保存对象)当把一个值赋值给变量时,解析器必须确定是基本类型,还是引用类型a、基本类型(5种):undefined、null、boolean、stri原创 2016-12-07 17:45:29 · 810 阅读 · 0 评论 -
Javascript高级程序设计——6.函数
1、函数定义函数是定义一次却可以调用或执行任意多次的JS代码。函数有时会有参数,即当函数被调用的时候指定了值的局部变量。2、函数声明以function来声明,函数本身并没有返回值,通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。(1)带参数 function box(){ //不带参数的函数; alert('只有函数被调用,我只会被之执行原创 2016-11-23 17:10:08 · 297 阅读 · 0 评论 -
Javascript高级程序设计——5.流程控制语句
1、if条件判断语句ECMAScript中会把if语句括号里的表达式自动变为布尔值,若为true,执行;反之,不执行。a、if语句(1)简单语句(只会执行一句if后的语句)var box=100;if(box>50) alert("box大于50");alert("都执行");(2)复杂语句(可执行多条语句)var box=100;if(box>50)原创 2016-11-21 17:58:55 · 440 阅读 · 0 评论 -
Javascript高级程序设计——4.运算符
运算符1、一元运算符2、算术运算符(+、-、*、/)3、关系运算符4、相等运算符、全等运算符5、逻辑运算符6、位运算符(省略,不详细介绍)7、赋值运算符8、其他运算符9、运算符优先级 在ECMAScript与众不同之处在于运算符可以适用于很多值,例如字符串、数字值、布尔值,甚至对象。不过,在运用对象时,会调用对象的两种方法,以便获得可操作的值,如下原创 2016-11-20 13:04:09 · 479 阅读 · 0 评论 -
Javascript高级程序设计——3.数据类型(2)string、object
1、string类型用于表示0或多个16位Unicode字符组成的字符序列,即字符串字符串可以由双引号(")或单引号(')表示,var firstName="Jack";var lastName='Amy';上述代码的两种表现形式都是有效的(1)字符字面量String数据类型包含了特殊的字符字面量,也叫转义序列,用于表示非打印字符\n——换行\t——制表\b——推原创 2016-11-19 20:39:15 · 373 阅读 · 0 评论 -
Javascript高级程序设计——3.数据类型(1)typeof、null、undefined、boolean、number
1、数据类型种类(6种)(1)ECMAScript有5种简单的数据类型——undefined、null、boolean、string、number(2)ECMAScript有1种复杂的数据类型——object——本质由一组无序的名值对组成。2、typeof操作符——var message="some string";alert(typeof message); /原创 2016-11-19 18:07:36 · 472 阅读 · 0 评论 -
Javascript高级程序设计——2.语法、关键保留字、变量
1、语法构成(1)区分大小写 解析:在ECMAScript中的一切,包括变量、函数名、操作符都是区分大小写的 示例1——text、Text是两种不同的变量。(2)标识符定义:所谓标识符,就是指变量、函数、属性的名字,或者函数的参数,标识符都可以是下列格式规格组合起来的一个或多个字符a、第一字符必须是一个字母、下划线“_”或美元符号“$”b、其他原创 2016-11-19 16:34:18 · 454 阅读 · 0 评论 -
Javascript高级程序设计——15-2.常见的内存泄漏及解决内存泄漏
1、javascript中常见的内存泄漏问题常见的内存泄漏,第一种情况,大多数由于IE浏览器无法正常关闭导致的内存占用问题; 第二种情况,是即使IE浏览器关闭,也无法释放内存。(1)给DOM对象添加的属性是一个对象的引用。范例: var MyObject = {}; document.getElementById('myDiv').myProp = MyObject; 解原创 2016-12-11 12:57:51 · 797 阅读 · 0 评论 -
Javascript高级程序设计——15-1.匿名函数和闭包
1、匿名函数表示没有定义函数名的函数2、闭包(1)指的是有权访问另一个函数作用域中的变量的函数(2)创建闭包方法:在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量闭包优缺点:把局部变量驻留在内存中,避免使用全局变量(即避免全局污染)推荐使用私有的、封装的局部变量。(3)内存泄漏在IE的JScript对象和DOM对原创 2016-12-11 12:15:17 · 510 阅读 · 0 评论 -
Javascript高级程序设计——14.面向对象与原型(1 )
ECMAScript有两种开发模式:1、函数化;2、面向对象(OOP), 面向对象有一个标志,即“类”,通过类可以创建任意多个具有相同属性和方法的对象。 但是,ECMASctipt没有类的概念,因此它的对象也与基于类的对象有所不同。1、创建对象案例1-1——对象的使用以及this关键字: var box=new Object(); box.name1='原创 2016-12-08 20:27:24 · 765 阅读 · 0 评论 -
Javascript高级程序设计——13.内置对象
ECMA-262只定义了2个内置对象:Globel和Math1、Global对象表示全局变量,但该对象其实并不存在,事实上,并不存在全局变量和全局函数:所有在全局作用于定义的变量和函数,都是Global对象的属性和方法注意:在ECMAScript中不怎么调用Global对象,所以,其属性或方法是无效的Global对象内置的属性和方法:(1)URI编码方法原创 2016-12-07 20:23:42 · 382 阅读 · 0 评论 -
Web前端复习——Javascript(1)
1、js发展进程关键词ECMAScript标准——定义了js语言的核心语法Netscape——遵照标准,实现了Javascript语言Microsoft——遵照标准,实现了JSscript标准W3C:DOM标准——专门操作网页内容的标准所有浏览器都兼容BOM:专门操作浏览器窗口的编程接口JS特点——(1)代码可由任何文本编辑工具编写,语法类似于C和J原创 2017-04-06 21:24:02 · 410 阅读 · 0 评论 -
Web前端——Javascript学习(API)
1、API:应用程序编程接口这是实现的,现成的对象和方法。——提高开发效率2、数组API(1)arr to Stringvar str=arr.toString()var str=arr.join("连接符")——自定义连接符固定套路——1.将字符拼接为单词:arr.join("") 2.将单词拼接成句子:arr.join(" ")问题——频繁字符串拼原创 2017-04-24 19:43:20 · 1192 阅读 · 0 评论 -
Web前端复习——Javascript(字符串)
1、什么是字符串?字符串是多个字符组成的一个“只读”的集合(数组)注意:(1)凡是数组对象中,不修改原对象的API,字符串都能用比如——.length属性:字符个数,用[i]访问每个字符slice、indexof(2)凡是数组对象中,直接修改原对象的API,字符串都不能用比如——push、sort、splice2、内置对象它是由ES标准中已经定义原创 2017-05-03 21:12:29 · 375 阅读 · 0 评论 -
Web前端复习——JavaScript复习(DOM)
1、DOM概述DHTML:动态网页技术的统称DHML=HTML+CSS+JSHTML XHTML DHTML XMLHTML:超文本标记语言,专门编写网页内容的语言XHTML:严格的HTML语言标准DHTML:动态网页技术的统称,=HTML+CSS+JSXML:可扩展的标记语言,可自定义标签专门用来存储/传输描述的结构化数据逐渐被json替换了2、D原创 2017-05-13 09:18:37 · 1090 阅读 · 0 评论 -
Web前端——Javascript复习(数组)
1、数组(1)程序=数据结构+算法一个好的数据结构,可极大提高程序的执行效率;相关的多个数据应集中存储、管理;分类和排序(2)数组概念一组连续的变量组成的集合,批量管理多个数据。··创建2-1:var 变量名 = [];2-2:var 变量名 = [值1,值2,值3,值4];var week = ['日','一','二','三','四','五','六'];原创 2017-04-22 20:30:44 · 546 阅读 · 0 评论 -
Web前端复习——JS(正则表达式+内置对象)
正则表达式:专门规定字符中字符*格式规则*的表达式何时使用:只要定义字符串格式规则,都用正则表达式最简单正则:一个关键词的原文,就是最简单的正则1、备选字符集:规定某*一位*字符可选的备选文字列表语法:[备选字符列表]强调:(1)无论备选字符集中由有多少字符,都必须且只能选一个, (2)一个[]只代表一位字符 排除字符原创 2017-05-04 17:12:33 · 562 阅读 · 0 评论 -
Web前端复习——Javasvript学习(面向对象)
1、面向对象:在程序中都是用一个对象来描述现实中一个具体的东西现实中任何一个东西都包含属性和功能:属性——描述一个东西特点的变量,一个值功能——东西可以执行的操作(1)什么是对象?封装多个数据和方法的存储空间(2)什么是自定义对象?封装现实中一个东西的属性和功能的存储空间。注意:a、现实中东西的属性——对应对象中的属性变量b、现实中东西的功能——对应对象中的原创 2017-05-10 22:39:29 · 600 阅读 · 0 评论 -
Web前端复习——Javascript复习(函数+分支结构)
1、函数 指的是为一个任务进行封装在一个代码块中。(1)函数使用:声明、定义和调用function 函数名([参数变量列表]){函数体:包含任务的步骤清单(代码块)[return 返回值]}如何调用:[var 返回值] = 函数名([参数值列表]);函数只有调用时才执行(反复调用,反复执行)原创 2017-04-15 11:09:31 · 778 阅读 · 0 评论 -
Web前端面试笔试题2——JS(1):函数调用(局部变量/全局变量)
1、函数调用——局部变量/全局变量案例1-1:fun(a)函数有传参,即可更改“局部变量”var a=100;function fun(a){ a++; console.log(a);}fun(100); //101;console.log(a); //100解析:在上述案例中,由于函数fun()中传入参数“a”,所以a=100,进行了函数赋值,“a原创 2017-04-15 11:10:07 · 2415 阅读 · 0 评论 -
Web前端复习——Javascript复习(数值转换+运算符)
1、数值转换两大类:隐式转换、强制转换A.隐式转换总结——仅影响表达式的运算结果,不影响变量中存储的实际值。B.强制转换(1)任意类型——Stringvar str = x.toString(); js中,一切数据都有toString方法var str = String(x);——隐式转换何时使用? 程序在需要时,会自动调用。原创 2017-04-12 22:09:11 · 509 阅读 · 0 评论 -
项目问题1:"border:none"与"border:0px"有什么区别呢?
1、其实,从大体上讲,border:none;与border:0的区别体现有两点:(1)理论上的性能差异(2)浏览器兼容性的差异性能差异——a、“border:0px”中,把border设为“0”,虽然页面上看不见,但是如果按照border默认值来理解,浏览器依然对border-width/border-color进行了渲染,即已占用了内存值。b、“border:none”中,原创 2017-04-10 20:05:48 · 2782 阅读 · 0 评论 -
Web前端复习——Javascript复习(2)
1、变量+数据类型(1)变量定义what——内存中存储1个数据的存储空间,再起一个名字何时用when——程序中的数据都要先用变量保存,再处理如何使用how——声明 赋值 取值 声明:在内存中创建一个新变量how——var 变量名;(声明同时初始化:第一次给变量赋值——var 变量名 = 值; ) 赋值:将一个数据存入变量中how——变量名 = 值原创 2017-04-08 18:17:21 · 564 阅读 · 0 评论 -
Javascript高级程序设计——14.面向对象与原型(3)
继承A.继承是面向对象中一个比较核心的概念。B.正统面向对象语言有两种方式实现继承: (1)接口实现; (2)继承C.在ECMAScript只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成1、继承方式1——通过原型链实现(1)被继承的函数——“超类型”(父类、基类)(2)继承的函数——“子类型”(子类、派生类)作用:通过原型链继承,原创 2016-12-10 18:19:01 · 804 阅读 · 0 评论 -
Javascript高级程序设计——1.Javascript基础(定义、DOM分级、组成)
1、想要全面理解和掌握javascript,关键在于——它的本质、历史、局限性2、Javascript实现一个完整的javascript实现应该由三个不同部分组成(1)核心(ECMAScript)(2)文档对象类型(DOM)(3)浏览器对象模型(BOM)DOM对象有三级标准a、DOM1级——目标是映射文档的结构b、DOM2级——原有基础上扩充了鼠原创 2016-11-18 20:33:06 · 482 阅读 · 0 评论 -
DOM高级应用——表格元素的添加、删除、搜索操作1
1、表格应用(1)获取——tBodies、tHead、tFoot、rows、cells(2)隔行换色——鼠标移入高亮if(i%2==0){oTab.tBodies[0].rows[i].style.background="#cbc";}else{oTab.tBodies[0].rows[i].style.background="";}鼠标移入:oTab.tBod原创 2016-11-08 20:35:41 · 842 阅读 · 0 评论 -
Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
1、创建节点——createElement(例如在ul元素后创建li元素)var oUl=docuemnt.getElementById('ul1');var oLi=oUl.createElement('li');2、插入节点(两种方式)第一种——appendChild前提是在按钮点击创建基础上,进行相对应节点的插入。var oBtn=document.get原创 2016-11-07 18:00:10 · 797 阅读 · 0 评论 -
Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)
1、无缝滚动原理:(1)让div动起来,让ul一直向左/向右移动; (2)即利用定时器让物体从左到右或从右到左进行滚动。步骤:(1)复制li——innerHTML和+=,将原创 2016-11-06 18:56:54 · 3000 阅读 · 0 评论 -
Javascript基础——定时器的使用及简单小应用(简易时钟1、延时提示框)
1、开启时钟、关闭时钟各有两种方式:开启:setInterval()、setTimeout()关闭:clearInterval()、clearTimeout()同时,setInterval()/setTimeout()开启时钟函数传递两个参数——执行函数/参数、间隔毫秒ms数这两种方式的区别是—— setInterval()函数会一直的执行下去,具有时间上的间隔性;原创 2016-11-06 12:59:39 · 1220 阅读 · 0 评论 -
Javascript基础——深入了解Javascript(函数返回值return、函数传参arguments、兼容各浏览器的单一行间样式、元素的插入删除split/shift/sort/pop)
1、函数返回值即函数的执行结果,不过return返回的值也可以为空,若无结果时返回undefined。function show(){return 12;//return 'asbjf';}alert(show());//var a=show();//alert('a');2、函数传参第一种情况:函数参数已知;function sum(a,b原创 2016-11-05 17:38:14 · 990 阅读 · 0 评论 -
Javascript基础——运算符、流程控制(循环、判断、真假、三元运算符)、Json
1、运算符(4种)(1)算术运算符:“加+”、“减-”、“乘*”、“除/”、“取余%”效果展示(见小案例——隔行变色)window.onload=function (){var aLi=document.getElementsByTagname('li');for(var i=0;iif(i%2==0){aLi[i].style.background="#ccc";原创 2016-11-04 17:41:34 · 1706 阅读 · 0 评论 -
javascript的基础学习——Javascript组成、变量类型(类型转换)、isNaN()、作用域和闭包
1.类型——typeof常见的数字类型(6种):number、function、知识点1:显示类型转换(强制转换)(1)字符串转换为数字类型;var a='12';alert(parseInt(a)+1);结果返回了13;在此基础上,将a="12px",其结果为12。注意——parseInt原理:从左向右依次查找,若不是非数字,则立即跳出当前的转换。pa原创 2016-11-03 21:13:01 · 575 阅读 · 2 评论 -
Javascript实战之案例1——实现选项卡效果
1.实现选项卡,即在进行按钮点击时,一个div能根据button的不同实现不同的效果;要求(1).不同的div(对应的value值不同),css样式相同,显示的内容不同;例如:在body中的内容——>1111222333(2)将上述内容它们放在同一个div大容器内;....2.实现选项卡,(1)首先取得每个元素,前提必须在页面加载的情况之下;原创 2016-11-03 11:16:02 · 859 阅读 · 0 评论 -
Javascript项目实战小案例2——简易日历
解析:该简易日历小案例使用的知识点有(1)选项卡的使用先清空所有按钮,再选中当前的按钮;(小知识点包括:index遍历变量、this关键字)(2)innerHTML的使用,即可显示文本,又可以显示html的代码;(例如:oTxt.innerHTML='aacsac';)(3)字符串的叠加原理连接两个字符串。(例如:alert('avd'+'dfvd'+'12'))原创 2016-11-03 12:06:56 · 3955 阅读 · 0 评论 -
javascript学习难点剖析1
1.函数内部两个对象:arguements和this;其次,还有另一个函数对象的属性对象的属性:caller(1)arguements表示类数组对象,包含传入函数中的所有参数。用途:保存函数参数。属性:callee,表示的是一个指针类型,即指向当前拥有arguements对象的函数。以一个阶乘函数的案例如下:function factorial(num){i原创 2016-09-20 18:02:02 · 720 阅读 · 0 评论 -
javascript回顾基础课程
1.style与className区别;style加样式——行间style取样式——行间结论:style操作空间即在行间2.样式优先级通配符("*")结论:行间元素优先级别最高。3.提取行间事件第一种方法:有函数名——function 函数名 (name,value){...}第二种方法:无函数名——函数名.onclick=function(){...}原创 2016-10-30 11:39:27 · 288 阅读 · 0 评论 -
Javascript运动概念1——缓冲运动、匀速运动、运动框架
概念——A、运动基础:(1)让div运动起来(2)速度——物体运动的快慢(3)运动中的Buga、不会停止b、速度取某些值会无法停止c、到达位置后再点击还会运动d、重复点击速度加快B、匀速运动关键:速度不变 C、运动框架及应用(1)运动框架在开始运动时,关闭已有定时器把运动和停止隔开(if-else)(2)运动框架实例例1:“分原创 2016-11-16 09:46:09 · 561 阅读 · 0 评论