<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[漫漫前端路，进一寸有进一寸的欢喜]]></title><description><![CDATA[记得关注哦～]]></description><link>https://blog.youkuaiyun.com/Newbie___</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Newbie___]]></copyright><item><title><![CDATA[重新审视SSE服务器发送事件：ChatGPT流式输出效果]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/136283653</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/136283653</guid><author>Newbie___</author><pubDate>Sun, 25 Feb 2024 16:17:57 +0800</pubDate><description><![CDATA[服务端发送事件（SSE）技术早在很久以前就已存在，但其在实际应用场景中并不十分常见。随着ChatGPT的出现，SSE技术得到了重新关注并被广泛应用于实现流式输出。本文将介绍SSE技术的使用]]></description><category></category></item><item><title><![CDATA[macOS升级Ventura后GIT无权限 Permission denied]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/127597525</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/127597525</guid><author>Newbie___</author><pubDate>Sun, 30 Oct 2022 11:48:36 +0800</pubDate><description><![CDATA[macOS 升级 Ventura 后 Git 无权限]]></description><category></category></item><item><title><![CDATA[CSS 格式化上下文详解]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/124101290</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/124101290</guid><author>Newbie___</author><pubDate>Mon, 11 Apr 2022 16:02:27 +0800</pubDate><description><![CDATA[CSS格式化上下文
CSS 中很重要的一环就是 BFC 块级格式化上下文，本文整理了 CSS BFC 的相关知识，建议沐浴更衣后食用。
在正式讲解BFC之前，先了解一下浏览器外边距重叠的问题。
外边距重叠

