珠峰课程笔记
夏小姃
撸铁撸代码
展开
-
webpack---基础知识笔记(先不要看,待梳理)
因为是学习的时候做的笔记,有些地方别人会不知道是啥意思,我后期复习还会继续梳理,建议先不要看。注意点:============================================安装时1.项目录中不能有中文/大写字母/特殊字符安装之前需要先安装 npm init -y(package.json)用于存储自己的包2.webpack最好安装在本地开发环境下(开发依赖:–save-dev),因为部署在生成环境中(生产依赖:服务器部署的环境)不需要再编译打包了。3.安装yarn add we原创 2020-07-17 18:05:13 · 291 阅读 · 0 评论 -
前端JS基础知识复习笔记(18)---AXIOS
axios:一款基于PROMISE设计模式封装的AJAX库(JQ中的AJAX就是最普通的AJAX库,没有基于PROMISE管理)// 安装:在文档夹中右击打开命令窗口,输出npm i axios即可//=>axios.get([URL],[OPTIONS]);// axios.get();// axios.delete();// axios.head();//=>axios.post([URL],[DATA],[OPTIONS]):DATA通过请求主传递给服务器的内容// axio原创 2020-07-08 17:20:01 · 271 阅读 · 0 评论 -
前端JS基础知识复习笔记(17)---Promise+ajax的回调地狱
let promiseExamp = new Promise(); //=>Uncaught TypeError: Promise resolver undefined is not a functionnew Promise([executor]):第一个执行函数必须传递* [executor 简称EXE]* 1.NEW PROMISE的时候就会把EXE执行,创建PROMISE的一个实例(EXE是PROMISE类的一个回调函数,PROMISE内部会把它执行)* 2.PRO原创 2020-07-08 17:12:39 · 287 阅读 · 0 评论 -
前端JS基础知识复习笔记(16)---AJAX
什么是 AJAXasync javascript and xml:异步的 JS 和 XML此处的异步指的是:局部刷新(对应的是全局刷新)XML:可扩展的标记语言,用自己自定义的标签来存储数据的(在很早以前,我们基于 AJAX 和服务器进行交互的数据格式一般都已 XML 格式为主,因为它能清晰展示出对应的数据和结构层级;但是到后面,流行了一种新的数据格式 JSON,它不仅比 XML 更清晰展示数据的结构,而且同样的数据存储,JSON 更加轻量,也方便解析和相关的操作,所以现在前后端的数据交互都已 JS原创 2020-07-08 08:59:50 · 160 阅读 · 0 评论 -
前端JS基础知识复习笔记(15)---MATH数学函数对象
Math数学函数中常用的方法* 1.Math是一个对象对象数据类型值,在它的堆内存中,存储了很多的内置属性和方法,这些方法一般都是用来操作数字的,所以我们把Math称为“数学函数对象” // console.log(typeof Math); //=>"object" // console.dir(Math); * Math.PI / Math['PI'] :获取圆周率 => 3.141592653589793 * * Math.abs([N]):获取数字N的绝对值(绝原创 2020-07-06 13:44:36 · 256 阅读 · 0 评论 -
前端JS基础知识复习笔记(14)---JS中的DOM操作:盒子模型属性
JS中的DOM操作:盒子模型属性DOM:document object model 文档对象模型,提供系列的属性和方法,让我们能在JS中操作页面中的元素获取元素的属性和方法document.getElementById([ID])[context].getElementsByTagName([TAG-NAME])[context].getElementsByClassName([CLASS-NAME]) //=>在IE6~8中不兼容document.getElementsByName原创 2020-07-01 16:17:56 · 189 阅读 · 0 评论 -
instance of 检测原理
已知基于 instanceof 可以实现检测:实例是否属于某个类,现在需要自己编写这样的一个方法,实现出 instanceof 的效果 //=>example:要检测的实例//=>classFunc:要检测的类function instance_of(example, classFunc) { //...}let res = instance_of([12,23],Array);console.log(res); //=>true如果example实例的原型链里面有原创 2020-06-30 10:44:33 · 311 阅读 · 1 评论 -
前端JS基础知识复习笔记(13)---数组基本知识
数组是引用数据类型中的对象数据类型(特殊对象)**创建一个数组,也是要开辟一个堆内存,堆内存中存储数组对象中的键值对* 0 : 10* 1 : 20* 2 : 30* length : 3* 1)数组中我们看到的每一项都是属性值,默认的属性名是数字,数字从零开始递增,数字代表当前是第几项,我们把代表位置的数字属性名称为“索引”;数组是以数字为索引,索引从零开始递增的结构!* 2)默认存在一个length属性,代表数组的长度(有多少项)* 3)数组中原创 2020-06-26 17:15:08 · 410 阅读 · 0 评论 -
前端JS基础知识复习笔记(12)---数据类型转换
两个值的比较:* == 左右两边数据类型不一致,先默认转换为一致的,在进行比较* ===* Object.is** 基于进行比较的时候,左右两边数据类型不一致,隐式转换规则* NaNNaN =>false NaN和任何值(包含自己本身)都不相等* InfinityInfinity =>true Infinity只和自己相等,和其它值都不相等* Symbol(1) == Symbol(1) =>false* 对象 == 对象原创 2020-06-26 12:07:58 · 128 阅读 · 0 评论 -
前端JS基础知识复习笔记(11)---函数的基础知识
每一个函数都分为两部分* 1.创建函数* function 函数名(形参){ 函数体 }* 2.执行函数* 函数名(实参)** 函数就是对实现某一个功能的具体封装,这样后期再想实现这个功能,直接的执行函数即可,无需重新编写代码(减少页面中冗余代码,提高代码重复使用率 =>“低耦合、高内聚”)function func() { let total = 10 + 10; console.log(total); } func(); //=>每执原创 2020-06-26 12:04:07 · 145 阅读 · 0 评论 -
前端JS基础知识复习笔记(10)---DOM操作
JS的三部分组成:* ECMAScript 3 / 6* DOM:document object model 文档对象模型(提供一系列的属性和方法,让我们能操作页面中的DOM元素->简单理解为操作页面中的HTML标签)* BOM** 获取DOM元素* document.getElementById([ID]) 基于元素的ID获取到这个元素(一个元素对象)* document.body 获取页面中的BODY元素* document.getElementsByTag原创 2020-06-20 21:05:10 · 151 阅读 · 0 评论 -
前端JS基础知识复习笔记(9)---循环语句
循环:一轮一轮的重复做某一件事情(真实项目中一般应用于:循环一个集合或者控制循环处理的次数,每一轮循环都控制相关的事情执行一遍)for(设置初始值;设置循环执行的条件,控制循环次数;每一轮循环结束后处理的事情[步长累加]){* //=>循环体(每一轮循环要做的事情) * }1. 设置初始值2. 验证条件(条件不成立循环结束)3. 循环体4. 步长累加5. 再次验证条件6. 循环体… for (var i = 0; i < 5; i++) { console.l原创 2020-06-20 17:20:26 · 130 阅读 · 0 评论 -
前端JS基础知识复习笔记(8)---判断语句
一、编程语言中最常用的判断:if、else if、else let x = 10; if (x) { // 条件(验证真假的过程): // x==10 x===10 x>10 x<10 x>=10 ... // x 把当前值转换为布尔类型验证真假 // x>=0 && x<=10 或者 x==1 || x==2 // .... x++; } else { // 以上条件都不成立,执行else x--; } co原创 2020-06-20 15:43:45 · 310 阅读 · 0 评论 -
前端JS基础知识复习笔记(7)---数据类型检测+数据比较
基本数据类型:number string boolean null undefined symbol BigInt引用数据类型:object(普通对象、数组对象、正则对象、日期对象…) function/** JS中的数据类型检测:* + tyepof [value] 检测数据类型的运算符* + [example] instanceof [class] 检测某一个实例是否属于这个类* + [example].constructor===[class] 检测实例和类关系的,从原创 2020-06-20 10:11:16 · 206 阅读 · 0 评论 -
前端JS基础知识复习笔记(6)---对象
一、所有的对象都应该具备以下特点:1.用键值对(key:value 俗称属性名和属性值) 来描述一个对象的特征(每一个对象都是综合 体,存在零到多组键值对)2.{ key:value , …} 每一组键值对是 key:value 的格式,多组键值对用逗号分隔3.key不能是引用数据类型的,value可以是任何的数据类型let obj = { name: '张三', age: 25, sex: '男', score: [100, 98, 89], fn: function ()原创 2020-06-18 13:24:26 · 213 阅读 · 0 评论 -
前端JS基础知识复习笔记(5)---Boolean类型
如何把其它数据类型转换为布尔类型* + Boolean([value])* + ![value] 把指定的值转换为布尔类型后取反* + !![value] 取反再取反,相当于没有取反,只是把它转换为布尔类型值* 规则:只有 “0/NaN/null/undefined/空字符串” 最后是false,其余的都是true console.log(!!1); //=>true console.log(!1); //=>false console.log(!!-原创 2020-06-18 13:11:32 · 279 阅读 · 0 评论 -
前端JS基础知识复习笔记(4)---String类型
String类型在JS中用 单引号/双引号/反引号 包起来的都是字符串* 1.把其它数据类型转换为字符串类型* + String([value])* + [value].toString()* 普通对象转换为字符串都是 “[object Object]”,数组对象转换为字符串是 “第一项,第二项…”(逗号分隔数组中的每一项)** 2.在JS中常用的数学运算* 数学运算:+ - * / 加减乘除* %(膜)取余数* 除了加法以外,其余的情况都是数学运算(如果遇到非原创 2020-06-18 11:29:25 · 247 阅读 · 0 评论 -
前端JS基础知识复习笔记(3)---Number类型
number数据类型* =>正数、零、负数、小数* =>NaN:not a number 不是一个有效数字,但是属于number类型的* =>Infinity:无穷大的值,也是number类型的*/// console.log(1 == 1); //=>true// console.log(NaN == NaN); //=>false NaN和任何值都不相等(包括自己本身)*1. 想要验证一下n是不是有效数字:isNaN 验证一个值是否为非有效数字,原创 2020-06-18 11:19:31 · 338 阅读 · 0 评论 -
前端JS基础知识复习笔记(1)
珠峰前端JS基础复习笔记(1)在财务工作中自学了HTML和CSS之后,硬啃了JS高级编程三,实在觉得要学的透需要找一位好老师,于是最近在学习周啸天老师的高级编程学,空的时候回看看基础,我会不定期更新博客,主要还是自己复习的时候方便,感兴趣的筒子们我们可以一起学习呀····这里的笔记也是周老师允许上传复制的哦,没有侵犯人家的版权哦。浏览器分类1.以谷歌浏览器webkit内核为主(V8引擎)谷歌浏览器 Chrome苹果浏览器 Safari国产浏览器360普通浏览器360极速浏览器猎豹浏览器原创 2020-06-17 16:36:25 · 788 阅读 · 0 评论 -
前端JS基础知识复习笔记(2)
珠峰的JS基础课程笔记(第一天) **在财务转行之前已经自学了HTML和CSS,离职后的一个月又硬啃完了高级JS(三)。看完就意识到还是要找位老师学习,所以最近在学习周啸天老师的高级前端课程,随便把JS的基础知识复习一遍,后面会不定期更新珠峰的JS基础课程笔记和练习题,大部分是复制过来的笔记,用于手机端的复习,记忆,如果大家有兴趣也可看看,see you~~**浏览器分类1.以谷歌浏览器webkit内核为主(V8引擎)谷歌浏览器 Chrome苹果浏览器 Safari国产浏览器360普原创 2020-06-17 15:32:14 · 339 阅读 · 0 评论