- 博客(84)
- 收藏
- 关注
原创 HTML基础知识介绍——文本域标签、设置动态文字
文本域标签——<textarea><textarea name="文本域名称" value="文本默认值" row=行数 cols=列数></textarea><id>标签——主要用于标识一个唯一的元素:<id="元素的标识名">设置动态文字:1.设置滚动文字——<marquee><mar...
2019-09-14 23:50:12 1166
原创 JavaScript基础知识介绍——函数是第一类对象、回调函数(callback)、函数定义
编辑文章-CSDN博客 https://mp.csdn.net/postedit/100831667 (关于对象)JavaScript中函数拥有对象的所有能力,也因此函数可被作为任意其他类型对象来对待函数是第一类对象:1. 通过字面量创建function ninjaFunction(){}2. 赋值给变量、数组项或其他对象的属性var ninjaFunction ...
2019-09-14 23:16:18 354
原创 JavaScript基础知识介绍——JavaScript对象常用功能
JavaScript对象有以下几种常用功能:1. 对象可通过字面量来创建{}2. 对象可以赋值给变量、数组项、或其他对象的属性var ninja = {}; //为变量赋值给一个新对象ninjaArray.push({}); //向数组中增加一个新对象ninja.data = {}; //给某个对象的属性赋值为一个新对象3. 对象可以作为参数传递给函数fun...
2019-09-14 22:24:12 262
原创 JavaScript基础知识介绍——事件处理
客户端Web应用是一种GUI应用,也就是说这种应用会对不同类型的事件作响应,如鼠标移动、单击和键盘按压等。因此在页面构建阶段执行的JavaScript代码,除了会影响全局应用状态和修改DOM外,还会注册事件监听器(或处理器)。这类监听器会在事件发生时,由浏览器调用执行。浏览器执行环节的核心思想基于:同一时刻只能执行一个代码片段,即所谓的单线程执行模型事件是异步的事件处理器:当某个特定事...
2019-09-14 17:22:39 149
原创 JavaScript基础知识介绍——DOM的getElementByid()方法
gerElementById()方法可返回对拥有指定ID的第一个对象的引用document.getElementById(id)HTML DOM定义了多种查找元素的方法,除了getElementById()之外,还有getElementsByName()和getElementByTagName()不过如果需要查找文档中的一个特定元素,最有效的方法是getElementById()...
2019-09-14 15:24:56 482
原创 JavaScript基础知识介绍——异常和错误处理(Error对象、抛出异常、调用栈、try...catch...finally)
异常处理:一种以可控的方式处理错误的机制,其本意是处理异常情况(预期之外的错误)1. Error对象:JavaScript有一个内建的Error对象,它可以用来处理任意类型的错误(异常或预期错误)。还可以在创建Error实例的时候提供一些错误信息:const err = new Error("invalid email");创建出的Error实例本身不会做任何事,它值提供一...
2019-09-11 17:12:49 676
原创 JavaScript基础知识介绍——maps和sets
ES6引入了两个数据结构:maps和sets。maps跟对象类似,可用键(key)来map值(value)、sets则类似于数组,只不过不允许出现重复值一、maps:map对象将键和值映射起来的example:想把user对象映射到role的时候:const u1 = { name:"Cynthia"};const u2 = { name:"Jackson"};const...
2019-09-10 17:08:08 253 1
原创 JavaScript基础知识介绍——面向对象编程(创建类和实例、原型、继承、多态、多继承、混合类)
1. 创建类和实例:class Car{ constructor(){ }}const car1 = new Car();const car2 = new Car();2. 原型:每个函数都有一个叫做prototype的特殊属性(可以通过在控制台中输入f.portotype来讲它更改为任意函数)。一把的函数不需要使用原型,但是对于那些作为对象构造器的函数,它就至关...
2019-09-10 15:41:44 121
原创 HTML基础知识介绍——表单控件(输入类和菜单类)
按照控件的填写方式分为输入类、菜单列表类输入类的控件一般以<input>标签开始,说明该控件需要用户的输入菜单类的控件一般以<select>标签开始,说明该用户需要选择按照控件的表现形式分为文本类、选项按钮、菜单等几种输入类的控件:1.文字字段——text<input type="text" name="控件名称" size=控件长度 maxlength=...
2019-09-08 22:17:43 1187
原创 JavaScript基础知识介绍——对象(属性枚举)
与数组一样,在JavaScript中对象也是一种容器(也称作聚合或复杂数据类型)对象和数组的两个主要区别是:数组包含值,使用数组做索引;而对象包含属性,使用字符串和符号作为索引数组是有序的(arr[0]始终在arr[1]之前);而对象是无需的(无法保证obj.a在obj.b之前)属性枚举:枚举:列举容器的内容PS:对象属性枚举是无序的1. for....infor....
2019-09-08 16:31:51 134
原创 JavaScript基础知识介绍——数组总结(必看!!!!)
数组内容操作 当需要...... 使用....... 修改当前数组OR返回拷贝数组 创建一个栈(先进后出LIFO) push(返回新数组的长度),pop 修改当前数组 创建一个队列(先进先出FIFO) unshift(返回新数组的长度),shift 修改当前数组 在数组末尾添加多个元素 concat 返回数组的拷贝 获取子数组 ...
2019-09-08 16:02:45 112
原创 JavaScript基础知识介绍——数组的基本操作:map、filter、reduce
map:可以把元素转换成数组,类型由开发人员决定任何时候如果数组格式与所需要的格式不一样,就用mapmap和filter都不会修改原始数组,而是返回数组的拷贝const cart = [{name:"Widget",price:9.95},{name:"Gadget",price:22.95}];const name = cart.map(x=>x.name); //["Wi...
2019-09-08 15:34:49 111
原创 JavaScript基础知识介绍——数组(数组搜索、字符串连接)
如果想在数组中查找元素,有以下几种选择。1. indexOf:将返回跟所要查找的内容完全相同的第一个元素的下标对应的还有lastIndexOf(),从数组末尾开始查找,同样返回完全匹配的第一个元素的下标如果只想在数组的某一部分查找,可以指定查找的其实下表。如果indexOf(或者lastIndexOf())返回-1,则表示没有匹配的元素:const o = {namme:"Jer...
2019-09-08 15:13:40 116
原创 HTML基础知识介绍——表格结构和表单基础语法
表格的结构1.设置表头样式——thead用于定义表格最上端表首的样式(一个表只能有一个thead元素)2.设置表主体样式——tbody用来统一设计表主体部分的样式(一个表只能有一个tbody元素)3.设置表尾样式——tfoot(一个表只能有一个tfoot元素)层标签——<div><div id=值 align=对齐方式 style=样式 class=应用的样式类>...
2019-09-06 23:03:21 1027
原创 JavaScript基础知识介绍——数组及其处理(操作数组内容:添加删除元素、获取子数组、分割和替换、填充数组、反转和排序)
JavaScript中的数组可以是非齐次的(数组中的元素可以是不同的类型)//example:const arr = ["one",2.\,"two"];const str = [{name:"Fred",type:"object",luckyNumber=[5,7,13]}, [{name:"Susan",type:"objct"}, [...
2019-09-06 22:15:39 284
原创 JavaScript基础知识介绍——作用域(静态作用域、全局作用域、IIFE、函数作用域和提升、严格模式)
作用域决定了变量、常量和参数被定义的时间和位置当某个变量的作用域是一个给定的函数时,必须要记住:形参只有在函数被调用的时候才存在(编程实参)。一个函数可能会被调用多次:每次函数调用开始时,参数才是真实存在的,在函数返回后参数就失去作用域了变量和常量也只有在创建后才存在。也就是说,在使用let或const声明之前,他们是没有作用域的(var是特例)作用域(或者可见性):指的是当前可见并且...
2019-09-01 16:24:57 374 1
原创 JavaScript基础知识介绍——JavaScript函数(解构参数、this关键字、箭头符号、call方法)
函数:一组语句的集合(一个独立运行的程序单元)每个函数都有一个函数体,它是构成函数的一组语句集合函数调用:在函数体中,return关键字会立即结束函数并且返回一个特定值,这就是函数调用产生的值如果没有明确指定return语句,返回值将会是undefined,函数可以返回任何类型的值如果JavaScript遇到圆括号跟在一个值后面,这个值就会被当做函数,同时调用这个函数如果在值后...
2019-08-30 22:46:54 371
原创 JavaScript基础知识介绍——字符串连接和类型判断运算符、对象和数组运算符
在JavaScript中,+运算符可以用作数字的家法,也可以用作字符串连接JavaScript会根据运算对象的类型来决定执行家法还是字符串连接,这两种顺序都是从左到右。JavaScript会从左到右地检测每一对操作数,如果其中有一个是字符串,它就会执行字符串连接。如果两个都是数字它才会执行加法example:3 + 5 + "8" //结果为"88""3" + 5 + 8 //...
2019-08-27 20:00:46 295
原创 JavaScript基础知识介绍——实用的控制流模式
1. 实用continue减少条件嵌套常见的情况是,在循环体中,只希望在某些特定条件下急需执行循环体(尤其是当循环控制和条件控制结合起来的时候)2. 使用break或return避免不必要的计算3. 在巡海结束后使用索引的值4. 列表变动时索引递减...
2019-08-24 20:22:02 105
原创 HTML基础知识介绍——表格单元格的标签属性(修改增加删除等操作)
1.修改表格的行属性:高度的控制——height高度的控制height <tr height=表格中某行高度> 设置边框背景色bgcolor <tr bgcolor="颜色代码"> 设置边框背景图像——background <tr background...
2019-08-24 20:16:43 1391
原创 HTML基础知识介绍——表格的基本结构及标签属性
页面排版的主要方式是表格添加表格——<table>、<tr>、<td>表格其他各种属性都要在表格的开始标签<table>和表格的结束标签</table>之间才有效<table><tr><td>单元格内的文字</td><td>..............</t...
2019-08-24 20:06:07 700
原创 JavaScript基础知识介绍——元语法
元语法是一种语法,可用它来描述或传达另一种语法元语法中只有两个真正的元素:方括号内的内容不是必须的,省略号(一般是三个句点)表示“这里还有更多内容”单词作为占位符while语句:while(condition) statement当条件为真时,语句会被执行if...else语句:if(condition) statement1[else stat...
2019-08-24 16:24:32 119
原创 JavaScript基础知识介绍——JavaScript数组和数据类型转换
数组是JavaScript的一种特殊类型的对象数组的内容天生具有自然排序特性,它的键鼠数字、并且是有序的JavaScript中的数组有以下特性:数组长度不固定,可以随时添加和删除元素 数组中元素的类型是多样的,每个元素都可以是任意类型 数组下标从0开始,也就是说,数组的第一个元素是0JavaScript中用方括号创建数组字面量,多个元素之间用逗号隔开数组有一个属性叫lengt...
2019-08-24 15:26:22 197
原创 JavaScript基础知识介绍——JavaScript基本类型和对象
1. 数字2. 字符串3. 特殊字符模板字符串 多行字符串 数字用作字符串4. 布尔型5. 符号:一种新的数据类型,代表为一个唯一的标志6.null和undefinedJavaScript有两种特殊的类型NULL和undefined,他们两个都只有一个唯一的值,分别是NULL和undefined。这两者表示不存在一般来说,NULL是给开发者用的,而undefine...
2019-08-24 14:47:31 76
原创 JavaScript基础知识介绍——在JavaScript中创建新对象
在JavaScript中创建一个新的对象是十分简单的。首先他必须定义一个对象,而后再为该对象创建一个实例,这个实例就是一个新对象,它具有对象定义中的基本特征一、对象的定义JavaScript对象的定义,其基本格式如下:function object(属性表)This.prop1=prop1;This.prop2=prop2;.....This.meth=functionNam...
2019-08-21 19:28:06 104
原创 HTML基础知识介绍——表格的不同列表(详细)
对HTML进行分类(设置类),使我们能够为元素的类定义CSS样式为相同的类设置相同的样式,或者为不同的类设置不同的样式HTML<span>元素是行内元素,能够用作文本的容器设置<span>元素的类,能够为相同的<span>元素设置相同的样式header 定义文档或节的页眉 nav 定义导航链接的容器 section 定义文档中的节 ar...
2019-08-21 19:00:51 382
原创 HTML基础知识介绍——链接,图像、表格、块级元素和内联元素
HTML使用超级链接与网络上的另一个文档相连《通过使用<a>标签在HTML创建链接》通过使用href属性-创建指向另一个文档的链接 (href属性规定链接的目标,开始标签与结束标签之家的文字被作为超级链接来显示) 通过使用name属性-创建文档内的书签HTML链接-target属性可定义被链接的文档在何处显示name属性创建HTML页面中的书签(规定锚的名称)<...
2019-08-21 18:49:36 282
原创 JavaScript基础知识介绍——基于对象的JavaScript二
二、常用对象的属性和方法JavaScript提供了一些有用的常用内部对象和方法,用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。在JavaScript提供了string(字符串)、math(数值计算)和Date(日期)三种对象和其他一些相关的方法1. 常用内部对象:在JavaScript中对于对象属性与方法的引用,有两种情况:其一是静态对象(在引用该对象的属性或方法时...
2019-08-21 16:21:51 87
原创 JavaScript基础知识介绍——日期及时间对象的方法
在JavaScript中,日期和时间是通过内置的Date对象表示的example:const now = new Date(); //创建一个表示当前日期和时间的日期对象now;const Halloween = new Date(2019,8,24);halloween.getFullYear();Helloween.getDay();日期及时间对象:功...
2019-08-21 16:13:24 152
原创 JavaScript基础知识介绍——math对象的方法
math中提供了6个属性,它们是数学中经常用到的常数E、以10为底的自然对数LN10、以2为底的自然对数LN2、3.14159的PI、1/2/的平方根sqrtT1-2和2的平方根sqrt21. 主要方法:绝对值:abs() 正弦余弦值:sin(),cos() 反正弦反余弦:asin(),acos() 正切反正切:tan(),atan() 四舍五入:round() 平方根:sqrt...
2019-08-21 16:00:53 133
原创 JavaScript基础知识介绍——string对象的方法
string对象的方法共有19个,主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字体的搜索以及字符的大小写转换。其主要方法如下:1. 锚点anchor():该方法创建如同HTML文档的anchor标记一样。string.anchor(anchorName)2. 有关字符显示的控制方法:big字体显示 Italics()斜体字显示 bold()粗体字显示 bl...
2019-08-21 15:51:02 114
原创 JavaScript基础知识介绍——基于对象的JavaScript语言一
一、对象的基础结构1. 对象的基本结构:对象由属性(properties)和方法(methods)两个基本元素构成前者是对象在实施其所需要行为的过程中,实现信息的装载单位,从而实现与变量相关联后者是指对象能够按照设计者的意图而被执行,从而与特定的函数相关联2.引用对象的途径:引用JavaScript内部对象 由浏览器环境中提供 创建新对象3. 有关对象操作语句:1)F...
2019-08-21 15:26:12 148
原创 HTML基础知识介绍——HTML属性、样式、引用
HTML属性:以名称/值对的形式出现(HTML元素的开始标签中规定)example:<h1>定义标签的开始 <h1 align="center">拥有关于对齐方式的附加信息<body>定义HTML文档的主题 <body bgcolor="yellow">拥有关于背景颜色的 附加...
2019-08-21 13:54:16 285
原创 HTML基础知识介绍——HTML概述、标签
<html><body><h1>我的第一个标题</h1><p>我的第一个段落</p></body></html>HTML是用来描述网页的一种语言 《非编程语言,而是标记语言(一套标记标签)》HTML使用标记标签来描述网页标签:由尖括号包围的关键词(成对出现)成对标签:第一个:开始标签(...
2019-08-20 20:58:45 168
原创 JavaScript基础知识介绍——JavaScript程序构成(控制流、函数、事件句柄)
JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等来实现编程一、程序控制流:控制流分为两种:条件控制流和循坏控制流1. if-else条件语句if(表达式)语句段1;....else语句段2;....else if(表达式)语句段3;.....2. for循坏语句:for(初始化;条件;增量)语句集;3. while循坏:...
2019-08-20 20:32:26 117
原创 JavaScript基础知识介绍——常量、变量
常量(字面常量):不能改变的数据整型常量:其整型常量可使用十六进制、八进制和十进制 实型常量:由整数部分加小数部分表示,可用科学或标准方法表示 布尔值:True和False 字符型常量:使用单引号或双引号括起来的一个或多个字符 空值:NULL 特殊字符:控制字符(以反斜杠/开头的不可显示的特殊字符)变量:存取数据,提供存放信息的容器必须是有效的变量 不能使用关键字作为变量在...
2019-08-19 19:46:09 461
原创 JavaScript基础知识介绍——JavaScript综述
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言,java脚本语言(java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互使用。从而可以开发客户端的应用程序等。通过嵌入或调入在标准的HTML语言中实现的主要基本特点:脚本编写语言 基于对象的语言 简单性 安全性 ...
2019-08-19 18:22:48 331
原创 JavaScript强化版知识——作用域闭包
当函数可以记住并访问所在的词法作用域,即使函数是在当前词法作用域之外执行,这时就产生了闭包模块有两个主要特征:为创建内部作用域而调用了一个包装函数 包装函数的返回值必须至少包括一个对内部函数的引用,这样就会创建涵盖整个包装函数内部作用域的闭包词法作用域:一套关于引擎如何查找变量以及会在何处找到变量的规则词法作用域最重要的特征是它的定义过程发生在代码的书写阶段...
2019-08-19 16:58:52 66
原创 JavaScript强化版知识——块作用域和作用域提升操作
块作用域:一个用来对之前的最小授权原则进行扩展的工具,将代码从在函数中隐藏信息扩展为在块中隐藏信息1. with:参考JavaScript基础知识——词法作用域和函数作用域https://mp.csdn.net/postedit/997056182.try/catch3. let:let关键字可将变量绑定到所在的任意作用域中(通常是{......}内部),用来在任意代码块中声明变量...
2019-08-19 16:34:21 98
原创 JavaScript强化版知识——词法作用域和函数作用域
作用域共有两种主要的工作模式。第一种是最为普遍的,被大多数编程语言所采用的词法作用域,另一种叫做动态作用域词法作用域:定义在词法阶段的作用域作用域查找会在找到第一个匹配的标识符时停止JavaScript中有两种机制来实现这个目的(在运行时修改‘欺骗’词法作用域)——欺骗词法作用域会导致性能下降1. eval:JavaScript中的eval(....)函数可接受一个字符串为参数,并...
2019-08-18 17:37:10 712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人