自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 数组(一)

数组:当成一个容器,是一个数据结构为什么要用数组? 1:为了解决大量相关数据的存储和使用的问题。2:模拟真实的世界(班级、jd)。创建数组:1、通过构造函数的方式创建 var a =new Array(); 1)、直接赋值 var a = new Array(数据1,数据2,...) 2)、声明以后再赋值 var ...

2019-11-13 13:39:14 228

原创 静下心来,静静理解js中的call、apply和bind方法

前言:总能看到很多的面试题中都包含有对call、apply和bind的理解,也一直是一个毒瘤。今天突然开窍了,就写个博客记录一下先抛出一个问题:为什么会出现call、apply和bind?答:他们就是用来解决this指向的,即就是可以连接上下文先来举个栗子:function show() {}show.prototype = { a = 'fish',...

2019-09-19 12:04:16 262

原创 关于原型,原型链,以及继承的一些理解(JS中的prototype、__proto__与constructor)

前段时间从上个公司离职后,便开始了疯狂的面试之旅,面试中遇到最多的问题就是,请说说你对原型、原型链以及继承的理解,怎奈用vue的时间已经太久,早就忘记了原生,更不记得什么继承、原型这些,于是发誓要将这些东西刻在心里,最近经过煎熬,翻完无数博客以及论坛,终于有了那么一丝丝理解,如下是最近的一点理解。如有不对,希望指正! 首先先总结:1、__proto__和constructor是对象的...

2019-07-19 14:28:05 279

原创 DOM(二)

一、DOM节点的简介    HTML文档中的每一个成分都是节点    具体理解为:         1、每一个HTML标签是一个元素节点         2、包含在HTML的文本是一个文本节点(所有的换行符也属于文本节点)         3、每一个HTML属性是一个属性节点         4、注释属于注释节点二、如何获取DOM节点    我们都知道,在之前一片的

2018-01-27 14:53:05 255

原创 DOM(一)

DOM:Document  Object  Modeldocument对象是DOM核心对象作用:对html中的内容、属性、样式进行操作节点树中节点之间的关系:父子、兄弟DOM常用属性1、title属性:返回或设置当前文档的标题2、all:返回所有元素的集合3、forms:返回文档中所有form对象的引用通过集合来访问相应的对象:    1、通过下标的方式 

2018-01-25 21:40:53 340

原创 BOM

BOM:Browser  Object  Model(浏览器对象模型)核心:windowwindow属性:(不常用)1、window.self ===window      代表自己2、window.parent         返回父窗口3、window.top           返回顶层窗口,和parent一样4、window.opener       返回窗

2018-01-25 17:30:44 213

原创 DATE

创建日期对象var oDate = new Date();创建自定义的日期对象var oDate = new Date(年,月,日,时分秒)//可以传字符串,也可以传数字哦还可以传入一个时间戳:时间戳就是从1970年1月1日0时0分0秒0毫秒到现在的一个时间所经历的毫秒数日期对象的方法一、获取1、getMonth();获取当前时间点所在的月份//访问的值从0开始

2018-01-24 17:53:11 247

原创 Math对象

Math对象      Math对象用于执行数学任务      Math对象并不像Date 和 String那样是对象的类,因此没有构造函数Math();您无需创建它,通过把Math作为对象就可以调用其所有的属性和方法console.log(typeof Math);        //objectMath属性:    PI:返回圆周率Math方法:Math.round

2018-01-24 17:20:05 398

原创 ES5-----字符串和字符集

创建字符串1、用引号包起来的就是字符串,基本数据类型2、new出来的一个String()对象,是object类型字符串的属性1、str.length:字符串的长度,空格也是字符2、str.constructor:返回值是一个构造函数String();字符串的方法:1、CharAt(下标)方法:查询字符,从0开始2、charCodeAt(下标)方法:返回Unicode

2018-01-23 17:48:11 940

原创 ES5-----方法

ES5就是ECMAScriptES5新增属性  1、严格模式:除了正常的运行模式,ES5规范了一种新的模式,有效的防止了有些不合理的语法       语法:'use strict',必须写在代码的最前面      设立目的:         1、消除js语法的一些不合理、不严谨之处,减少一些怪异行为         2、消除代码的一些怪异之处,保证代码的运行安全   

2018-01-23 17:47:39 1819

原创 常见的四种排序方法

冒泡排序思路分析:在要排序的一组数中,对当前还未排好的序列,从前往后对相邻的两个数依次进行比较和调整,让较大的数往下沉,较小的往上冒。冒泡排序的算法原理(从后往前):比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步

2018-01-22 18:48:59 11886 2

原创 数组(二)------方法

join方法(不会修改原数组)arr.join('连接符号'),将数组转化为字符串,用字符串来接收数组的分割arr.slice(start,end)    1)、可以一个参数都不传,返回一个新的数组,相当于把原数组拷贝了一份,但不是原数组,可以实现对一个数组的复制    2)、可以只传一个数组,就是从下标开始的位置到数组的结尾    3)、可以传两个参数,第一个数字

2018-01-22 18:37:20 163

原创 对象

