
JavaScript讲解
前路茫茫——何处无香
没有平庸的人,只是你不愿意远离平庸!成为我的粉丝,让你成为一个不平庸的人!
展开
-
代码执行的两个阶段
在开发过程中我们不需要理解代码执行的过程,但是理解代码执行的过程对于我们理解JavaScript语言和代码运行机制非常重要,执行JavaScript代码主要分为以下两个阶段:代码预编译阶段 代码执行阶段预编译阶段是前置阶段,这一阶段会由编译器将代码编译成可以执行的代码。在其他语言中,编译是非常复杂的,涉及分词、解析、代码生成等过程。这里预编译是JavaScript中的独特概念,虽然JavaScript是解释性语言,编译一行执行一行,但是在执行前引擎会做好预先准备工作。在执行阶段就是执行代码的逻辑原创 2021-06-27 20:05:10 · 477 阅读 · 0 评论 -
关于input的一些处理总结
一、input标签的类型标签 作用 <input type="text"> 单行文本框 <input type="password"> 密码框 <input type="checkbox"> 复选框(注意name要设置相同) <input type="radio"> 单行文本框(注意name)要设置相同 <input type="file"> 上传文件 <input type="原创 2021-05-24 17:50:13 · 498 阅读 · 0 评论 -
this根据上下文判断究竟指向谁
const student={ name:'小发发' fn:function(){ return this }}根据上面的示例我们来分析以下,this究竟指向的是什么。要想弄清楚this的指向,我们需要有一些根据。我们的根据到底是什么呢?根据资深老司机的经验老告诉你吧:一般通过上下文对象调用函数时,函数体内的this会被绑定到该对象中。所以我们可以清楚的知道student.fn()的是由student对象来调用的函数,所以此处的this应...原创 2021-04-11 19:49:06 · 139 阅读 · 0 评论 -
全局环境中的this
function a1(){ console.log(this)}function a2(){ 'use strict'; console.log(this)}a1() //windowa2() //undefined 这种情况下比较简单直接,函数在浏览器全局环境直接被调用,非严格模式下this指向window,严格模式下use strict情况下指向undefined。const foo ={ a:10, fn:function(...原创 2021-04-06 02:43:43 · 266 阅读 · 0 评论 -
让你明白this究竟指向谁
JavaScript中的this因指向灵活,使用场景较多,一直都是前端面试中的热点也是重点,无论对于初级开发者还是中高级开发者,几乎都是必考内容。这个概念虽然简单基础,但却是非常重要,你是否能够深刻理解this,是前端JavaScript进阶道路中的重要一环。this的指向并不是固定的,初学者常常会因为弄不清this究竟指向谁而导致很多bug。但this强大灵活,如果能熟练使用,就会让我们的代码更加简洁和优雅。关于this有一个广为肯定的说法:“谁调用它,this就指向谁”。也就是说,this的指向是在原创 2021-04-05 20:04:11 · 256 阅读 · 0 评论 -
关于select的一系列操作
<form name="a"> <select name="a" id="obj" size="1"> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option> </select> </form>window...原创 2021-03-30 10:58:47 · 197 阅读 · 0 评论 -
JS浏览器对象之Navigator对象
以谷歌浏览器为例Navigator对象Navigator 对象包含有关浏览器的消息。注意:没有应用于navigator对象的公开标准,不过所有浏览器都支持该对象。Navigator对象属性appCodeName:返回浏览器的代码名var a=navigator.appCodeNameconsole.log(a);//MozillaappName:返回浏览器的名称var a=navigator.appNameconsole.log(a);//Netscape(网景)原创 2021-03-24 17:23:22 · 1598 阅读 · 0 评论 -
为什么0.1+0.2!=0.3?
在初学JavaScript的时候,你会发现一个问题,就是在我们程序中0.1+0.2是不等于0.3的!为什么会出现这种不相等的情况呢?我的答案很简单,就是因为JS采用的是双精度版本,这个版本就存在精度问题,就导致了上边这种情况。内部原理是什么?首先,计算机无法直接对十进制的数字进行运算,这是硬件物理特性已经决定的。这样运算就分成了两个部分:先按照IEEE 754转换成相应的二进制,然后对阶运算。进制转换0.1 -> 0.0001100110011001...(无限循环)0.2 -原创 2021-03-24 14:15:12 · 337 阅读 · 0 评论 -
处理点击li切换div
布局 <li class="active">奖励记录</li> <li>日常任务</li> <li>定制任务</li> <li>推荐好友</li><div>1<div><div>2<div><div>3<div><div>4<div>JS逻辑 $(".content>div").原创 2021-03-23 10:06:05 · 437 阅读 · 0 评论 -
JavaScript和OOP
OOP叫面向对象编程(Object Oriented Programming),它是一种更加高级的编程思维方式;有别于以往的面向过程的方式,它是以建立模型体现出来的抽象思维和面向对象的方法。面向对象程序设计中的概念主要包括:对象 类 数据抽象 继承 动态绑定 数据封装 多态性 消息传递没有类的OOP许多开发人员认为JavaScript缺乏类的概念,而没有将JavaScript视为一种真正的面向对象语言,因为它不强制符合OOP原则。但是,我们可以看到,在非正式的定义中,并没有明原创 2021-03-16 16:48:06 · 239 阅读 · 0 评论 -
JavaScript的数组创建、属性和方法
定义数组我们创建数组一般有三种方法1.我们使用关键字new来创建数组对象。var a=mew Array()a[0]="li"a[1]="zhao"a[2]="qian"//或者我们通过一个整数来控制数组的容器,所谓容器也就是最大的包容数量var b=new Array(3)b[0]="li"b[1]="zhao"b[2]="qian"2.var a = new Array("zhao","qian","sun")3.let a=[1,2,5,7,9]原创 2021-03-10 15:45:00 · 432 阅读 · 0 评论 -
JS Undefined类型
Undefined和Null类型类似,只有一个唯一值,它表示没有定义的值。声明变量为赋值或者属性未设置值时,默认都会为undefined。null和undefined属于两种不同的类型,但是如果使用(==)运算符时两者是显得更的如果用typeof对undefined进行检测,返回的还是undefined类型console.log(typeof undefined)undefined到底有什么用呢?外面常常用它去检测,检测变量是否初始化,如果没有就是为赋值。undefined有一种意原创 2021-03-09 14:24:07 · 304 阅读 · 0 评论 -
JS中的Null类型
Null类型是第二个只有一个值的类型,这个特殊值就是null,从逻辑的角度看,null值表示一个空对象指针,而这也正是typeof检测null值时会返回object的原因。var a = null;console.log(typeof a);//输出object如果用null作为判断条件,会默认null为falseif(null){ console.log('a') //"a"不会输出}有人会拿null和undefined进行比较,其实在某种意义上来说,两者是相等的c原创 2021-03-09 13:55:02 · 3488 阅读 · 0 评论 -
JavaScript中的Boolean类型以及相关运算符
Boolean类型无非就是true或false。用一句话来概括就是:是就是,非就非,没有疑义。对就对,错就错,绝对明确,既能被代码处理,也可以控制代码的流程。其实Boolean变量十分重要,我们在项目中常常用于处理程序是否有走下去的必要性。其他的数据类型也可以通过Boolean()函数转换为布尔类型使用Boolean(value)方法可以强制转换任意值为boolean类型,除了以下六个值,其他都是自动转换为true:undefined false null false 0原创 2021-03-09 10:55:38 · 515 阅读 · 0 评论 -
JavaScript中String的方法及其使用
JavaScript中的String方法JavaScript从零计算位置。0是字符串中的第一个位置,1是第二个,2是第三个...1.查找字符串中的字符串(如果找不到会返回-1)1.1 indexOf()方法返回字符串中指定文本首次出现的索引(位置):(第一个参数代表要查找的字符/字符串,第二个代表从哪个位置开始查找)var str="China";var pos=str.indexOf('h');//1var str = "The full name of China is the原创 2021-03-08 15:34:44 · 491 阅读 · 1 评论 -
JavaScript String对象中属性的使用方法
当String()和运算符new 一起作为构造函数使用时,它返回一个新创建的String对象,存放的是字符串s或s的字符串表示。当不用new运算符调用String()时,它只把s转换成原始的字符串,并返回转换后的值。String对象描述字符串是JavaScript的一种基本的数据类型。String对象的length属性声明了该字符串中的字符数。String类定义了大量操作字符串的方法,例如从字符串中提取字符或子串。需要注意的是,JavaScript的字符串是不可变的,String类定原创 2021-03-08 10:40:59 · 284 阅读 · 4 评论 -
JS中的Number数据类型详解
JS中的Number数据类型详解Number类型使用IEEE754格式来表示整数和浮点数,这也是0.2+0.3≠0.5的原因。最基本的数值类型字面量格式是十进制整数var a =10;JavaScript数字JavaScript数字可以是整数也可以是小数来写var pi=3.14;var x=34;极大或极小的数字可通过科学(指数)计数法来写:var y=123e-5;JavaScript数字均为64位JavaScript不是类型语言。与很多其他编程不同,Java原创 2021-03-05 11:53:45 · 1670 阅读 · 4 评论 -
IEEE 754
如果你要了解Number类型,那我建议你还是需要先了解一下IEEE 754.IEEE二进制浮点数算术标准(IEEE 754)是20世纪80年代以来最广泛使用的浮点数运算标准,为许多CPU与浮点数运算器所采用。这个标准定义了表示浮点数的格式(包括负零-0)与反常值(denormal number),一些特殊值(无穷(Inf)与非数值(NaN)),以及这些数值的“浮点数运算符”;它也指明了四种数值舍入规则和物种例外状况(包括例外发生的时机与处理方式)。在IEEE-754标准下,浮点格式主要分为四种类行,原创 2021-03-05 10:20:24 · 605 阅读 · 1 评论 -
js生成二维码
代码下载地址:https://download.youkuaiyun.com/download/qq_42141087/155631481、首先在页面加入jquery库文件和qrcode插件<script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript" src="js/jquery.qrcode.js"></script>2、在原创 2021-03-04 17:01:50 · 444 阅读 · 3 评论 -
JavaScript数据类型知识点总结及基础类型的使用
什么是数据类型?我们人类可以很很容易的分清数字与字符的区别,但是计算机并不能,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和“汉”的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运行,你就传数字给它,你想要让他处理文字,就传字符串类型给他。JavaScript中常用的数据类型:数字(Number):一个数字,可以是整数,也可以是小数。 字符串(String):原创 2021-03-04 13:44:36 · 194 阅读 · 3 评论 -
JavaScript用法
HTML中的脚本必须位于<script>与</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。<script>标签如需HTML页面中插入JavaScript,请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。<script>和</script>之间的代码行包含了JavaScr原创 2021-02-08 11:59:25 · 147 阅读 · 0 评论 -
JavaScript入门简介(1)
为什么学习JavaScript?其实JavaScript Web 是开发人员必须学习的3门语言中的一门:1.HTML定义了网页的内容。2.CSS描述了网页的布局。3.JavaScript网页的行为。JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由页面的现代浏览器执行。在JavaScript中我们应该的东西有很多,比如输入输出,对事件处理,判..原创 2021-02-08 11:36:43 · 152 阅读 · 0 评论 -
JavaScript的六个特点
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。它与Java不同;JavaScript主要用于HTML的页面,脚本嵌入在HTML的源码中;而Java是一个独立的、完整的编程语言,既可以在Web中应用,也可以用于Web网无关的情况。另外,JavaScript编写的程序不必在运行前编译,它们可以直接写入Web页面中并由调用它们的浏览器来解释执行。这样,一些基本交互作用就不用再服务器端完成,提高了客户端的响应时间。JavaScript的四个特点如下原创 2021-02-03 16:50:29 · 5683 阅读 · 2 评论 -
JavaScript和ECMAScript的区别
在初学阶段,初学者通常会习惯性的将JavaScript和ECMAScript混淆在一起,但其实并不是这样的。ECMAScript是一种脚本在语法和语义上的标准:一、如何书写一个javascript代码javascript代码需要写在javascript标签中才会生效,而javascript标签可以写在任何地方,但考虑到规范化及页面的加载问题,最好是写在body标签中的末尾。在页面中,我们可以在body标签中放入<script></script>标签对。在语法规则上原创 2021-02-03 16:13:24 · 257 阅读 · 1 评论