摘要：输入url到显示网页的过程 简要概括： 浏览器将 URL 交给 DNS 域名解析，找到真实 IP ，向服务器发起请求； 服务器将请求交给后台处理完成后返回数据，浏览器就收文件（HTML、JS、CSS、图像等）； 浏览器对加载到的资源（HTML、JS、CSS 等）进行语法解析，建立相应的内部数据结构（
阅读全文
posted @ 2022-03-25 11:20
随笔分类 - 前端面试知识点
摘要：React 生命周期总结 旧： 1. 初始化阶段: 由ReactDOM.render()触发 初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() > 常用 一般在这个钩子中做一些初始化的事，
阅读全文
posted @ 2022-03-06 22:00
摘要：Vue 生命周期总结 生命周期： 1.又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 常用的生命周
阅读全文
posted @ 2022-03-06 18:02
摘要：CSS position (定位) 属性 position 属性指定了元素的定位类型。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。 position 属性的五个值： static： HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
阅读全文
posted @ 2022-03-01 21:48
摘要：flex 布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 一、基本概念 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。
阅读全文
posted @ 2022-03-01 21:21
摘要：CSS垂直居中方法 w3c指定盒子模型（标准模型） 首先，水平居中很简单：margin: 0 auto 垂直居中： 方法一：使用相对定位和 margin-top 属性对元素进行垂直居中 由于div元素的祖先元素html和body的高度默认是为0的，所以需要设置为100%，并且清除默认样式，即把mar
阅读全文
posted @ 2022-03-01 20:50
