摘要：
以下主要是个人 学习/复习 总结的要点，具体原理分析会比较少。如果需要深入学习原理，请看最后搬运文章。 数据类型 ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。 原始类型 Null：只包含一个值：null Undefined：只包含一个值：undefi 阅读全文
摘要：
Z从输入URL到页面展示，这中间发生了什么 首先来看一下“从输入URL到页面展示完整流程的示意图” 渲染进程渲染页面流程 再来看一下其中**“页面渲染流程图”** 输入URL到页面展示总结 接下来就大致描述下这个过程： 首先，用户输入URL 浏览器检查的是否为URL，如果是URL则根据规则，在这段内 阅读全文
摘要：
前言 《图解HTTP》中这样描述HTTP在网络中的地位 Web使用一种名为HTTP（HyperText Transfer Protocol，超文本传输协议）的协议作为规范，完成从客户端到服务器等一系列运作流程。而协议是指规则的约定。可以说，Web是建立在HTTP协议上通信的。 HTTP是不保存状态的 阅读全文
摘要：
介绍一下react 以前我们没有jquery的时候，我们大概的流程是从后端通过ajax获取到数据然后使用jquery生成dom结果然后更新到页面当中，但是随着业务发展，我们的项目可能会越来越复杂，我们每次请求到数据，或则数据有更改的时候，我们又需要重新组装一次dom结构，然后更新页面，这样我们手动同 阅读全文
摘要：
清除浮动的方法 为什么要清除浮动：清除浮动是为了解决子元素浮动而导致父元素高度塌陷的问题 1.添加新元素 <div class="parent"> <div class="child"></div> <!-- 添加一个空元素，利用css提供的clear:both清除浮动 --> <div style 阅读全文
摘要：
手写防抖 防抖，即短时间内大量触发同一事件，只会执行一次函数，实现原理为设置一个定时器，约定在xx毫秒后再触发事件处理，每次触发事件都会重新设置计时器，直到xx毫秒内无第二次操作，防抖常用于搜索框/滚动条的监听事件处理，如果不做防抖，每输入一个字/滚动屏幕，都会触发事件处理，造成性能浪费。 分解需求 阅读全文
摘要：
字符串 剑指 Offer 58 - I. 翻转单词顺序 Difficulty: 简单 输入一个英文句子，翻转句子中单词的顺序，但单词内字符的顺序不变。为简单起见，标点符号和普通字母一样处理。例如输入字符串"I am a student. "，则输出"student. a am I"。 示例 1： 输 阅读全文
摘要：
调用方法时为什么需要bind this 第一次使用React的事件处理时，会有些疑惑为什么需要进行手动绑定this。官网对 事件处理这样解释： 你必须谨慎对待 JSX 回调函数中的 this，在 JavaScript 中，class 的方法默认不会绑定this。如果你忘记绑定 this.handle 阅读全文
摘要：
let/const let/const用于声明变量，替代老语法的var关键字，它的用法与var类似，但是所声明的变量只在所在的代码块中有效。 let/const与var的主要区别： 不允许重复声明 未定义就使用会报错：let/const不存在变量提升现象 暂时性死区：在代码块内使用const命令和l 阅读全文
摘要：
跨域问题 什么是跨域 什么是同源策略 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 同源策略限制的内容 Cookie、LocalStora 阅读全文
摘要：
Flex介绍 Flex主要由：Flex容器（Flex Container） + Flex项目（Flex Item）组成 在Flex容器中默认存在着两条轴：主轴（main axis） + 交叉轴（Cross axis）。当然你可以通过修改属性来决定水平是主轴还是垂直。主轴和交叉轴决定了容器中项目的排列 阅读全文
摘要：
排序算法 平均时间复杂度 最坏时间复杂度 空间复杂度 是否稳定 冒泡排序 O(n²) O(n²) O(1) 是 选择排序 O(n²) O(n²) O(1) 不是 插入排序 O(n²) O(n²) O(1) 是 快速排序 O(nlogn) O(n²) O(logn) 不是 希尔排序 O(nlogn) 阅读全文