JavaScript
Everything about JavaScript
Tech In Pieces
这个作者很懒,什么都没留下…
展开
-
Javascript:究竟什么是DOM?
当浏览器载入HTML时,会生成相应的DOM树。举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢?DOM就是定义了如果做类似操作,那么应该怎么做的标准。比如用getElementById来访问节点,用insertBefore来插入节点。简而言之,DOM可以理解为一个访问或操作HTML各种标签的实现标准.每一段HTML标记都可以用相应的节点表示.HTML元素通过元素节点表示,注释通过注释节点表示,文档类型通过文档类型节点表示等。一共定义了12种节点原创 2021-07-24 04:49:47 · 176 阅读 · 0 评论 -
Javascript基础:const let var 关键词区别
var变量是可以被重新声明和修改的 是老牌变量声明方式。let变量现在成为变量生命的首选,他对var声明进行了改进。let是块级作用域。什么是块?他是由{}界定的代码块,带有let的块中声明的变量仅可以在此块中使用。注意 let可以被修改但是不能被在同一作用域重新声明var和let的区别:用var声明的变量会被提升到其作用域的顶部,并使用 undefined 值对其进行初始化。用let声明的变量会被提升到其作用域的顶部,不会对值进行初始化。而const:这个声明常量值 也是一个新加的 染的声原创 2021-07-24 04:49:04 · 88 阅读 · 1 评论 -
JavaScript中的apply/call/bind到底是什么?
JS中 call, apply, bind是Function对象自带的三个方法,都是为了改变函数体内this 的指向。apply call bind三者第一个参数都是this 要指向的对象 也就是想指定的上下文。apply, call, bind三者都可以利用后续参数传参。bind是返回对应的函数 便于稍后调用,apply和call是立刻调用。上面说的都是什么玩意?下面用个例子来看:function fruits() {} fruits.prototype = {原创 2021-06-22 04:53:08 · 236 阅读 · 0 评论 -
JavaScript DOM基本操作
JS DOM的基本操作获取节点:document.getElementById, document.getElementsByName, document.getElementsByTagName 这三个操作返回的是节点。然后如果我们想针对当前节点获取和他有关系的节点:.firstChild, .lastChild, .childNodes, .previousSibling, .nextSibling, .parentNode 当然 这些操作返回的也是节点。节点操作:创建-插入-替换-复制-删除节点原创 2021-01-07 06:04:39 · 119 阅读 · 0 评论 -
JavaScript函数基础
JS函数基础函数的定义:两种定义方法:function functionName([agrs]) {return}; / var funName = new Function([args], 函数体);函数的调用:四种方式:funcName(实参列表), 在超链接中调用< a href=”javascript:funcName()“>Link< /a>, 在事件中调用?event = “funcName()”,或者是递归调用。函树的通用方法:关于这些方法 本博主有几篇文章专门去原创 2021-01-07 05:48:12 · 76 阅读 · 0 评论 -
JavaScript单引号双引号有区别吗?
就JS本身而言 两者没有区别 但是使用的时候必须要统一(就是说不能’Dephne”)。而且还要注意 和Python一样 单引号不能嵌套单引号 双引号也是。2层以上的嵌套 必须使用\进行转义。原创 2021-01-07 05:15:11 · 237 阅读 · 0 评论 -
JavaScript的prototype(原型)是什么?
JS在设计之初 根本没有类的概念(现在也没有)为了实现实例对象的属性和方法的共享,就给function对象设计流一个prototype的概念,prototype是函数对象上面预设的对象属性。简单的说 JS是基于原型的语言,当我们调用一个对象的属性时,如果该对象没有该属性,JS解释器就会从对象的原型对象上去找该属性,如果原型上也没有该属性,就去找原型的原型 直到最后返回null.这种属性查找的方式称为prototype chain.在JS中 原型也是一个对象 通过原型可以实现对象的属性继承。JS对象都包含原创 2021-01-07 04:27:27 · 702 阅读 · 1 评论 -
JavaScript字符串函数总结
JS字符串函数查找方法:charAt()/indexOf()/lastIndexOf()/match()/search()/split()/replace()操作方法: concat()/slice(), substring()/substr(), trim, trimLeft, trimRight,编码方法:字符串编码和解码,URI字符串编码与解码转换方法:大小写转换:toUpperCase()/toLowerCase()...原创 2021-01-08 09:36:05 · 95 阅读 · 0 评论 -
JavaScript流程语句总结
JS流程语句循环语句:while/do-while/for/for-in(这里的for-in实际上就是for each)跳转语句:return break continue选择语句:if/switch异常处理语句:throw, try, catch, finally (主动抛出异常-指明需要处理的代码段-捕获异常-后期处理)上面的所有语句语法和Java都一致。...原创 2021-01-09 06:33:08 · 113 阅读 · 0 评论 -
JavaScript数组
JS数组初始化方式:初始化方式和Java中的ArrayList基本一样 var arr = new Array(); var arr = [“Dephne”],或者想指定长度也可以基本操作(读写,增删改查)存取我们都知道怎么搞 增加的话就使用[]运算符指定一个新的下标。删除的话就直接 delete arr[0], 遍历的话就 for (var item in arr)数组属性:使用length来获得长度ECMAScript3方法:基础:push() pop() splice() slice() re原创 2021-01-06 10:48:57 · 72 阅读 · 0 评论 -
JavaScript运算符:算数/关系/对象/逻辑/位 运算符总结
JS运算符算数运算符: + - * / %,而且这个也可以和等号连用 就和Java一样自增与自减规则:JS 允许使用这个 规则跟Java一样关系运算符:大小关系检测运算符:><= 字符或者是字符串之间也可以比较 规则和Java一致。等值关系检测运算符:==,!= ,=, !: 两个等号的表示值 单个等好的比较值和数据类型对象运算符:in, instanceof, new, delete(删除指定对象的属性 数组元素或者变量), (, & []), ()逻辑运算符:跟Java一样原创 2021-01-06 08:36:54 · 158 阅读 · 0 评论 -
JavaScript的null, undefined, NaN, void有什么区别?
Undefined 和 Null 是 Javascript 中两种特殊的原始数据类型(Primary Type),它们都只有一个值,分别对应 undefined 和 null这两种不同类型的值,既有着不同的语义和场景,又表现出较为相似的行为:undefinedundefined 的字面意思就是:未定义的值 。这个值的语义是,希望表示一个变量最原始的状态,而非人为操作的结果 。 这种原始状态会在以下 4 种场景中出现:【1】声明了一个变量,但没有赋值【2】访问对象上不存在的属性【3】函数定义了形参原创 2021-01-06 08:36:19 · 1278 阅读 · 0 评论 -
JavaScript变量:命名规则 声明方式 变量类型 变量作用域
JS变量命名规则声明方式变量类型变量作用域原创 2021-01-06 07:52:18 · 128 阅读 · 0 评论 -
什么是HTML事件句柄?(Event Handler)
我自己的理解来说的话:我们经常需要处理下面的场景:当某个事件发生的时候 Web浏览器会自动调用什么东西 然后自动作出反应。由于客户端KS事件是由HTML对象引发的 因此事件句柄并定义为这些对象的属性干!这特么也太抽象了吧?想了一下 是翻译的锅,好端端的event handler非要翻译成句柄这种狗屁不通的东西。也就是说 其实就是当某件事情发生,我们自己定义的JS操作。比如说下面这个输入表单:<input type="checkbox" name="options" value="gift原创 2021-01-06 06:11:58 · 880 阅读 · 0 评论 -
常用的事件句柄属性(Event Handler)
onclick: 最常用的句柄属性 当用户点击元素的时候会触发他。当onclick处理程序返回false,浏览器不执行任何和按钮和链接相关的默认动作,比如 他不会进行超链接或者提交表单。onmousedown/onmouseup: 这两个事件句柄和onclick非常相似,只不过分别在用户按下和释放鼠标按钮时触发。大多数文档元素都支持这两个事件句柄属性。onmouseover,onmouseout:分别在鼠标指针移到或移出文档元素时触发。onchange:< input> < sele原创 2021-01-06 06:08:51 · 883 阅读 · 0 评论 -
JavaScript有哪些常用的Keywords?
JavaScript 保留关键字除了那些常用的关键字:比如abstract, case, catch, final, this…自然不必多说。全列表如下:此外 我们也必须避免使用JS内置的对象 属性和方法名作为自定义的变量或者函数名。因为JS大小写非常敏感,所以要尤其注意:因为JS经常和Java一起用 所以我们也应该避免使用始写Java对象和属性作为JS标识符,比如下面这样的:因为JS也是在HTML中使用 所以我们也应该避免跟HTML的一些事件句柄关键字重合。总结一下:尽量用带下划线的原创 2021-01-06 05:09:58 · 378 阅读 · 0 评论 -
JavaScript函数定义和使用
之前说过 JS函数和原创 2021-01-06 04:43:03 · 202 阅读 · 0 评论 -
JavaScript是大小写敏感吗?
是的。原创 2021-01-06 04:27:40 · 720 阅读 · 0 评论 -
JavaScript变量都有哪些类型?都是怎么初始化的?
基本类型:Int 整型Float 浮点型Boolean 布尔型String 字符串nullUndefined引用类型:Array 数组 {key: val, key: val}Object 对象Function 函数定义变量用var原创 2021-01-06 04:03:57 · 537 阅读 · 0 评论 -
到底该怎么学JavaScript?
困扰我许久的问题 就像每次惹女朋友生气之后都不知道问题在哪,今天就来聊聊这个让人想起来就头痛的JS应该怎么学。原创 2021-01-04 10:47:21 · 271 阅读 · 1 评论 -
为什么学不好JavaScript?
先说一下为什么觉得学不好这东西:不了解的时候 觉得JS和HTML和CSS就和网上说的一样 很简单,首先战术上就非常轻视。然后 开始真正的要写JS了:突然发现 这特么是什么玩意 跟自己之前的想法完全不一样然后静下心来自己看一看 卧槽 好特么乱 这到底该怎么学啊…然后每次看到这个都蛋疼的不得了,进而形成了一种习惯 看到JS就头疼。现在为什么想学好JS了?因为没有退路了.所以JS为什么这么难学呢?首先 一大波概念很抽象 而且还很难懂:比如说:什么是闭包?什么是内置对象,什么是DOM?然后 JS原创 2021-01-04 10:43:47 · 661 阅读 · 0 评论 -
JavaScript知识点思维导图全总结
JS变量命名规则声明方式变量类型变量作用域JS运算符算数运算符自增与自减规则关系运算符对象运算符逻辑运算符位运算符其他运算符JS数组初始化方式基本操作(读写,增删改查)数组属性ECMAScript3方法ECMAScript5方法JS流程语句循环语句:while/do-while/for/for-in跳转语句:return break continue选择语句:if/switch异常处理语句:throw, try, catch, finallyJS字符串原创 2021-01-04 10:38:47 · 1299 阅读 · 1 评论 -
JavaScript里面的DOM究竟是什么?
DOM 是 Document Object Model(文档对象模型)的缩写。那究竟啥是文档对象模型呢?文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。所以这意思就是 DOM就是一个把web页面和程序连接起来。就是为了操作HTML中的元素,使得网页被下载到原创 2020-12-11 00:58:21 · 843 阅读 · 0 评论