<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[gaofan_long的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/gaofan_long</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; gaofan_long]]></copyright><item><title><![CDATA[生日一点记录]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/135773441</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/135773441</guid><author>gaofan_long</author><pubDate>Wed, 24 Jan 2024 15:24:16 +0800</pubDate><description><![CDATA[后来，公司说不给报学费了，我也是非常沮丧，但是我还是战胜自己，去参加考试了，考完之后，一下解放了，最近每晚和沈耀龙看三国。今天是我的生日，我现在坐在中关村互联网创新中心，国科量子通信网络有限公司5层的办公室里，天气寒冷，但是阳光不错，我坐在这里能看到联想的楼，百度的楼，坐在这里，仿佛过去的就在眼前。个人成长上来说，今年6月份开始考研考试，七月份准备北大的面试，也是准备的很用心，我记得从看到，总体来说，还是一直在坚持，但是没有用心，在这个过程中，确实能看到自己的心态在其中的变化。我们的测试真无聊，真恶心。]]></description><category></category></item><item><title><![CDATA[啥是React Fiber？]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/127104773</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/127104773</guid><author>gaofan_long</author><pubDate>Thu, 29 Sep 2022 12:47:20 +0800</pubDate><description><![CDATA[react-fiber]]></description><category></category></item><item><title><![CDATA[React 常问问题]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/126506225</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/126506225</guid><author>gaofan_long</author><pubDate>Thu, 01 Sep 2022 22:24:32 +0800</pubDate><description><![CDATA[react面试题总结]]></description><category></category></item><item><title><![CDATA[vue常问面试题]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/122197899</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/122197899</guid><author>gaofan_long</author><pubDate>Tue, 28 Dec 2021 17:07:19 +0800</pubDate><description><![CDATA[Vue组件的渲染更新原理解析 - ming1025 - 博客园
]]></description><category></category></item><item><title><![CDATA[图森-面试题]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/122194413</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/122194413</guid><author>gaofan_long</author><pubDate>Tue, 28 Dec 2021 15:25:48 +0800</pubDate><description><![CDATA[vue的渲染原理？
Domdiff的过程是怎么比较的？
广度优先怎么构建父子关系？
先渲染子组建，再渲染fu组建？
广度优先怎么比较？？
原型链的组合挤成？
$nexttick的的原理？举例说明
vuex的原理？
怎么把store挂载在每一个组建上，它内部做了什么事情？
t s的泛型工具有哪些？&lt;T&gt;是什么泛型工具？
es5是怎么继承，比较完美的继承方法是什么，达到和es6一样的继承，
手写一个组合继承。
原型链上也需要实现继承，原型链的指向？
git使用的多的，如果修改message信息。
如]]></description><category></category></item><item><title><![CDATA[浏览器线程有哪些]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/122169844</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/122169844</guid><author>gaofan_long</author><pubDate>Mon, 27 Dec 2021 13:16:40 +0800</pubDate><description><![CDATA[浏览器中包含什么？三个常驻线程？

浏览器基础结构主要包含七个部分：

用户界面：用户所看到的内容和与之交互的功能组件，比如按钮、表单等等
	浏览器引擎：负责控制和管理下一级的渲染引擎
	渲染引擎：解析用户请求的内容并返回
	网络：负责处理网关相关事宜，比如http服务
	UI后端：负责绘制一些提示框等UI组件，底层使用的是操作系统的用户接口
	js解析器：负责解析和执行js代码
	数据存储：负责存储数据如cookie等
浏览器是多线程的，js是单线程的，浏览器至少包含三个常驻线程：

js引擎线程：基于事]]></description><category></category></item><item><title><![CDATA[防抖和节流]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121936652</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121936652</guid><author>gaofan_long</author><pubDate>Tue, 14 Dec 2021 18:42:25 +0800</pubDate><description><![CDATA[防抖的代码：

  



节流的代码：


]]></description><category></category></item><item><title><![CDATA[【无标题】问题记录—— （掌阅）]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121907390</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121907390</guid><author>gaofan_long</author><pubDate>Tue, 14 Dec 2021 17:34:16 +0800</pubDate><description><![CDATA[为什么选择用fis3， fi3解决什么问题？

vue2中怎么检测数组？

使用了函数劫持的方式，重写了数组的方法，Vue将data中的数组进行了原型链重写，指向了自己定义的数组原型方法。这样当调用数组api时，可以通知依赖更新。如果数组中包含着引用类型，会对数组中的引用类型再次递归遍历进行监控。这样就实现了监测数组变化。

vue的生命周期？创建和挂载有什么？ 发一个异步的请求，适合放在哪个生命周期？

vue2中怎么实现deep: true， 怎么实现的？

当用户指定了watch中的deep属性为t.]]></description><category></category></item><item><title><![CDATA[vue2.0和vue3.0的区别（加油）]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121903646</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121903646</guid><author>gaofan_long</author><pubDate>Mon, 13 Dec 2021 13:50:41 +0800</pubDate><description><![CDATA[1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：

•可直接监听数组类型的数据变化
•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升
•可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行
•直接实现对象属性的新增/删除

2.新增Composition API，更好的逻辑复用和代码组织

3.重构 Virtual DOM

•模板编译时的优化，]]></description><category></category></item><item><title><![CDATA[vue响应式数据流学习]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121804619</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121804619</guid><author>gaofan_long</author><pubDate>Thu, 09 Dec 2021 00:44:46 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[函数式编程、面向对象编程、面向过程编程]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121781538</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121781538</guid><author>gaofan_long</author><pubDate>Wed, 08 Dec 2021 00:28:04 +0800</pubDate><description><![CDATA[函数式编程：

它属于"结构化编程"的一种，主要思想是把运算过程尽量写成一系列嵌套的函数调用。举例来说，现在有这样一个数学表达式。

1. 代码简洁，开发快速

函数式编程大量使用函数，减少了代码的重复，因此程序比较短，开发速度较快。

2. 接近自然语言，易于理解

函数式编程的自由度很高，可以写出很接近自然语言的代码。

前文曾经将表达式(1 + 2) * 3 - 4，写成函数式语言：


　　subtract(multiply(add(1,2), 3), 4)


对它进行变形，不难得到另一种写法：
]]></description><category></category></item><item><title><![CDATA[日常问题记录]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121779801</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121779801</guid><author>gaofan_long</author><pubDate>Tue, 07 Dec 2021 23:47:52 +0800</pubDate><description><![CDATA[面试问题记录]]></description><category></category></item><item><title><![CDATA[观察者模式和发布订阅模式的区别]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121773099</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121773099</guid><author>gaofan_long</author><pubDate>Tue, 07 Dec 2021 16:46:09 +0800</pubDate><description><![CDATA[观察者模式是只有两个参与者，消息发布者和订阅者，是松耦合的编程方式。订阅者必须要知道发布消息的是谁。





发布订阅模式是有三个参与者,发布者， 代理中心， 订阅者， vue和react使用了发布订阅模式




...]]></description><category></category></item><item><title><![CDATA[微前端知识的学习]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121769985</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121769985</guid><author>gaofan_long</author><pubDate>Tue, 07 Dec 2021 16:02:55 +0800</pubDate><description><![CDATA[【微前端】single-spa 到底是个什么鬼_波哥在路上-优快云博客

1. 为什么要使用微前端？

微前端的演化和后端微服务有一样的地方，主要是为了拆分业务模块，每一部门业务模块都可以单独构建部署，能够提高复用性。

微前端中的每个应用可以使用单独的技术框架，可以根据开发人员的技术栈选择不同的技术，提高了开发效率

对大型，复杂的项目，做了拆分，能够简化业务，减少耦合，提高程序的健壮性

对时间较久的项目，在进行新增需求时， 可以单独使用新技术开发。有利于项目长久发展。

(1) 若多个应用之间公用一]]></description><category></category></item><item><title><![CDATA[nodejs]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121759631</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121759631</guid><author>gaofan_long</author><pubDate>Tue, 07 Dec 2021 00:45:23 +0800</pubDate><description><![CDATA[nodejs中的异步Io操作









nodejs中事件循环的队列








]]></description><category></category></item><item><title><![CDATA[webpack中的chunk]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121731977</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121731977</guid><author>gaofan_long</author><pubDate>Sun, 05 Dec 2021 17:08:00 +0800</pubDate><description><![CDATA[Webpack 理解 Chunk - 掘金

Webpack 理解 Chunk

期望

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。

Chunk

Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlugin（Webpack3以前）、optimization.splitChunks（Webpack4以后）这样的名称之中。

Chu]]></description><category></category></item><item><title><![CDATA[白龙马运行科技]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121191070</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121191070</guid><author>gaofan_long</author><pubDate>Sun, 07 Nov 2021 14:39:38 +0800</pubDate><description><![CDATA[1. 浏览器的事件模型。

2. promise可以中断吗？为什么？ 如何模拟promise的阻断？

3. async和await ？实现原理？await后面跟一个什么？ 执行出错怎么办？

    异步操作，解决回调地狱

4. 导致内存泄漏有哪些情况？ 怎么解决内存泄漏？

5. 浏览器和node的事件循环？eventloop

6. 同步任务执行完成之后，微任务和宏任务的执行？你知道微任务有哪些？网络请求是微任务还是宏任务？ setTimeout和promise.then是怎么执行的？

7...]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/121186803</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/121186803</guid><author>gaofan_long</author><pubDate>Sun, 07 Nov 2021 00:13:11 +0800</pubDate><description><![CDATA[flex最常用的语法：（熟练掌握）
flex-direction:主轴的方向（可横向可纵向）
justify-content：主轴对齐方式（开始对齐、两边对齐...）
align-items:交叉轴对齐方式（和主轴垂直的轴）
flex-wrap:什么时候换行
align-self：子元素在交叉轴的对齐方式（开始对齐、居中对齐...）
实现一个三点的骰子：
.box{
display:flex;//flex布局
justify-content:space-between;//两端对齐
}
.item{
/..]]></description><category></category></item><item><title><![CDATA[浏览器输入一个url开始]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/114292871</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/114292871</guid><author>gaofan_long</author><pubDate>Tue, 02 Mar 2021 19:47:34 +0800</pubDate><description><![CDATA[　　从用户在浏览器输入域名开始，到web页面加载完毕，这是一个说复杂不复杂，说简单不简单的过程，下文暂且把这个过程称作网页加载过程。下面我将依靠自己的经验，总结一下整个过程。如有错漏，欢迎指正。

　　阅读本文需要读者已有一定的计算机知识，了解TCP、DNS等。

2、分析

　　众所周知，打开一个网页的过程中，浏览器会因页面上的css/js/image等静态资源会多次发起连接请求，所以我们暂且把这个网页加载过程分成两部分：

html(jsp/php/aspx) 页面加载(假设存在简单的Nginx负载均衡]]></description><category></category></item><item><title><![CDATA[cookie、session、localStrorage、sessionStrorage]]></title><link>https://blog.youkuaiyun.com/gaofan_long/article/details/114292356</link><guid>https://blog.youkuaiyun.com/gaofan_long/article/details/114292356</guid><author>gaofan_long</author><pubDate>Tue, 02 Mar 2021 19:22:02 +0800</pubDate><description><![CDATA[前端面试常问cookie、session、localStrorage、sessionStrorage区别以及应用场景

置顶 欢少的成长之路 2021-02-21 20:44:05 44 收藏
分类专栏： 转型后原理底层讲解 文章标签： 前端面试 session localStrorage sessionStrorage cookie
版权
简介：以上文章讲述的是【线上系统打如何正确打日志】接下来我总结一下【前端面试常问sessionStrorage、localStrorage、cookie、sessi..]]></description><category></category></item></channel></rss>