自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

吮指原味鸡的博客

前端学习路径知识整理

  • 博客(32)
  • 收藏
  • 关注

原创 BOM学习记录六:浏览器的本地存储

浏览器的本地存储一、sessionStorage1.存储数据2.获取数据3.删除数据4.清空数据二、localStorage1.存储数据2.获取数据3.删除数据4.清空数据在Application的Storage里打开一、sessionStorage1.约5M2.只能存储字符串形式,可以将对象JSON.stringify()存储3.生命周期为关闭浏览器窗口。1.存储数据sessionStorage.setItem(key,value)2.获取数据sessionStorage.getIte

2021-02-28 16:32:06 127

原创 BOM学习记录一:BOM解释

BOM一、什么是BOM二、window的组成一、什么是BOM浏览器对象模型,独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM是浏览器厂商自己定义的。兼容性较差。BOM包含DOM,DOM的顶级对象是documentwindow是js操作浏览器的一个接口window是一个全局对象,定义在全局中的变量和函数都会变成windwo对象的属性和方法。console.dir(window)查看window的对象二、window的组成1.document2.location3.n

2021-02-28 16:31:12 185

原创 MySQL数据库

这里写目录标题一、什么是数据库二、数据的分类三、传统型数据库的数据组织结构四、安装MySQL数据库1.安装MySQL Server2.安装MySQL Workbench3.MySQL Workbench连接数据库4. 创建数据表5.设置字段五、MySQL的增删改查1.什么是SQL2.查询数据3.新增数据4.修改数据5.删除数据6.where子句一、什么是数据库数据库(database)就是用来组织、存储和管理数据的仓库。用户可以对数据库中的数据进行新增、查询、更新和删除等操作。二、数据的分类1.M

2021-02-28 15:34:57 122

原创 github

github一、什么开源和闭源二、开源许可协议三、为什么要拥抱开源四、代码托管平台五、使用github六、新建空白远程仓库7.访问远程仓库1.https2.ssh一、什么开源和闭源开源就是代码是公开的闭源就是代码是封闭的,只有作者能够修改源代码。二、开源许可协议Open Source License为了限制使用者的使用范围和保护作者的权力,每个项目都应该遵守开源许可协议。常见的5中开源协议① BSD(Berkeley Software Distribution)② Apache Licen

2021-02-28 13:35:41 79

原创 git

git和github一、什么是git二、版本控制系统的分类1.本地版本控制系统2.集中化的版本控制系统3.分布式版本控制系统。三、git的特点1.直接记录快照,而非差异比较2.近乎所有操作都是本地执行的。四、git的三个区域1.工作区2.暂存区3.Git仓库五、git的三种状态1.已修改的2.已暂存的3.已提交的六、git的工作流程七、安装git八、配置Git1.配置用户信息2.查看配置信息3.获取帮助信息4.获取git仓库的两种形式1.将未进行版本控制的本地目录转换为git仓库1.初始化仓库2.从其他服务

2021-02-28 01:04:00 63

原创 防抖和节流

防抖和节流一、什么是防抖二、防抖使用场景1.输入框是按键触发请求时三、什么是节流四、节流的使用场景1.鼠标连续点击触发事件2.懒加载时要监听计算滚动条的位置五、节流阀的概念六、防抖和节流的区别一、什么是防抖防抖是当事件被触发后,延迟n秒后再执行回调,如果再这n秒内事件又被触发,则重新计时,等于游戏中的回城。二、防抖使用场景1.输入框是按键触发请求时用户连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行查询的请求,这样可以有效减少请求次数,节约请求资源,代码:var time = nul

2021-02-27 13:25:27 616

原创 vue学习记录十一:前端模块化开发规范(export和import了解)

ES6模块导入

2021-02-25 16:20:40 281

原创 vue学习记录一:vue基础认识和指令

VUE一、什么是VUE一、什么是VUE

2021-02-24 13:22:42 135

原创 vue学习记录十:vue组件开发(一):注册组件

VUE组件开发一、全局组件二、局部组件一、全局组件VUE.component(组件名称,{data:组件数据template:模板内容,可以写})二、局部组件

2021-02-24 13:21:31 47

原创 前端跨域

前端跨域一、什么是跨域二、网址解析:三、解决跨域1.src2.jsonp3.cors一、什么是跨域跨域就是前端访问后台时,域名,协议,端口有一个不相同时,就会出现跨域。二、网址解析:http://www.baidu.comhttp://表示传输协议www.表示服务器baidu.com表示域名三、解决跨域1.src2.jsonp其本质是利用了<script src="">标签具有可跨域的特性,由服务端返回一个预先定义好的Javascript函数的调用,并且将服务器数据以该函数

2021-02-20 12:33:34 681

原创 FormData对象

