HTTP请求头与响应头 1.HTTP请求HTTP请求报文由3部分组成(请求行+请求头+请求体) 1是请求方法,GET和POST是最常见的HTTP方法,初次以外还包括 DELETE、HEAD、OPTIONS、PUT、TRACE,不过现在大部分的浏览器只支持GET和POST 2是请求对应的URL地址,他和报文头的Host属性,组合起来是一个完整的请求URL 3是协议民称和版本号 4是报文头,有若干个属性,形式为key:val 2021-12-25 计算机网络基础
Fetch 前言:就像我之前所说的,由于发现了自己在网络方面的知识不足,所以决定充充电,发现除了Ajax之外还有Fetch这么一个东西 1.什么是FetchFetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。 这种功能以前是使用 XMLHttp 2021-12-25 浏览器
Ajax 前言:之前做了一个vue移动端的小案例,在这个案例之前呢,我是只会使用axios来在前端进行网络请求,对计算机网络知识也是什么都不懂,这时问题就出现了,我在提交用户选择的表单数据的时候,先是出现了跨域请求,然后又报错500,搞得我手足无措的,所以这两天赶紧学习一下ajax来充充电。 一.Ajax技术的核心XMLHttpRequest对象(简称XHR) 二.Ajax技术的优点:1.无需刷新页面而与 2021-12-25 浏览器
Webpack概述 一.Webpack是什么Webpack是一种前端资源构建工具,一个静态模块打包器,在Webpack看来,前端的所有资源文件都会作为模块处理,它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。 二.Webpack的核心概念**entry(入口):**指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。output(输出):指示webpack打包后的资源bundles输出 2021-12-25 Webpack
异步函数async/awit async用法:async作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。async修饰函数返回值:async函数返回的是一个promise对象,函数原来的返回值是返回的promise的resolved函数的参数,而抛出的异常会是返回的promise的rejected的参数,这样我们就可以实现promis 2021-12-25 Javascript
JS判断一个字符串中是否包含另一个字符串的方法 1.String对象的方法indexOf()方法 12var str = "123";console.log(str.indexOf("3") != -1 ); // true 传入一个字符串,匹配不上返回-1,匹配上了返回字串首次出现的位置.search()方法 12var str = "123";console.log(str.se 2021-12-25 Javascript
JS数组中的常用方法 1.reduce(1)reduce的使用方法:reduce(func,first)func是一个函数,会传入四个参数,function(prev,cur,index,arr)prev是上一次迭代后的函数返回值,在第一次迭代之前是reduce传入的第二个参数,如果没有这个参数,那么就是默认为数组的第一个元素cur是执行当前迭代的元素index是当前迭代元素的下标arr是执行这个reduce方法的数组 2021-12-25 Javascript
原生JS的懒加载实现 在一个网站含有大量的图片,我们在进入一个页面的时候如果一下子全部加载完毕,就会造成很大的资源浪费,而懒加载就是用户浏览到哪里,就加载哪里的图片,这样就可以减少资源的浪费了。 1.懒加载的实现原理一个img标签如果没有src属性,浏览器就不会发起请求,所以我们在图片没有进入可视区域之前就不会给img标签赋值src属性 2.懒加载的实现方式(1)使用scrollTop/innerHeight/off 2021-12-25 Javascript
函数节流 一.什么是函数节流限制一个函数在一定时间之内只能执行一次(这里做一下与函数防抖的区别:函数防抖是触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间) 二.函数节流使用场景前端开发过程中,有一些事件或者函数,会被频繁地触发(短时间按内多次触发),最常见的例如,onresize,scroll,mousemove ,mousehover 等,这些事件的触发频率 2021-12-25 Javascript
函数防抖 一.什么是函数防抖函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间(在这里和函数节流区分一下,函数节流是在触发完事件之后的一段时间之内不能再次触发事件)。 二.函数防抖的实现思路在触发事件的时候,设置一个定时器,如果之前就已经触发过该事件了,就清除之前设置的定时器,重新设置一个定时器,如果在触发事件之后 2021-12-25 Javascript