![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS基础
浅端
用最少的文字,写最多的知识。
展开
-
JS三元运算符语法错误记录
前言:本篇文章仅谈JS中的三元运算符,php,java等语法有不同。今天写代码时三元运算符语法颠覆了我以往的认知!!!我们都知道if…else与"?:"都是判断使用的语句,个人习惯使用三元运算符,性能更优一点,而且代码更简洁舒服。详细可看说说三元运算和if…else的相同之处?如果你对三元运算符不太熟悉,推荐你看条件(三元)运算符 (? :)或者直接看我的例子:if…else式 let a; if (true) { a = 1; } else {原创 2020-11-27 11:29:37 · 711 阅读 · 0 评论 -
一次按摸经历搞懂了js的this指向
作为一个写代码的,经常坐在办公室,时间久了就容易脖子酸痛,我们都喜欢去按摸店找小红做一下服务,我就以按摸来写一篇js的this指向问题。假如你常去的怡红院的高级技师叫小红,而你老婆的名字也叫小红,那我们找小红按摩的时候必须找对小红,毕竟这是性命攸关的事。所以this就是帮我们找对指向的办法。1、普通函数的this。例子1: 调用对象是window对象,window是js的全局对象。 var xiaoHong = "你tm敢让老娘帮你按摩?活腻了"; funct...原创 2020-10-22 15:03:12 · 1686 阅读 · 1 评论 -
async/await原理及使用方法
async/await是es7的功能,更好地解决了JS异步操作的问题。1.Generator——async/await的爸爸以前执行异步操作使用Generator函数,执行Gnerator函数会返回一个遍历器对象,但是只有调用next方法才会遍历下一个内部状态。例如下面一段Generator函数:function* Generator() { yield call('http://xxxx'); yield call('http://yyy'); return call('http://z原创 2020-10-10 13:19:21 · 373 阅读 · 0 评论 -
clientHeight / offsetHeight / scrollHeight / Window.innerHeight
clientHeight:① 元素的内部高度(包括padding,但不包括滚动条)② 图示③ 获取:element.getBoundingClentRect()offsetHeight:① 边框高度+内边距+内容高度+滚动高度②图示③ 获取:element.getBoundingClientRect()scrollHeight① 是clientHeight+可滚动的内容部分(...原创 2020-02-04 12:05:56 · 242 阅读 · 0 评论 -
前端面试题——15.谈谈你对this对象的理解
this有个原则,就是谁调用就指向谁。一、全局环境:全局环境就是在里面,指向的是window对象。(怎么可以不举几个栗子呢)栗子1: var name = 'Jenny'; function person() { return this.name; } console.log(this.name); // Jenny co...原创 2019-10-15 17:25:11 · 956 阅读 · 0 评论 -
前端面试题——14.谈谈强制转换和隐式转换
强制类型转换常见强制转换主要是Number,Boolean,String这三个函数1.Boolean()函数只有这五种情况是false,其它情况都为trueundefinednull-0或+0NaN‘’(空字符串)至于null是“对象”Boolean却返回false的,可以看这里2.Number()函数下面分成两种情况讨论,一种是参数是原始类型的值,另一种是参数是对象。...原创 2019-10-15 15:06:07 · 381 阅读 · 0 评论 -
js里的null到底是什么?
使用typeof null得到的null是object.所以,它是一个对象???先看一个小栗子.前提:引用W3schoolBoolean() 函数当要转换的值是至少有一个字符的字符串、非 0 数字或对象时,Boolean() 函数将返回 true。提问:既然typeof null返回的是object,而且Boolean()转换对象会得到true,然而Boolean(null)却...原创 2019-10-15 09:54:07 · 3383 阅读 · 1 评论 -
JS——第一章初识JS
①怎样在HTML中插入JS代码?<script type="text/javascript">你的代码</script>②JS代码可以写在外部吗?可以。把.js代码写在外部文件里,后缀名为.js使用<script src="js文件路径"></script>③JS代码在html中的位置?可以放置在任何位置,但是由于html解释的顺序有先后...原创 2019-05-24 16:58:31 · 160 阅读 · 0 评论 -
原型链——prototype、__proto__、constructor
目录原型对象的优点: 原型链元素之间的关系: 一张美图搞懂原型链 测试代码:原型对象的优点:把构造函数的方法或者属性写到原型对象中,在实例化对象的时候可以省去实例对象开启属性的内存。原型链元素之间的关系:通过构造函数生成实例对象,实例对象的原型属性是构造函数的原型对象。而他们三个之间的关系无非就是prototype、__proto__、constructor。一张美图...原创 2019-08-22 14:45:44 · 114 阅读 · 0 评论 -
通过过程来学习冒泡和捕获事件
冒泡过程:因为html界面是一个DOM树,当点击树杈的时候,当前事件会一层一层地向上传递,如果这个过程中的其它节点也注册了同样的事件,那么这个节点的事件也会触发。HTML<div id="box1">我是div1 <div id="box2">我是div2 <div id="box3">我是div3</div> ...原创 2019-09-02 10:59:12 · 55 阅读 · 0 评论 -
JS里null , undefined , NaN,Null,Undefined的区别
①null表示 “对象”无 ②undefined表示 “值” 无 ③ NaN表示 “不是” 数字 ④Null是JS七种数据类型之一,null是它的值 ⑤Unfined是JS基本七种数据类型之一,undefined是它的默认值原创 2019-07-01 14:19:57 · 222 阅读 · 0 评论 -
JS字符串与数字之间的运算规则
引用链接点击转载 2019-07-01 14:54:47 · 1600 阅读 · 0 评论 -
数组之map()、reduce()、apply()、forEach(),some()、every()基本用法
在学JS的数组过程中多次用到了这三个方法,确实简化了很多代码,但是用的也是云里雾里的,现在查询了一下文档,把它们三个基本用法记录下来。map()MDN定义:map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。看不懂!看代码语法及结果↓语法1:array.map(执行规则)① map()是数组的一个方法②括号里的规则自己定义,举个栗子↓var...原创 2019-06-15 16:58:04 · 494 阅读 · 0 评论 -
JS初级编程训练
请编写"改变颜色"、“改变宽高”、“隐藏内容”、“显示内容”、"取消设置"的函数,点击相应按钮执行相应操作,点击"取消设置"按钮后,提示是否取消设置,如是执行操作,否则不做操作。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" Content="text/html; charset...原创 2019-05-26 11:02:31 · 158 阅读 · 0 评论 -
JS第二章——常用互动方法
①JS的变量变量起名规范:必须以字母、下划线或者美元符号开头。(1)先声明再赋值,也可以不声明直接赋值。(2)同一个变量可以重复赋值,后面的赋值覆盖前面的赋值。(3)区分大小写,MY和my是两个变量②JS的函数定义格式function 函数名(){函数代码}例如:③document.write()的输出格式跟java的基本一模一样,只不过多了一个可以输出HTML标签的新语法,如图...原创 2019-05-24 23:04:32 · 124 阅读 · 0 评论 -
JS预解析之生成AO与GO对象过程
一、预解析过程① 创建一个AO对象② 找形参和变量声明的名 ,作为AO对象的属性名③ 将实参的值与形参的值相统一④ 找函数声明,并把属性值写全。如果有与②中重复的属性名,则不写属性名,直接覆盖②的属性值。案例一<script> function f(a) { console.log(a); var a = 12...原创 2019-09-03 16:07:58 · 328 阅读 · 0 评论 -
JS——深拷贝与浅拷贝
转载点击这里转载 2019-10-11 13:39:14 · 77 阅读 · 0 评论