FormData对象一、什么是FormData对象二、语法三、express处理formdata对象四、FormData对象实例的方法1.获取表单对象中属性的值,get方法2.设置表单对象中属性的值,set方法3.删除表单对象中的属性值,delete方法4.向表达对象中追加属性,append方法5.二进制文件上传6.上传进度提示7.图片及时预览一、什么是FormData对象异步上传二进制文件将表单映射成表单对象将表单和ajax结合起来,不使用表单自带的请求方式,使用ajax发送表单的数据二、语法

2021-02-20 12:04:11 643

原创 Express框架学习记录一:Express框架基础使用

Express框架一、什么是Express框架二、安装Express三、框架的使用1.根据请求地址返回给前端内容2.中间件3.use中间件4.中间件的作用5.更改状态码6.捕获错误的错误处理中间件7.构建模块化路由Router8.获取get请求附带的参数9.获取post请求附带的参数10.路由占位参数11.静态资源访问功能12.express的模板引擎13.locals对象一、什么是Express框架基于Node的一个框架,封装了读取html文件、css文件的操作,直接返回封装好的内容,让开发人员更加注

2021-02-19 23:07:18 1732 3

原创 ES6学习记录十二:Promise

Promise一、什么是promise二、写法三、async异步函数四、await一、什么是promise解决了回调地狱模式,将异步API的结果作为返回值拿到函数外部。二、写法 function test(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ if(true){ resolve('成功')//成功执行了某种API后将结果传出去}else{ reject('失败')/

2021-02-18 19:34:08 883

原创 Node.js学习记录七:Node的异步API和同步API

Node的异步API和同步API一、同步API二、异步API三、同步API和异步API的区别1.同步API可以return值,而异步API不能return四、回调函数1.可以把异步API作为同步API来写。2.回调地狱一、同步API代码一行一行从上往下执行二、异步API当前代码不会阻塞后续代码执行,解析器遇到异步API会放到异步队列当中,先执行完同步API,再执行异步队列的异步API,但是异步队列的异步API不是按顺序执行的。三、同步API和异步API的区别1.同步API可以return值,而异

2021-02-18 18:19:55 392

原创 Node.js学习记录六:require()方法引用规则解释

Node中require方法引用规则一、完整路径二、模块拥有路径没有后缀三、模块没有路径和后缀require引用文件时,被引用的文件就会被调用了。一、完整路径let a = require(’./demo.js’)会直接找到文件二、模块拥有路径没有后缀let a = require(’./demo’)会先在当前目录下找有没有同名的js文件没有就找同名文件夹,找同名文件夹里的index.js文件,然后执行这个js文件没有index.js文件,会在demo文件夹中找package.json

2021-02-17 19:29:30 1595

原创 Node.js学习记录五:Node的第三方模块(包)npm

Node的第三方模块(包)npm一、什么是第三方模块二、下载第三方模块1.下载包2.删除包3.包的本地安装和全局安装三、常用的第三方模块1.nodemon2.nrm一、什么是第三方模块别人直接写好的,可以直接使用的,第三方模块通常有多个文件组成并且被放置在一个文件夹中,所以又叫包。第三方模块有两种形式存在:以js文件的形式存在,提供实现多项目具体功能的API以命令行工具的形式存在,辅助项目开发。二、下载第三方模块1.下载包npm(node package manager):node的第三方模

2021-02-17 01:02:01 1802 1

原创 Node.js学习记录二:Node内置模块(一):fs 文件系统模块

Node.js的系统模块一、fs文件模块1.读取文件2.写入文件操作二.path路径模块1.拼接路径2.相对路径和绝对路径3.获取当前文件的绝对路径Node运行环境内置的模块,在node中几乎所有的API的回调函数的第一个参数都是err,错误参数。一、fs文件模块第一步都是引用文件模块let fs = require('fs') //fs就是文件模块1.读取文件读取文件使用相对路径是以命令行为起点的,要使用绝对路径fs.readFile('文件的路径和名称'[,文件的编码一般都是ut

2021-02-16 18:54:03 217 1

原创 Node.js学习记录四:Node的模块的引入和导出

Node的模块开发一、什么是模块化开发二、导出模块三、引入模块四、module.exports和exports一、什么是模块化开发js在一开始使用时,存在多个js引用先后问题,执行顺序是按引入的顺序,但有可能先引入的js文件依赖后引入的js文件,会出现问题。而且多个js文件中可能会有同名的全局变量,后引入的文件中的同名变量会覆盖前面引入js文件中的同名变量,会发生错误。在模块化开发中,文件之间的关系不需要认为来维护,且模块之间,同名的全局变量不会互相影响,只暴露需要使用的变量。node.js规定一

2021-02-16 18:12:00 363 1

原创 Node.js学习记录一:Node解释

nodenode.jsnode.js

2021-02-16 17:35:49 262 1

原创 JavaScript技术点五:判断Infinite和NaN

判断Infinite和NaN一、Number.isFinite()二、Number.isNaN()三、isFinite()四、isNaN()一、Number.isFinite()判断是不是Infinite,es6新增,新方法只对数值有效。对于非数值一律返回false。二、Number.isNaN()判断是不是NaN,es6新增,新方法只对数值有效。对于非数值一律返回false。三、isFinite()先调用Number()将非数值的值转为数值,再进行判断四、isNaN()...

2021-02-13 11:53:46 3463

原创 ES6学习记录八:剩余参数

ES6剩余参数一、什么是剩余参数二、写法三、案例1.计算不知道长度的参数2.剩余参数和解构赋值组合一、什么是剩余参数剩余参数允许我们将一个不定数量的参数表示为一个数组。二、写法function fn(a,...b){console.log(b)//[20,30]}fn(10,20,30)三、案例1.计算不知道长度的参数var total = 0function fn(...a){a.forEach(val=>{total+=val})return total}fn(2

2021-02-12 21:04:54 270

原创 ES6学习记录七:箭头函数

ES6箭头函数一、什么是箭头函数二、写法三、箭头函数中this一、什么是箭头函数简化了匿名函数的写法,二、写法function(){}//缩写成 ()=>{}要是函数体中只有一句代码,且代码就是return,返回了一个结果,可以省略大括号。要是形参只有一个,可以省略小括号。三、箭头函数中this箭头函数没有自己的this,箭头函数使用this,指向的是函数定义位置的上下文this。...

2021-02-12 20:52:31 298

原创 ES6学习记录六:解构赋值

ES6解构赋值一、什么是解构赋值二、语法1.数组解构2.对象解构三、注意点一、什么是解构赋值允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构。二、语法1.数组解构let [a,b,c] = [1,2,3]表示let定义了三个变量,然后组成了一个数组。之前是先定义三个变量,然后push到一个数组中。这是并到一步了。2.对象解构①let {name,age} = {name:'小飞',age:18}之前是先定义一个对象,有name,age属性,值为undefined,

2021-02-12 19:49:08 371

原创 ES6学习记录五:let和const

ES6 let和const一、let一、let1.使用let声明的变量形成块级作用域,主要是改变了语句的局部变量的作用域,不会再暴露成全局变量2.let声明的变量不会发生变量提升

2021-02-12 19:37:04 334

原创 JavaScript学习记录十九:正则表达式

JS正则表达式一、什么是正则表达式二、用法三、符号解释一、什么是正则表达式用于匹配字符串中的字符组合。正则表达式也是一个对象。二、用法1.通过RegExp对象来创建var reg = new RegExp(/ 23 /)表示字符串必须包含232.字面量创建var reg = /23/3.检测字符串var a = 123reg.test(a)//true正则表达式都不要加双引号,不管是字符串还是数字。三、符号解释1.^ 表示已什么开头2.$ 表示以什么结尾,和

2021-02-11 18:00:43 149 1

原创 JavaScript学习记录十八:递归

JS递归一、什么是递归二、递归的作用一、什么是递归函数内部调用自己,这个函数就是递归函数。必须有return或者结束条件,不然会无限调用自己,发送栈溢出,形成死递归。return 可以退出循环,也能退出递归函数。二、递归的作用...

2021-02-11 14:50:45 111

原创 JavaScript学习记录十七:闭包

JS闭包一、什么是闭包二、闭包的作用三、闭包的案例一、什么是闭包是指有权访问另一个函数作用域中变量的函数,即一个作用域可以访问另外一个函数内部的局部变量,一般都是函数外部要访问函数内部的局部变量。function fn(){var num = 1return function fun(){ console.log(num)}}var a = fn()此时a 指向的是fun函数,能访问到num,这就形成了闭包,外部能访问函数的局部变量二、闭包的作用延伸了变量的作用

2021-02-11 14:23:31 69 1

原创 ES6学习记录三:this的指向,call,bind和apply的使用

JS中this一级目录一级目录

2021-02-06 16:22:23 170

原创 JavaScript学习记录七:保留字和关键字

JS关键字一、instanceof一、instanceof用来判断对象是否属于某个类型的对象var a = {}console.log(a instanceof Object) //true

2021-02-06 15:15:47 174

原创 JavaScript学习记录十二:函数

JS函数一、什么是JS函数一、什么是JS函数

2021-02-06 15:13:34 68

原创 ES6学习记录二:构造函数和原型

JS原型链一、什么是原型链二、获取原型对象1.对象实例获取二、构造函数获取三、获取构造函数1.原型对象获取四、原型链五、原型链的操作一、查找属性一、什么是原型链在对象、构造函数、原型对象实例和原型对象的原型对象之间存在的一种关系二、获取原型对象1.对象实例获取var obj = []var b = obj.__proto____proto__属性不是标准属性,尽量不要在开发中使用二、构造函数获取= obj.proto.construcorvar obj = []var c =

2021-02-06 15:13:15 132

原创 AJax

Ajax一、什么是Ajax二、XMLHttpRequest对象充当着浏览器和服务器之间中间人的角色。以前的请求都是浏览器发起,而js可以通过这个对象来自己发送请求,同时自己处理。

2021-02-05 23:02:38 54

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除