- 博客(21)
- 收藏
- 关注
RSS订阅原创 js高级（面向对象）
面向对象编程（1）概述1，面向过程编程POP：就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步步实现，使用的时候在一个一个依次调用；2，面向对象编程OOP：把事务分解成为一个个对象，然后由对象之间分工与合作；在面向对象程序开发思想中，每一个对象都是功能中心，具有明确的分工；面向对象编程具有灵活、代码可复用、容易维护和开发，更适合多人合作的大型软件项目；**特性：**封装性、继承性、多态性区别：面向过程编程：优点是性能较高，适合更硬件联系很紧密的东西，例如单片机；缺点是不易维护、不易复
2020-06-18 16:45:48
169
原创 jQuery 第3（事件）
事件（1）事件注册单个事件注册： $("div").click(function(){ $(this).css("background","blue") }); $("div").mouseenter(function(){ $(this).css("background",red) }) （2）事件处理1，绑定事件on（）on（）方法优势1：可以绑定一个或者是多个事件处理程序 ；$("div").on({
2020-05-22 15:57:31
110
原创 jQuery 第2（操作）
操作（1）属性操作1，设置或是获取元素固有属性值prop（）；获取属性语法：prop（“属性”）设置属性语法：prop（“属性”，“属性值”）2，设置或是获取元素自定义属性attr（）；用户自己给元素添加的属性，比如给div添加index=“1”获取属性语法：attr（“属性”）、类似原生getAttribute（）设置属性语法：attr（“属性”，“属性值”）、类似原生getAttribute（）3，数据缓存data（）：可以再指定的元素上存取数据，存放在元素的内存里面；不会修改DOM元
2020-05-21 15:26:54
146
原创 jQuery 第1（概述）
jQuery概述（1）JavaScript库常见的js库：jQuery、prototype、YUI、Dojo、Ext JS、移动端的zepto；都是对原生js代码进行了封装，内部都是用JavaScript实现的；（2）jQuery概念1，是一个快速的、简洁的js库，其设计宗旨是" write Less, Do More “,即倡导写更少的代码，做更多的事情；2，j就是JavaScript；Query查询；就是查询js，吧js中的DOM操作做了封装，我们可以快速的查询使用里面的功能；3，jQue
2020-05-20 18:00:17
130
原创 Web API 第6（本地存储）
本地存储（1）本地存储特性1，数据存储在用户浏览器中；2，设置、读取方便、刷新页面也不会丢失数据；3，容量较大，sessionStorage约5M、localStorage约20M；4，只能存储字符串，可以将对象JSON.stringify（）编码后存储；（2）window.sessionStorage1，生命周期为关闭浏览器窗口；2，在同一个窗口（页面）下数据可以共享；3，已键值对的形式存储使用；存储数据：sessiongStorage.setItem(key,value);获取数据
2020-05-20 14:01:30
181
原创 Web API 第5（网页特效）
网页特效（1）元素偏移量offset：常用于获得元素位置1，动态获取元素距离带有定位的父元素的位置2，获得元素自身的大小（宽度高度）3，返回数值不带单位4，常用属性4.1，element.offsetTop：返回元素相对带有定位父元素上方的偏移；4.2，element.offsetLeft：返回元素相对带有定位父元素左方的偏移；4.3，element.offsetWidth：返回自...
2020-04-19 17:38:31
476
原创 Web API 第4（键盘事件和BOM）
键盘事件（1）方式1，onkeyup：按键弹起时触发2，onkeydown：按键按下时触发3，onkeypress：按键按下时触发，无法识别功能键如：ctrl 、shift等4，执行顺序：keydown---->keypress---->keyup（2）属性1，keyCode：可以得到相应键的ASCII值2，keyup和keydown事件不区分字母大小写，a和A的ASC...
2020-04-16 15:50:32
183
原创 Web API 第3（事件高级）
事件高级（1）注册事件有两种方式：传统方式和方法监听注册方式1，传统注册方式：利用on开头的事件onclick；特点：注册事件的唯一性、同一个事件同一个元素只能设置 一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数；目标对象.onclick=function()2，方法监听注册方式：addEventListener（可使用attachEvent代替）；特点：同一个元素可以注册多...
2020-04-15 17:49:30
93
原创 Web API 第2（操作元素）
获取元素（1）排他思想如果有同一组元素，只想要某一个元素实现某种样式，需要用到循环的排他思想；1，先清除所有元素的样式；2，给当前元素设置样式；3，顺序不能颠倒，先清除所有，在设置自己；例子****获取所有（getElementsByTagName()）–>通用<body> <button>点击</button> <bu...
2020-04-14 18:47:37
114
原创 Web API 第1（DOM）
Web APIs（1）概念1，js基础学的是ECMAScript基础语法，Web APIs主要学DOM和BOM是js的应用，主要用于页面的交互效果实现；2，API：是一些预先定义的函数，是给程序员提供的一个接口，以便能更为轻松的实现想要实现的功能；3，Web API：是浏览器提供的一套操作浏览器功能（BOM）和页面元素（DOM）的API ，是浏览器提供的接口，主要针对于浏览器做交互效果；...
2020-04-10 18:21:24
136
原创 js第11（内置对象）
内置对象（1）js对象1，自定义对象、内置对象、浏览器对象；2，自定义对象和内置对象是js基础内容，属于ECMAScript；浏览器对象是js独有的；3，内置对象是js语言中自带的一些对象，供给开发者使用，并提供一些常用的或是最基本而必要的功能；4，内置对象：Math、Data、Array、String；（2）查文档MDN1，查阅该方法的功能；2，查看里面参数的意义和类型；3，查...
2020-04-09 15:35:48
218
原创 js第十（对象）
对象（1）概念：对象是一个具体的事物，在js中对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等；（2）组成：由属性和方法组成属性：事物的特征，在对象中用属性表示（常用名词）；方法：事物的行为，在对象中用方法表示（常用动词）；（3）创建对象（object）的方式：利用字面量创建对象、 利用new Object创建对象、 利用构造函数创建对象。1，...
2020-04-08 18:28:45
156
原创 js第九（作用域）
作用域（1）概述：一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域：**作用：**提高了程序逻辑的局部性、增强了程序的可靠性、减少了名字冲突。通俗的讲就是代码名字（变量）在某个范围起作用和效果。（2）作用域分成全局作用域和局部作用域（ES6之前）全局作用域：整个script标签或者一个单独的js文件 例如：var num=1；局部作...
2020-04-08 17:12:34
87
原创 js第八（函数）
函数（1）概念：封装了一段可以被重复执行调用的代码块；目的：让大量代码可以重复使用；（2）函数使用：先声明函数再调用函数（函数名加小括号）；1，function声明函数的关键字全部小写；2，函数是做某件事情，函数名一般是动词；3，函数不调用自己不执行；（3）函数的封装：把一个或多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口；（4）函数的参数：形参和实参；在声明函数的...
2020-04-08 15:47:44
108
原创 js第七（数组）
数组（1）概念：有序的元素序列；一组数据的集合存储在单个变量下的方式；（2）创建数组：1，var arr=new Array();2，var arr=[];（3）数组索引：下标的意思，用来访问数组元素的序号（从0开始），获取数组元素：数组名[索引号]（4）遍历数组：把数组中的每个元素从头到尾访问一遍；例子1：var arr = [1, 2, 3, 4];for (var i ...
2020-04-08 10:55:38
85
原创 js第六（流程控制--循环）
循环结构js中的三种循环语句：1，for循环；2，while循环；3，do…while循环；（1）for循环：for（初始化变量（var声明的一个普通变量）；条件表达式（终止条件）；操作表达式（最后执行的代码））{}例子：1，计算1-100的和和平均值var sum = 0;var average = 0;for (var i = 1; i <= 100; i++) {...
2020-04-07 18:10:23
111
原创 js第五（流程控制--分支）
流程控制（1）分为顺序结构、循环结构和分支结构；分支语句：用 if 控制1，：if(条件表达式){ 执行语句 }2，：if(条件表达式){执行语句1}else{执行语句2}例子：var year = prompt("请输入年份："); if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { alert('是闰年...
2020-04-07 16:24:12
83
原创 js第四（运算符）
运算符（1）分类：算术运算符、递增递减运算符、比较运算符、逻辑运算符、赋值运算符；（2）表达式和返回值：表达式：是有数字，运算符和变量组成的式子、返回值：表达式最终都会有一个结果，成为返回值；（3）递增运算符：前置递增运算符 ++写在变量前面；后置递增运算符 ++写在变量后面；区别：单独使用效果一样、后置自增：先返回原值在加1前置自增：先自加然后运算；开发时最多使用后置...
2020-04-07 15:31:57
134
原创 js第三（数据类型）
数据类型（1）计算机中不同的数据所占的空间不同，为了充分利用存储空间，于是定义不同的数据类型；（2）分类：简单数据类型和复杂数据类型；简单数据类型：Number（数字型包含整形和浮点型）、Boolean（布尔值类型，包括true和false）、String（字符串型，js中字符串都带引号）、Undefined（未定义，如var a声明了变量a但是没赋值，此时a=undefined）、Null...
2020-04-07 14:43:25
126
原创 js第二（变量）
变量（1）本质：是程序在内存中申请的，用来存放数据的空间；（2）变量的使用：先声明变量（用var声明）后赋值；特殊：只声明不赋值输出结果为undefined（未定义的）、不声明不赋值会报错、不声明直接赋值使用。例子：var myname=prompt("wzy");alert(myname);（3）变量命名规范：严格区分大小写、不能以数字开头、不能是关键字和保留字、变量名必须有意义、遵守驼...
2020-04-07 11:35:56
109
原创 js第一（初识）
（1）js是世界最流行的语言，是一种脚本语言（不需要编译，由js解释器逐行解释并执行）；（2）浏览器分为渲染引擎（用来解析html和css的俗称内核）和js引擎（js解释器，用来读取网页中的js代码）；（3）js组成：ECMAscript（js语法）、DOM（面向对象模型）、BOM（浏览器对象模型）；（4）js三种写法：1.行内式：<input type="button" oncli...
2020-04-07 11:10:53
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人