全部文章
共 1299 篇文章
一文读懂 react Fiber
React Fiber 产生的原因 要知道React Fiber产生的原因是什么，首先我们得知道 ，借用官网的话 React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。快速响应是关键。那么制约网页快速响应的因素有哪些呢? 一般来说影响网页快速响应的有以下两类场景： 发送网络请求后，由于需要等待数据返回才能进一步操作导致不能快速响应。 当遇到大计算量的操作或者设备性能不足使页面掉帧，导致卡顿。 这两类场景...
说说你对 React diff的理解？原理是什么？
跟 一致， 通过引入 的概念，极大地避免无效的 操作，使我们的页面的构建效率提到了极大的提升 而 算法就是更高效地通过对比新旧 来找出真正的 变化之处 传统diff算法通过循环递归对节点进行依次对比，效率低下，算法复杂度达到 O(n^3)， 将算法进行一个优化，复杂度降为 ，两者效率差距如下图： <img width="657" height="401" src="../../ resources/640 wx fmt png wxfr...
谈谈This指向
首先要说的是，this的指向在函数定义的时候是确定不了的，只有当函数执行的时候，才知道this到底指向谁，实际上this最终的指向是那个调用它的对象。 举个例子： 因为函数没有执行的时候，它的指向确实是不确定的，但箭头函数的this在定义的时候就已经确定了。 普通函数中的This 以上面的函数为例，普通函数的直接调用，例如fn的直接调用，就像下面的代码一样，和上面就一点点的区别就是直接调用了函数，这时候的this指向全局对象window...
CSS 中哪些属性可继承，哪些不可以
一、能继承的属性 1. 字体系列属性:font、font family、font weight、font size、font style; 2. 文本系列属性: 2.1）内联元素：color、line height、word spacing、letter spacing、 text transform; 2.2）块级元素：text indent、text align; 3. 元素可见性：visibility 4. 表格布局属性：capt...
css-loader和style-loader关系原理及作用
用webpack打包就需要用到css loader和style loader，接下来让我们逐步解析两个loader的作用以及它们都做了怎样的工作 创建空项目 创建一个名为demo的空文件夹，这就是我们实验的项目目录 进入到目录下执行 按照上述两步，我们就搭建好了最简单的项目环境了，接下来需要安装依赖包和创建源码目录 在项目目录创建 子目录 基于webpack4讲解，运行npm安装所需依赖 创建 创建一个 样式文件 创建 程序入口文件 运...
TCP的三次握手各字段(ack,seq,ACK,SYN)是什么意思
什么是TCP的 ？ 关于TCP的三次握手，很多博客回答上都已经说的比较明白了，往简单的说，就是互相建立连接，并且保证数据准确传输。 <a id="t1" </a <a id="TCP 4" </a TCP三次握手的过程 <a id="t2" </a <a id=" 10 6" </a 情景模拟 1.0 发送方：老铁，可以听得到我说话吗，老铁。 接收方：可以听到，你听得到吗？ 发送方：听到了，那我开始说正事了。 这个故事是用来模拟TCP三...
全面理解 requestAnimationFrame
一、requestAnimationFrame 的定义 官方的定义： <img width="756" height="422" src="../../ resources/c042ff4f7df14417a574db8dd80c0439 2908d126072f492cb.webp" class="jop noMdConv" 即请求动画帧，它是一个浏览器的宏任务。简单的说，这个api主要是用来做动画的。 二、关于前端动画的两个问题 1...
响应式和自适应的区别
<img width="756" height="431" src="../../ resources/17181d7145f042db83cc5da1806d2100 f314cbfd248b49ef9.webp" class="jop noMdConv" 响应式设计（Responsive design） 就是一个网站能够兼容多个终端一而不是为每个终端做一个特定的版本，这个概念是为解决移动互联网浏览而诞生的。 自适应设计（Adapti...
实现响应式布局的五种方式
一、定义 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。 优点 面对不同分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点 仅适用布局、信息、框架并不复杂的部门类型网站 兼容各种设备工作量大，效率低下 代码累赘，会出现隐藏无用的元素，加载时间加长 其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果 一定程度上改变了网站原有的...