@黄小泽的个人博客

1.说出几点前端优化的方法？（1）减少网络请求次数。优化情形：客户端向服务端请求大量资源，如图片、js文件等。网络请求遵循HTTP协议，每一次请求都是与服务端的独立通信，在建立通信过程需要时间，如果请求次数过多会造成页面反应迟钝，遇到这种情形，可以将资源文件合并压缩成一个文件来加载，通过实现减少与服务端资源请求次数达到优化效果。（2）数据增量加载。优化情形：客户端向服务端API接口请求大...

1.ajax如何处理跨域？ajax使用jsonp请求实现跨域，关于这个网上已经很多资料了，基本用法这里就不介绍了。其原理可以参考我的另一篇文章《18~19年大厂高级前端面招汇总之基础篇(一)》中的【3.jsonp实现的原理是什么？】,但如果继续深究，很少资料能介绍清楚其参数jsonp和jsonpCallback的区别，以及jsonpCallback的回调函数与success的回调函数的区别...

1.简单介绍一下webpack有哪些配置？以目前最新版本4.29.6为例，webpack的基本配置包括：配置 描述 context 基础目录，绝对路径，用于从配置中解析入口起点entry和loader entry 起点或是应用程序的起点入口。从这个起点开始，应用程序启动执行。如果传递一个数组，那么数组的每一项都会执行。...

1.请介绍flex布局？flex布局也称为弹性布局，是现下最常用的布局方式。要用好flex布局，就必须了解好其主轴、从轴的概念及各种对齐方式。详细介绍及用法请看我写的另一篇文章《重新认识 WEB 开发与 RN 开发中 position、display 样式的用法及差异》中的display部分。2.css如何实现垂直居中？这是前端中经典的面试题。css实现垂直居中的方法有很多，这里介...

21. JS里垃圾回收机制是什么？常用方法有哪些以及如何优化垃圾回收？由于字符串、对象和数组没有固定大小，所以当他们的大小已知时，才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript的解释器将会消耗完系统中所有可用的内存，造成系统崩溃...

1. CSRF跨域攻击的安全性问题怎么防范？CSRF（Cross Site Request Forgery, 跨站域请求伪造）是一种网络的攻击方式，可以在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击站点，从而在并未授权的情况下执行在权限保护之下的操作。被攻击的站点通常是只通过cookie手段来验证用户操作的有效性。被攻击过程如下：从上图可以看出，要完成一次CSRF攻击，受害者...

1. 介绍 Promise函数，它的内部实现是什么？Promise 是异步编程的一种解决方案，比传统的解决方案回调函数CallBack更合理，。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦状态确定就无法改变，Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejec...

11.介绍一下sessionStorage 、localStorage 和 cookie 之间的区别？cookie和token作为验证手段又有什么区别？sessionStorage 、localStorage 和 cookie都保存在浏览器端，它们的区别是：sessionStorage：作为临时数据存储，在不同的浏览器窗口里并不共享，当关闭浏览器后将会被自动删除。 localStor...

6.怎么实现对象的深拷贝和浅拷贝？对象属于引用类型，保存在堆内存中。浅拷贝是指简单的赋值，实际上只是复制该对象指向的指针地址而已，两个变量最终都指向同一个对象。因此一个对象改变时，另一个对象也会跟着改变。var obj = { name: 'John', age: 30}var obj2 = obj;obj2.sex = 'man';console.log(obj); //...

1.介绍一下JSX？JSX是一种JavaScript的语法扩展，运用于React架构中用来描述用户界面。在这种语法环境下，用大括号表示JSX表达式，表达式里可以是声明的变量、函数。引用样式时，属性名称class要改成className，如：var myDivElement = <div className="foo" />;ReactDOM.render(myDivEle...