范德萨的博客

本文包含 js、html、css、vue、react、webpack、微信小程序、等等技巧题！！！

前端面试题大全

连接就建立起来了，双方就可以通过这个连接通道自由的传递信息，并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。连接上进行全双工通讯的协议。主要作用就是建立服务器和客户端的长连接能更好的节省服务器资源和带宽，服务器向浏览器推流实现实时通信。请求，服务器端解析这些附加的头信息然后产生应答信息返回给客户端，客户端和服务器端的。浏览器和服务器只要完成一次握手的动作，然后浏览器和服务器之间就会脱离。第二个参数 protocol 是可选的，指定了可接受的子协议.请求，这个请求和通常的。

锁定 major（主版本号）锁定 minor（次版本号）空（也就是没有符号）锁定 patch（补丁号）表示最新的版本。

useEffect 可以表达所有这些的组合。但是引入 Hooks 之后就变得不同了，它能让组件在不使用 class 的情况下拥有 state，所以就有了生命周期的概念，所谓的生命周期其实就是 useState、 useEffect() 和 useLayoutEffect()。即：Hooks 组件（使用了Hooks的函数组件）有生命周期，而函数组件（未使用Hooks的函数组件）是没有生命周期的。函数组件 的本质是函数，没有 state 的概念的，因此不存在生命周期一说，仅仅是一个 render 函数而已。

为了保证这些隐私数据能加密传输，让 HTTP 运⾏安全的 SSL/TLS 协议上，即 HTTPS = HTTP +SSL/TLS，通过 SSL 证书来验证服务器的身份，并为浏览器和服务器之间的通信进⾏加密。传输的数据并不是计算机底层中的⼆进制包，⽽是完整的、有意义的数据，如HTML ⽂件, 图⽚⽂件, 查询结果等超⽂本，能够被上层应⽤识别。客户端的浏览器根据双⽅同意的安全等级，建⽴会话密钥，然后利⽤⽹站的公钥将会话密钥加密，并传送给⽹站。客户端的服务器开始协商SSL连接的安全等级，也就是信息加密的等级。

Zoom 非标属性，有兼容问题，缩放会改变了元素占据的空间大小，触发重排-webkit-transform:scale() 大部分现代浏览器支持，并且对英文、数字、中文也能够生效，缩放不会改变了元素占据的空间大小，页面布局不会发生变化-webkit-text-size-adjust对谷歌浏览器有版本要求，在27之后，就取消了该属性的支持，并且只对英文、数字生效。

传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性。从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值rem。

跟Vue一致，React通过引入Virtual DOM的概念，极大地避免无效的Dom操作，使我们的页面的构建效率提到了极大的提升而diff算法就是更高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处

下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll库等等这些第三方库使用起来非常便捷我们通过原生的方式实现一次上拉加载，下拉刷新，有助于对第三方库有更好的理解与使用下拉刷新、上拉加载原理本身都很简单，真正复杂的是封装过程中，要考虑的兼容性、易用性、性能等诸多细节。

为什么要优化？react后期搭建项目，组件是非常之多的，会有很多的render和dom操作，如果不进行优化会造成页面卡顿，用户体验就不佳了。代码层面工程层面框架机制层面。

首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节资源加载优化页面渲染优化下图是更为全面的首屏优化的方案，可以根据自己项目的情况选择各种方式进行首屏渲染的优化。

文章目录一、创建对象得方式1、对象字面量2、工厂模式3、构造函数4、构造函数＋原型二、原型和原型链1、原型2、原型链三、继承1、原型链继承2、构造函数继承3、寄生组合式4、es6的extends类继承四、this指向1、函数的this指向2、改变函数的this指向 call 、 apply 、 bind3、绑定this指向的方式五、new关键字具体做了什么一、创建对象得方式1、对象字面量如：const obj = {}const obj = {}// 优点：创建简单方便// 弊端：创建多个

内存泄漏（Memory leak）是再计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存。并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。