![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS初学笔记
文章平均质量分 72
小白从开始学JS这个过程中所记录的笔记。
前端小草籽
学习ing
展开
-
客户端存储cookie + localStorage + sessionStorage 和 服务器存储 cookie + session
设置cookie:ctx.cookies.set(key,value)获取cookie: ctx.cookie.get(key)1.后端的cookie的存储位置:后端设置的cookie会存储在客户端浏览器里面,前端设置的也在客户端浏览器里面,且所在的位置相同。原创 2022-08-23 00:07:14 · 1720 阅读 · 0 评论 -
字符串方法+ES6中字符串的方法
// "abc"分析:上面代码中,变量s1是字符串,s2是对象。由于s2是字符串对象方法返回的就是它所对应的原始字符串。字符串对象是一个类似数组的对象(很像数组,但不是数组)。// "b"原创 2022-08-20 16:39:16 · 3412 阅读 · 0 评论 -
数组方法 + ES6中数组方法 + 数组的空位
目录1.静态方法 1.Array.isArray() Array.isArray方法返回一个布尔值,表示参数是否为数组。它可以弥补typeof运算符的不足。2.Array.from() 用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。即使没有遍历器(Iterator)接口,也能转为真正的数组。2.实例方法1.value0f() 表示对该对象求值2.toString() 数组的toSt原创 2022-08-16 20:02:29 · 1216 阅读 · 0 评论 -
获取url地址的传值并转换为对象
分析:通过split 得到的是数组,然后。,重点理解for循环里面的内容。原创 2022-08-26 18:54:14 · 272 阅读 · 0 评论 -
简诉事件代理(事件委托)及其优点
事件代理不给每个子节点单独设置事件监听器,而是设置在其父节点上,然后利用冒泡原理设置每个子节点。优点1.减少内存消耗和 dom 操作,提高性能。 在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的操作 dom,那么引起浏览器重绘和回流的可能也就越多,页面交互的事件也就变的越长,这也就是为什么要减少 dom 操作的原因。每一个事件处理函数,都是一个对象,多一个事件处理函数,内存中就会被多占用一部分空间。如果要用事件委托,就会将所有的操作放到.原创 2022-08-26 18:35:25 · 645 阅读 · 0 评论 -
call apply bind 区别与联系
分析:Math.max(1,36,2,7,321)这种可以得到最大值,但是是求数组中最大值,所以可以想到apply的第二个参数要求是数组来解决。分析:这里this指向的是btn,因为是给btn绑定的点击事件,但是如果想让this指向 h1,然后点击按钮,打印出h1的id的话,就需要改变this指向。分析:可以实现 this指向 h1,也实现了 点击按钮,打印出h1的id。分析:可以实现 this指向 h1,但是实现不了 点击按钮,才打印出h1的id。eg:数组 [1,36,2,7,321] ,求其最大值?.原创 2022-08-25 19:11:45 · 559 阅读 · 0 评论 -
Class 类
目录1.类的由来2.constructor 方法3.类的实例注意点1.严格模式2.不存在提升3.name属性4.this指向JavaScript 语言中,生成实例对象的传统方法是通过构造函数eg:分析:上面这种写法跟传统的面向对象语言(比如 C++ 和 Java)差异很大,很容易让新学习这门语言的程序员感到困惑。So:ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过关键字,可以定义类。ES6 的可以看作只是一个语法糖注意:新的写法只是让对象原型的写法更加清晰、原创 2022-08-17 00:32:52 · 983 阅读 · 0 评论 -
JS中的 作用域
通俗说就是函数运行是在写函数块代码的地方运行含代码,不是在函数调用的地方运行代码(因为有可能函数声明的地方和函数调用的地方相差很远。但要明白就是。原创 2022-07-24 21:53:46 · 133 阅读 · 0 评论 -
JS中的 回调函数(callback)
目录1.什么是回调函数(callback)呢?2.回调函数有哪些特点?3.回调函数中this的指向问题4.为什么要用到回调函数?5.回调函数和异步操作的关系是什么?回调函数是异步么?把函数当作一个参数传到另外一个函数中,当需要用这个函数是,再回调运行()这个函数.回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码。(作为参数传递到另外一个函数中,这个作为参数的函数就是回调函数)理解:函数可以作为一个参数传递到另外一个函数中。分析:add(1,原创 2022-07-13 18:11:51 · 74733 阅读 · 16 评论 -
JavaScript中的字符串的内置功能(一)
HTML 返回包含在相对应的 HTML 标签中的内容。以下方法并非标准方法,所以可能在某些浏览器或者某些浏览器版本下不支持。 https://www.runoob.com/jsref/jsref-obj-string.html原创 2022-07-05 20:07:05 · 271 阅读 · 0 评论 -
JS中 逗号运算符(多元运算符) 和 eval()
目录逗号运算符(多元运算符) eval()理论:使用逗号操作符可以在一条语句中执行多个操作var re = A,B,C,D,E,F; 会把逗号隔开的表达式全部执行,最后一个运行的表达式的结果就是逗号运算符的结果所以re ==>F案例1: var a,b,c,d=20;的意思是:隐式操作:var a;var b;var c;var d= 20;整个只有d=20,a,b,c都只是声明了没有赋值案例2:分析:浏览器会认为 30+50这已经是一个表达式结束了,不会执行,40,20;但是程序又有这部原创 2022-06-26 10:28:37 · 671 阅读 · 0 评论 -
JavaScript中的赋值运算符 =
赋值运算可以分为4个步骤假设:a = 1;1.找到变量a的内存地址,准备赋值2.运算右侧代码(不管是表达式,变量,字面量1这些都可),得到要赋值的数据 这里:a = 1,右侧是一个字面量1,得到要赋值的数据13.将右侧运算的数据放入到之前的地址中 4.返回整个表达式的结果为右侧运算的数据 所以返回 表达式的结果为1eg:一道比较有意思的题分析:var a = { n:1 }; 表示的是变量a指向一个对象的地址 ,var b = a;b也指向a所指向对象的地址 重点是:原创 2022-06-26 00:03:37 · 625 阅读 · 0 评论 -
JavaScript中的隐式转化之相等判断过程中的隐式转化
目录1.什么是隐式转化?2.隐式转换规则3.不同类型 比较 或 运算 时的隐式转换规律4.对象 进行数据类型转换的过程 5.一些基本规律6."==" 相等/宽松相等/抽象相等7."===" 全等/严格相等 8.案例 9.常见的 "==" 关系表 如上图:任意两种不同类型的值进行比较时,会按照上图方式进行相应的类型转换,例如:对象和布尔值比较的话,对象-->字符串-->数值,布尔值-->数值。然后两个数值进行比较。那么具体对象是怎么转换为数值型的呢? eg: 结合例子理解: 5.一些基本规律6原创 2022-06-23 20:11:15 · 290 阅读 · 0 评论 -
JavaScript中的 in语法和 条件运算符(三目运算)
in运算符:对象能否使用某成员(成员包括属性和方法,方法包括对象的内置方法),如果能使用,返回true;反之,返回false。看一个使用对象内置方法的例子:eg:判断对象中是否存在某个属性 obj :对象的意思 key:属性名这里拓展一下:obj[key] = 123; obj.key = 123; 注意两种写法区别......原创 2022-06-25 22:49:26 · 766 阅读 · 0 评论 -
面试题 和 一些增长知识的题(且易错的题)
1.js中 console.log(1<2<3)的运算结果为?;console.log(3>2>1)的运算结果为? 1.类型1类型2: 类型3: 更多了解关于JS的乘法,除法,取模,加法,减法运算规则去到这里:原创 2022-06-25 01:50:57 · 186 阅读 · 0 评论 -
JavaScript中的逻辑与 (&&) ,逻辑或(||),逻辑非(!)
var re = A && B看题:滴滴出行面试题 var re = A || B分析:a = 100,先隐式声明 var a = 100, 布尔判定为真,就不再运行(b=0),所以返回的是(a=100)的值,所以re = 100 逻辑非!的运算过程:先把变量的值取出来,然后转化为布尔值,再取反,再把取反的结果赋值给变量注意:转化为布尔值可能为ture,也可能为false,看变量中存的值。注意:a的值不同时,取出来转化的结果可能为true可能为false。 逻辑非应用之开关思想.原创 2022-06-20 17:37:04 · 1114 阅读 · 0 评论 -
JavaScript中的自增和自减
1.一元操作符:只操作一个变量的符号++和--就是属于一元操作符eg:一道比较难的题 eg:再看一道+++的题 依照上面题做题思路做出这题。原创 2022-06-19 20:47:49 · 1866 阅读 · 0 评论 -
JavaScript中的表达式
目录一些简单的表达式:数组初始化表达式: 对象初始化表达式:成员访问表达式,属性访问表达式:调用表达式:取值并调用合起来就是调用表达式算术表达式:·表达式与表达式组合,就变成了语句语句和语句配合,就变成了程序。基本数据是不可以分割的,因为每一个数据,系统已经提前设定好了。 对象初始化表达式:成员访问表达式,属性访问表达式:调用表达式:取值并调用合起来就是调用表达式取值得到了一个函数,然后加小括号就可以调用函数。取值:变量可以取值,数组可以取值,只原创 2022-06-18 10:51:52 · 1576 阅读 · 0 评论 -
JavaScript中的函数(初学)
目录函数算是一种对象,却又有着与对象的一些不同。函数是引用数据的证明函数的两种写法:JS中数据分为基本数据和引用数据。对象,数组,函数就是属于引用数据引用数据:就是一个内存空间(就是一个数据容器)函数的写法:function关键字 (){ }函数是引用数据的证明函数的两种写法:...原创 2022-06-17 17:43:48 · 87 阅读 · 0 评论 -
JavaScript中的对象object(初学)
对象字面量:直接创建一个对象{ } 对象取值/存值对象的成员简便写法(语法糖)对象可以保存任何数据类型数据需求:取出obj1对象中的css,怎么做?需知道: 案例补充:属性名要加引号,不加引号就是变量了.........原创 2022-06-16 20:46:15 · 606 阅读 · 0 评论 -
JavaScript中的数组(初学)
变量除了保存5种基本数据,还可以保存引用数据。数组就是一种引用数据。2.数组中可以保存很多数据,每一个数据的类型是不限定的(与C,java等语言的差异)3.如果知道数组中有一个元素,但是不知道它的下标,打印数组,在控制台去看。 基本数据:引用数据: 取到的下标没有对应得元素,结果为undefined 需求:要取到[10,20,30]中的30怎么做?......原创 2022-06-16 19:41:22 · 85 阅读 · 0 评论 -
JavaScript学习中做过的面试题
。。。。。。。。。原创 2022-06-15 17:38:56 · 53 阅读 · 0 评论 -
JavaScript 中的 字符串string(初学)
目录1.字符串 string2.字符串的拼接3.字符串的长度 length变量中可以保存什么数据?注意点:1.字符串类型数据一般在控制台显示的是黑色字体。2.引着字符串的引号在控制台是不显示的(字符串里面的引号除外)eg:console.log('我是一个"高富帅"的程序员'); //我是一个"高富帅"的程序员字符串可以被单引号引着,也可以用双引号,还可以用反引号(es6)中。 注意,如果一串字符串里面既有单引号,又有双引号怎么办?2.字符串的拼接3.字符串的长度 length原创 2022-06-15 16:45:27 · 285 阅读 · 0 评论 -
JavaScript中的布尔值 Boolean 和null
目录1.布尔数据 boolean2.布尔表达式3.null4. null 和 undefined 的区别一般用于项目中的逻辑判断。常常结合if语句来使用2.布尔表达式布尔值与后面学的逻辑与,逻辑或 有联系。4. null 和 undefined 的区别...原创 2022-06-15 15:07:04 · 1323 阅读 · 0 评论 -
JavaScrip中undefined 和number型数据 和typeof 检测
不同数据类型在底层中的形式:变量的数据类型:2.number数据eg:1.在JS中,小数与小数之间运算有精度。eg:0.1 + 0.2 =0.3 ,但是在js中例子验证:2.求余 % 常用(不会越界)3.保留小数的几位小数 用 toFixed() 4.开发中,保留指定小数(重要)思想是:先把小数变成整数,再计算 5.向上/下取整 和 四舍五入取整 6.number型进制7.number型范围原创 2022-06-14 21:43:47 · 574 阅读 · 0 评论 -
JavaScript中的变量
目录案例引入变量:关于变量的知识:变量是JS中三大难点之一1.变量可以保存数据 2.变量名的命名规则3.变量中能够保存什么数据?4.变量的存值/取值1.如果一个变量在存值时,变量都还没有声明(var),系统就会帮我们声明这个变量,然后赋值。 2.如果变量在存值时,变量以及声明(var)了,这时就会覆盖之前值3.如果一个变量在取值时,这个变量已经声明了并赋值过的话,就会取出最后一次保存的数据4.如果一个变量在取值时,这个变量没有声明过,就会报错 在内存中声明一个变量a(声明符是var关键字),赋初始值为2原创 2022-06-14 16:07:16 · 617 阅读 · 0 评论 -
JavaScript代码书写位置
写在网页中 head 和 body 的 script 标签中,script标签中就可以写JS代码 。其中,如果页面中有多个script脚本标签,会先运行先写的script标签中的JS代码。结果:3.外部导入(外部的js文件) 通过script标签其中的src属性(一定要写src属性),加载js文件,并运行这个js文件(以后学习后端时还继续学习)注意:.js结尾的文件,里面只能写js代码,不能再在里面用script标签的src属性再引用其它js文件。js文件:通过script标签原创 2022-06-12 14:56:57 · 1386 阅读 · 0 评论 -
JavaScript简介
目录1.什么是JavaScript语言?2.它是怎么实现这些功能的?3.JS是由什么组成的(校招笔试题) 01.DOM :文档对象模型 02.BOM:浏览器对象模型 03.ECMAScript:核心 就是用这个语言来操作网页页面的CSS和浏览器的功能和网络(显示效果和用户交互,以及前后端交互) 通过DOM ,BOM ,前端框架(vue,react,小程序,大数据页面,游戏),后端技术和框架(node,agg)总结:JS语言很重要,只要J原创 2022-06-12 13:40:22 · 381 阅读 · 0 评论