对象:定义:由若干个键值对组成的无序集合划分为属性和方法    属性:用数据值描述他的状态(静态)    方法:值为函数的话称为方法(动态)创建对象:1、隐式声明的方式var obj = {//创建 name : 'Tom',//属性 introduce : function(){//方法 console.log('我叫Tom!'); }};obj.i

2018-01-19 18:24:05 211

原创 函数(三)

作用域定义:变量起作用的范围变量根据定义的位置分为两类:在函数外部定义的变量称为全局变量,作用域:在页面的任何角落都可以访问到在函数内部定义的变量称为局部变量,作用域:只能在函数的内部访问注意:1、如果在函数内部给一个为声明的变量赋值,则给这个变量自动变为全局变量2、变量的作用域在函数定义的时候已经确定了下来3、函数里面的变量只在全局变量里面寻找,不在执行区域里面寻

2018-01-19 11:54:41 317

原创 循环的课后题

课后题一://求出1-1/2+1/3-1/4…..1/100的和 var i=1; //求出1-1/2+1/3-1/4…..1/100的和 var i=1; var result = 0;for(var i = 1;i<=100;i++){ if(i%2==1){ result = result + 1/i; }else{ result = result - 1/i; }}c

2018-01-18 19:14:32 1085

原创 函数(二)

函数的创建方式函数声明式的方式function  函数名(参数){函数体;}函数表达式的方式创建var 函数名 = function(参数){函数体;}通过构造函数的方式:出现在new运算符后面的函数称为构造函数,一般函数名的首字母大写例:new fucName = new Function();函数声明式和函数表达式的区别:函数声明以function开头,必须指定函数名,如果不指定函数名就会报错

2018-01-18 15:14:23 199

原创 函数(一)

函数:一段代码可以重复使用函数的编写:(定义/创建函数)function 函数名(参数){ 函数体;}function hello(){ document.write("hello world!");}//调用函数:方式一:手动调用//调用函数hellohello();方式二:事件驱动的方式document.getElmentById("box").onclick = function

2018-01-18 09:38:47 235

原创 关于排查逻辑错误(调试----console)

consoleconsole是一个对象(object)键是字符串类型,值可以是任意类型属性的值是函数,就是方法;属性的值不是函数就是属性//错误级别console.log();//输出普通信息console.warn();//输出警示信息(前面有一个黄色的感叹号)console.debug();//输出调试信息console.info();//输出提示性信息console.error();//输出

2018-01-17 21:00:46 811

原创 基本语法的课堂案例

比较两个数的大小: Document 请输入第一个数: 请输入第二个数: function $(id){ return document.getElementById(id);}window.onload = function(){ $("btn").onclick = function(){ var num1 = $("txt1").value; va

2018-01-17 17:40:03 431

原创 循环结构

循环结构当循环结构while循环结构:   while(condition){code...}var a=10;while(a<10){ a++; document.write(a);}直到型循环结构do {     code...}  while(condition);var a = 4;do{ docum

2018-01-17 11:46:00 637

原创 JS的基本语法(二)----switch

switch语句的语法:switch(val){    case val1:code...;break;    case val2:code...;break;    case val3:code...;break;    case val4:code...;break;    ....   default:code...;}switch语句支持严格

2018-01-16 14:07:09 1166

原创 页面加载完成和执行点击事件

页面加载完成和执行点击事件 Document + // 页面全部加载完成以后执行以下的js代码区window.onload = function(){ // 当执行点击事件的时候把或取到的两个数相加 // 执行点击事件 document.getElementById("btn").onclick = function(){ // 通过id先获取两

2018-01-16 10:49:04 9713

原创 JS基本语法(一)-----if语句的用法

1、流程控制JS程序一般是按照书写的顺序来执行的,这种运行称为顺序运行,是程序流的默认方向。与顺序运行不同的是另一种的运行将程序流转换到脚本的另外的部分,也就是说不按照程序流运行下一条语句,而是实现别的语句,为了试这个脚本可以使用,这个控制的转换就是一逻辑的方式运行,结果的返回值“true”还是“false”决定程序的流向。程序的三大结构(所有的语言都有的)三大结构一般使用的时候是相互

2018-01-15 20:36:31 12393

原创 JavaScript初识(三)

运算符1、JS基础----算数运算符取余%取余的结果的正负值只和被除数的正负号有关,和除数的政府没有关系一般尽量避免给小数求余,因为js编译器的精确度没有其他编译器那么精密自增>前自增    ++a   >  后自增    a++(自减同理)变量a的前自增,变量本身先自增,然后再将结果赋予到当前位置;变量a的后自增,变量的值先赋予当前位置,然后变量自身在进行自增

2018-01-15 15:35:54 229

原创 JavaScript初识(二)

js语句1、js语句就是向浏览器发出的命令,该语句告诉浏览器应该做什么2、分号用于分割js语句,所以每条语句都应该以分号结束;3、js代码是js语句的序列,浏览器会按照编写的顺序来执行每条语句4、js代码块:js语句通过代码块的形式进行组合,块由左花括号开始,右花括号结束。他的作用是使语句一起执行5、js语句严格区分大小写JS注释//单行注释/**/

2018-01-15 10:59:42 208

原创 JavaScript初识(一)

1、定义:javascript是一种弱类型、动态类型、解释型的脚本语言弱类型:类型检查不严格,偏向于容忍隐式类型转换;如javascript中的定义一个变量可以不用考虑这个变量的类型可以直接用let或者var定义强类型:类型检查严格,偏向于不容忍显示类型转换如java语言中的定义一个变量需要考虑这个变量的类型动态类型:运行的时候执行类型检查静

2018-01-15 10:47:10 174

原创 JS中DOM0级和DOM2级以及IE的区别

DOM0级和DOM2级在绑定事件上的区别一、dom0级1、绑定方式(用html的方式绑定)使用html属性的方式绑定,如果要调用这个函数,这个函数在js中就要处于全局作用域function queren(data) { alert(data.value)}(用匿名函数的方式绑定)var btn1=documen

2018-01-11 12:47:53 988

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除