博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
最近遇到的一些问题汇总
阅读量:4843 次
发布时间:2019-06-11

本文共 1204 字,大约阅读时间需要 4 分钟。

Javascript: 

为什么 webpack 打包会慢?

答:有一种原因是因为二次打包了已经 minify 的文件,例如加载了 jquery.min.js, vue.min.js, react.min.js 等等,这时候就需要移除,通过类似

externals: {    'react': 'window.React',    'react-dom': 'ReactDOM'  },

的形式移除,还有就是设置webpack 的common JS

第二种办法就是因为默认webpack 生成的 bundle,是包含 css 的,进行 css, js 分离可以降低打包时长。

ctrl+F5和 F5的区别?

首先,F5会快很多,是因为他没有从服务器完全重新请求全部资源,在发送 http 请求的时候,header 部分包含一个 if-modified-since, 一个if-none-match 这两个字段到服务器去通过服务器设定的阈值来判断,如果不需要改变,就会返回304,此时浏览器读取网页数据是从本地缓存读取。

相反,Ctrl+F5就不会包含这两个字段,所以服务器会全部返回。

 

Fetch 和 Ajax 的区别:

Ajax 本质是 XMLHttpRequest,Fetch 本质是 promise 。

Ajax 是4种,

0:为初始化,1:正在发送请求,2:已经接收到全部内容,3:解析相应内容,4:解析完成

Promise 状态机有3中,pending,resolve,reject。

跨域的实现:

var xhr = new XMLHttpRequest();       xhr.onload = function(){         alert(xhr.responseText);       };       xhr.open('POST', 'http://10.0.1.1:8888/cors', true);       xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");       xhr.send("f=json");

 

ajax

Fetch 是通过设置 mode:'cors'实现

fetch("http://10.1.1.1:8085", {              method: "POST",              mode: "cors",              headers: {                 ...            },              body: 'key=1'          }).then(()=>{})

 

转载于:https://www.cnblogs.com/bbb324/p/7210352.html

你可能感兴趣的文章
常见可控硅带驱动 光耦 三极管 电阻三种方式
查看>>
HDU 3360 National Treasures 奇偶匹配的最低点覆盖
查看>>
百度地图 Android SDK - 新的版本号(v3.2.0)正式上线
查看>>
malloc功能具体解释
查看>>
XMLHTTP使用具体解释
查看>>
HighCharts 具体使用及API文档说明
查看>>
9. 尽可能用UNION ALL取代UNION
查看>>
exports,module对象
查看>>
Win XP登录账户10大问题
查看>>
网站数据分析二:网站流量分析
查看>>
观察者模式之使用委托和事件实现
查看>>
XSS攻击总结
查看>>
servlet访问路径的写法
查看>>
C# 计算每周和每月固定日期
查看>>
用CSS绘制梯形
查看>>
高质量程序设计指南C/C++语言——C++/C编译预处理
查看>>
[译]git log进阶
查看>>
每日英语:Six Ways to Modernize Your Car
查看>>
删除单向链表中的某一个节点
查看>>
项目json代码
查看>>