React学习笔记（二）函数组件&类组件

huhm_evget — Wed, 12 May 2021 12:33:20 +0800

文章目录函数组件类组件构造器组件（实例）的三大核心属性1.state（状态）2.props3.refs 函数组件代码示例： // 1.创建函数式组件 function MyComponent(){ console.log(this);//此时的this是undefined，因为babel编译后开启了严格模式 return

我是用函数定义的组件，适用于【简单组件】的定义

} //2.渲染组件到页面 ReactDOM.render(

React学习笔记（一）React与Vue比较、初识JSX

huhm_evget — Wed, 12 May 2021 12:30:00 +0800

文章目录React与Vue比较JSX相关为什么要使用JSXJSX语法规则：一定要注意区分：【js语句（代码）】与【js表达式】事件处理 React与Vue比较 React 相对于 Vue 灵活性和协作要更好，适合大型团队开发，Vue插件和框架都非常丰富，实现起来更快速易用。 React和Vue都使用虚拟DOM、组件等，React使用JSX，不如Vue代码好理解。虚拟DOM，简单来说就是根据数据动态生成实体DOM，无论是Vue还是React都有很优秀的Diff算法，能够保证当数据更改后，尽可能少的重排重绘D

HTTP请求封装 & 拦截器的使用

huhm_evget — Sun, 25 Apr 2021 13:06:51 +0800

文中代码部分来源于：https://blog.youkuaiyun.com/weixin_56947857/article/details/115908520 新建request.js，主要用于建立请求和响应拦截 import axios from 'axios' import { Message, MessageBox } from 'element-ui'//请根据自己的情况自信修改 import store from '../store' // 创建axios实例 const service = axios

session、cookie、WebStorage（sessionStorage，localStorage）区别

huhm_evget — Wed, 21 Apr 2021 14:59:06 +0800

cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中

html5新特性、HTML5和HTML4主要区别

huhm_evget — Mon, 19 Apr 2021 10:19:00 +0800

目录一、语义标签**为什么要语义化？****写HTML代码时应注意什么？****HTML5新增了哪些语义标签:**二、增强型表单三、视频和音频四、Canvas绘图五、SVG绘图什么是SVG?SVG的优势SVG与Canvas区别六、地理定位七、拖放API八、Web Worker九、Web Storage十、WebSocket html5总的来说比html4多了十个新特性，但其不支持ie8及ie8以下版本的浏览器。一、语义标签 html5语义标签，可以使开发者更方便清晰构建页面的布局。根据内容的结构化（内容语

浏览器的协商缓存与强缓存

huhm_evget — Fri, 16 Apr 2021 15:17:05 +0800

浏览器缓存是什么浏览器将最近请求过的文档存储在本地磁盘，当访问者再次访问同一页面时，浏览器直接从本地磁盘加载文档，而不会重新的请求的行为就是浏览器缓存。浏览器缓存的优点：减少冗余的数据传输，节省网络资源，减少服务器负担提升网站的性能，加快客户端加载网页的速度在前端开发面试中，浏览器缓存是web性能优化面试题中很重要的一个知识点，从而说明浏览器缓存是提升web性能的一大利器。下图展示了浏览器访问一个有缓存的页面的时候的决策流程。浏览器缓存的分类浏览器缓存主要有两类：强缓存和协商缓存。

HTTP1.0 HTTP1.1 HTTP2.0 主要特性对比

huhm_evget — Fri, 16 Apr 2021 12:00:20 +0800

转载自：https://segmentfault.com/a/1190000013028798 本篇是对HTTP不同版本主要特性的一个概述和总结。 HTTP1.0 早先1.0的HTTP版本，是一种无状态、无连接的应用层协议。 HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录。而下面两.

前端性能优化的几种方式

huhm_evget — Wed, 14 Apr 2021 17:29:30 +0800

前端性能优化的几种方式一、资源压缩合并，减少http请求二、非核心代码异步加载三、利用浏览器缓存四、使用CDN五、DNS预解析六、使用gzip压缩（部分浏览器支持）前端开发中，性能优化已经越来越被关注，本文我将对收集到的几种前端性能优化方式做一下归纳，希望对大家有所帮助。一、资源压缩合并，减少http请求合并图片（css sprites，精灵图，就是把多张小图片合并到一张大图里，本质就是减少请求）、CSS和JS文件合并压缩，图片较多的页面也可以使用 lazyLoad 等。二、非核心代码异步加载异步

huhm_evget的博客