MDN：块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距，其大小为单个边距的最大值(或如果它们相等，则仅为其中一个)，这种行为称为边距折叠。
注意：外边距重叠都是发生在块级元素中，设定 float 和 position=absolute 的元素不会产]]></description><category></category></item><item><title><![CDATA[大厂常问：输入URL到显示页面的全过程（敲详细）]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/107212575</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/107212575</guid><author>Newbie___</author><pubDate>Wed, 08 Jul 2020 18:42:06 +0800</pubDate><description><![CDATA[你到现在都不知道从浏览器地址栏输入URL到显示页面的发生了什么嘛？我来教你，还有谁如果再说前端简单，你就拿这个面试题怼他！]]></description><category></category></item><item><title><![CDATA[Promise源码分析（附带Promise的正确打开方式）]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/107138825</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/107138825</guid><author>Newbie___</author><pubDate>Sun, 05 Jul 2020 14:46:25 +0800</pubDate><description><![CDATA[你还在被大佬按在地上摩擦吗？我教你Promise底层原理，让你感受一下完虐大佬的感觉。fell 倍儿爽！]]></description><category></category></item><item><title><![CDATA[Spark葵花宝典：一小时速成Spark]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/107110211</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/107110211</guid><author>Newbie___</author><pubDate>Fri, 03 Jul 2020 17:38:16 +0800</pubDate><description><![CDATA[你会Spark么？不会？来这里，一小时让你搞明白Scala和RDD语法和spark的用处。]]></description><category></category></item><item><title><![CDATA[Flex弹性盒子详解：从量变到质变的理解]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/107042630</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/107042630</guid><author>Newbie___</author><pubDate>Tue, 30 Jun 2020 15:13:35 +0800</pubDate><description><![CDATA[什么？你竟然不知道css的flex弹性盒子？你肯定是经常被大佬按在地上摩擦吧。这篇文章，让你彻底明白flex弹性盒子的每个属性，好文字不如好图片！]]></description><category></category></item><item><title><![CDATA[Zookeeper学习提纲：助你一臂之力]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106958629</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106958629</guid><author>Newbie___</author><pubDate>Thu, 25 Jun 2020 15:31:55 +0800</pubDate><description><![CDATA[ZooKeeper
ZooKeeper：ZooKeeper是一种分布式协调服务，用于管理大型主机。
分布式应用：分布式应用可以在给定时间（同时）在网络中的多个系统上运行，通过协调它们以快速有效的方式完成特定任务
分布式应用有两部分：Server（服务器） 和 Client（客户端） 应用程序。

服务器应用程序：实际上是分布式的，并具有通用接口，以便客户端可以连接到集群中的任何服务器并获得相同的结果。
客户端应用程序：是与分布式应用进行交互的工具。

分布式应用的优点：

可靠性：单个或几个系统的故障不会使]]></description><category></category></item><item><title><![CDATA[HBase学习提纲：助你一臂之力]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106958585</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106958585</guid><author>Newbie___</author><pubDate>Thu, 25 Jun 2020 15:30:02 +0800</pubDate><description><![CDATA[HBase
简介： HBase是一个高可靠性、高性能、面向列、可伸缩的分布式存储系统。可在廉价PC Server上搭建起大规模结构化存储集群。
HBase利用Hadoop HDFS作为其文件存储系统，利用Hadoop MapReduce来处理HBase中的海量数据，利用Zookeeper作为协调工具。 HBase与传统数据库（RDBMS）的最大区别面向列。操作数据库，如果是索引访问用HBase+Hadoop
当前市场上有很多类似的序列化系统，如Avro、Google 的 Protocol Buffers、F]]></description><category></category></item><item><title><![CDATA[是男人就要坚持30秒：原生JS小游戏]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106867700</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106867700</guid><author>Newbie___</author><pubDate>Sat, 20 Jun 2020 09:15:04 +0800</pubDate><description><![CDATA[这是一个原生JS小游戏，是男人就要坚持30s，自证的机会到啦，等你来挑战！]]></description><category></category></item><item><title><![CDATA[JavaScript的骚操作：防抖、节流、柯里化等]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106787008</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106787008</guid><author>Newbie___</author><pubDate>Tue, 16 Jun 2020 14:44:18 +0800</pubDate><description><![CDATA[JavaScript中有很多骚操作，如深克隆，防抖，节流，柯里化，单参管道函数等等，如果你连这些都不会，你怎么在大佬面前装逼？这篇文章，整理了常见的骚操作。]]></description><category></category></item><item><title><![CDATA[java代码30行实现用我爱你重绘女朋友美照（我对你的爱，在每一个字里行间）]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106316330</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106316330</guid><author>Newbie___</author><pubDate>Sun, 24 May 2020 16:11:14 +0800</pubDate><description><![CDATA[java代码还能表白？我来教你30行代码，用我爱你来绘一张女朋友的照片，程序员的强势浪漫，我对你的爱，在每一个字里行间。]]></description><category></category></item><item><title><![CDATA[初识React和JSX语法：带你走入React世界,让你彻底明白JSX语法]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/106105559</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/106105559</guid><author>Newbie___</author><pubDate>Wed, 13 May 2020 20:14:57 +0800</pubDate><description><![CDATA[React 库可以说是大厂中用到的最多的一个库了，我们先来简单了解一下 React 和 React 中的要用到的 JSX 语法吧]]></description><category></category></item><item><title><![CDATA[vue响应式原理源码：带你一步精通vue]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105973085</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105973085</guid><author>Newbie___</author><pubDate>Thu, 07 May 2020 15:29:06 +0800</pubDate><description><![CDATA[vue3.0正式版都快发布了，vue2.0的响应式原理你还写不出来？本文带你彻底理解vue响应式原理，带你写一个简易版的vue，实习vue数据响应式（数据劫持结合发布者-订阅者）、数组变异方法、编译模板（常用的指令如v-html、v-text、v-model、v-on等）、双向数据绑定的功能。]]></description><category></category></item><item><title><![CDATA[vue中的vuex状态管理：从入门到精通]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105766702</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105766702</guid><author>Newbie___</author><pubDate>Sun, 26 Apr 2020 12:55:48 +0800</pubDate><description><![CDATA[Vuex
当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：

多个视图依赖于同一状态。
来自不同视图的行为需要变更同一状态。

对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二，我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码。
什么情况下我应该使用 Vu...]]></description><category></category></item><item><title><![CDATA[vueRouter路由详解：从入门到精通]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105766504</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105766504</guid><author>Newbie___</author><pubDate>Sun, 26 Apr 2020 12:53:01 +0800</pubDate><description><![CDATA[Vue-Router
什么是路由？
路由是根据不同的url地址展现不同的内容或页面。早期的路由都是后端直接根据url来重载页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非重载就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。
什么时候使用前端路由？
前端路由更多用在单页应用上，也就是SPA(Single Page W...]]></description><category></category></item><item><title><![CDATA[浪漫程序员会表白之抖音旋转立方体照片墙]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105637267</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105637267</guid><author>Newbie___</author><pubDate>Mon, 20 Apr 2020 16:20:04 +0800</pubDate><description><![CDATA[人分两类，是你和不是你。
时间分两类，你在的时候和你不在的时候。]]></description><category></category></item><item><title><![CDATA[vue组件和父子组件间通信的13种方式（包含动态、异步组件和常用的prop、$emit、插槽等）]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105480827</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105480827</guid><author>Newbie___</author><pubDate>Mon, 13 Apr 2020 08:31:10 +0800</pubDate><description><![CDATA[本篇文章分成了两个部分，第一部分是组件基础，介绍全局组件、局部组件的注册，动态组件和异步组件的使用等等，第二部分是组件之间的通信方式，本文整理了13种，在下面依次介绍。文章较长，看的时候要有耐心哦~
组件基础
我们在制作一个网站的时候，通常会用到代码相同的部分，比如说导航栏，如果不能很好的复用，那么就会导致大量重复代码，不好维护，vue中的组件，很好的解决了这个问题，什么是组件呢？

组件是可复用...]]></description><category></category></item><item><title><![CDATA[JavaScript中的事件循环机制：你不得不懂的JS原理]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105450311</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105450311</guid><author>Newbie___</author><pubDate>Sat, 11 Apr 2020 12:32:58 +0800</pubDate><description><![CDATA[事件循环
学过JS的都知道，JS是单线程的，即使html5中提出了woker，但它依旧在主线程的控制之下，只能进行计算任务，而不能操作dom等，所以worker并没有改变JS是一个单线程这一机制。单线程即是后一个任务必须要等待前一个任务执行完毕才能执行，如果执行像setTimeout延迟器，亦或者异步任务等，都不会消耗cpu，就会有空等的情况，为了更好的协调事件、脚本、UI渲染等行为，于是有了事件...]]></description><category></category></item><item><title><![CDATA[抖音上的时钟屏保，被我改造完用来表白]]></title><link>https://blog.youkuaiyun.com/Newbie___/article/details/105378852</link><guid>https://blog.youkuaiyun.com/Newbie___/article/details/105378852</guid><author>Newbie___</author><pubDate>Wed, 08 Apr 2020 09:12:27 +0800</pubDate><description><![CDATA[抖音上很火的时钟屏保，被我改造完后用来准备准备准备表白，谁说程序员不浪漫？！

闲言少叙，书归正文，因为gif格式的图片只能上传5M，所以我只能切成两块，中间还删减了一些，大家凑合着看，不要打我，大家可以把源码拷下来，源码在最下面，自己运行康康，嘿嘿，话不多说，上图：


效果主要分成了三个部分，第一个是进入页面的时候平铺的时钟效果，当点击按钮的时候，变为圆盘时钟，左边的文字以键盘敲击的而方式出现...]]></description><category></category></item></channel></rss>