前端知识点

1、浏览器中输入url后经历了哪些过程

参考：https://blog.csdn.net/Jennifer0204/article/details/125672982

一、DNS的域名解析
二、建立tcp连接
三、发送一个http请求
四、服务器处理相关请求
五、返回响应的结果
六、关闭tcp连接
七、浏览器解析HTML
八、浏览器进行布局渲染

2、获取 input 输入框内容的几种方法

JavaScript

document.getElementById('textbox_id').value //id 获取指定 id 的内容
document.getElementsByClassName('class_name')[index].value // class 索引 [index] 来获取制定元素
document.getElementsByTagName('input')[index].value // 标签名获取
document.getElementsByName('searchTxt')[index].value // 返回 NodeList
// 使用 CSS 的选择器来获取 
document.querySelector('#searchTxt').value; //通过 id 获取
document.querySelector('.searchField').value; //通过类 class 获取
document.querySelector('input').value; //通过标签名获取
document.querySelector('[name="searchTxt"]').value; //通过 name 属性和值来获取
// querySelectorAll 可以返回所有 CSS 选择器对于的元素，是一个 Nodelist。
document.querySelectorAll('#searchTxt')[0].value; //通过 id 获取
document.querySelectorAll('.searchField')[0].value; //通过类 class 获取
document.querySelectorAll('input')[0].value;  //通过标签名获取
document.querySelectorAll('[name="searchTxt"]')[0].value; //通过 name 属性和值来获取

jquery

var name = $('input[name="CSDN_NAME"]').val(); //通过 name
var name = $('#CSDN_NAME').val();	// 通过 id
var name = $('.CSDN_NAME').val();	// 通过 class

3、React生命周期

参考：https://blog.csdn.net/qq_24719349/article/details/113397110?spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EESLANDING%7Edefault-7-113397110-blog-121142882.pc_relevant_landingrelevant&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EESLANDING%7Edefault-7-113397110-blog-121142882.pc_relevant_landingrelevant&utm_relevant_index=8

3.1、react 15 生命周期

constructor() // 构造函数
componentWillReceiveProps() // 父组件状态属性更新触发
shouldComponentUpdate() // 组件更新时调用，在此可拦截更新
componentWillMount() // 初始化渲染时调用（挂载前调用）
componentWillUpdate() // 组件更新时调用
componentDidUpdate() // 组件更新后调用
componentDidMount() // 初始化渲染时调用（挂载后调用）
render() // 生成组件虚拟Dom
componentWillUnmount() // 组件卸载时调用

3.2、react 16 生命周期

constructor() // 构造函数
getDerivedStateFromProps() // 组件初始化和更新时调用
shouldComponentUpdate() // 组件更新时调用，在此可拦截更新
render() // 生成虚拟Dom
getSnapshotBeforeUpdate() // 组件更新时调用
componentDidMount() // 组件初始化时调用（挂载后调用）
componentDidUpdate() // 组件更新后调用
componentWillUnmount() // 组件卸载时调用