<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ddp的博客]]></title><description><![CDATA[小小菜鸡]]></description><link>https://blog.youkuaiyun.com/dajuna</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dajuna]]></copyright><item><title><![CDATA[pnpm + monorepo + changesets包管理]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/137499407</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/137499407</guid><author>dajuna</author><pubDate>Mon, 08 Apr 2024 10:57:02 +0800</pubDate><description><![CDATA[pnpm + monorepo + changesets]]></description><category></category></item><item><title><![CDATA[HTTP强缓存与协商缓存超详细图文讲解]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/124153630</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/124153630</guid><author>dajuna</author><pubDate>Wed, 13 Apr 2022 17:50:07 +0800</pubDate><description><![CDATA[1. 介绍
Web缓存大致可以分为:  数据库缓存、服务器端缓存(代理服务器缓存、CDN缓存)、浏览器缓存(http缓存、indexDB、cookie、localstorage、DNS缓存)，本次主要讲解http缓存。
2.  名词术语
在具体了解HTTP缓存之前先来明确几个术语:
缓存命中率
从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。比如说第一次请求后浏览器缓存了10个资源，第二个请求时有8个资源是可以重复利用的，那么缓存命中率就是80%,性能更高，网页加载速度更快
过期内容
从服务]]></description><category></category></item><item><title><![CDATA[vue3 + elementplus后台管理系统 + vue3核心Api实现 + Vuex4从零实现]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/119515934</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/119515934</guid><author>dajuna</author><pubDate>Sun, 08 Aug 2021 16:19:32 +0800</pubDate><description><![CDATA[vue3 + elementplus后台管理系统 + vue3核心Api实现 + Vuex4从零实现
所有源码放在github上，方便大家使用和学习。

一、vue3-compositionApi-elementPlus-admin

项目只包含框架的搭建，功能的完整封装，不包含任何业务组件。开箱即用。
最新版的组合式api + 新版路由 + 新版store的使用
采用的是前端保存路由菜单，根据后台返回的角色信息，动态加载路由和菜单渲染
webpack-dll分离第三方库
element-plus的全局自定]]></description><category></category></item><item><title><![CDATA[Typescript高级类型Record,Partial,Readonly等介绍]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/117958613</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/117958613</guid><author>dajuna</author><pubDate>Wed, 16 Jun 2021 16:30:13 +0800</pubDate><description><![CDATA[Typescript的联合类型、Partial、Pick、Exclude、Omit介绍联合类型Partial的实现原理pick的实现原理Exclude的原理Omit原理
Typescript的联合类型、Partial、Pick、Exclude、Omit介绍
联合类型
/* 首先是联合类型的介绍 */
let a: string | number = '123' // 变量a的类型既可以是string，也可以是number
a = 123

Partial (意思是部分的; 不完全的)，t]]></description><category></category></item><item><title><![CDATA[Vue的源码简单超详细分析MVVM原理]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/104740173</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/104740173</guid><author>dajuna</author><pubDate>Sun, 08 Mar 2020 21:01:16 +0800</pubDate><description><![CDATA[在这里跟大家分享下Vue的MVVM实现原理，主要是简单的实现了下数据的双向绑定，v-model和{{}}语法和计算属性。前面每句都有注释和步骤，但是后面的部分由于不好进行步骤划分，就只解释了原因。这部分呢都是看的前端大佬姜文老师的讲解实现的。如有不对的地方，请提出来。
目录：

先看html文件：
在这里插入代码片&lt;!DOCTYPE html&gt;
&lt;html lang="en"&g...]]></description><category></category></item><item><title><![CDATA[vuejs的动画简单入门讲解]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/103831336</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/103831336</guid><author>dajuna</author><pubDate>Sat, 04 Jan 2020 11:45:52 +0800</pubDate><description><![CDATA[今天在这里为大家讲解下vue中使用transition组件来进行动画的执行，vue的官方文档中说明了动画一共有六个状态，分别是
1.v-enter，可以理解为动画进入之前元素的起状态，比如位置等等
2.v-enter-active 简单理解为进入动画执行的效果
3.v-enter-to 进入动画结束之后
4.v-leave 和上面进入类似，离开前
5.v-leave-active 离开的动画效果
...]]></description><category></category></item><item><title><![CDATA[js的异常捕获机制的生动讲解]]></title><link>https://blog.youkuaiyun.com/dajuna/article/details/103831174</link><guid>https://blog.youkuaiyun.com/dajuna/article/details/103831174</guid><author>dajuna</author><pubDate>Sat, 04 Jan 2020 11:24:48 +0800</pubDate><description><![CDATA[在这里主要是跟大家介绍一下在js中如何使用异常捕获机制，包括try，catch，finally与我们主动抛出异常throw的用法
使用异常捕获机制可以让我们在项目中对一些可能出错的地方作出一些预防措施，让我们能够更加快速精准的找出代码错误，
也能够让我们后面的代码不受前面的错误影响继续执行，话不多说，看代码，图解在下方。
&lt;script&gt;
    console.log(1)

   ...]]></description><category></category></item></channel></rss>