<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mez_Blog的博客]]></title><description><![CDATA[一个有态度的喷子]]></description><link>https://blog.youkuaiyun.com/mez_Blog</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mez_Blog]]></copyright><item><title><![CDATA[前端学习笔记之文件下载（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/144109858</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/144109858</guid><author>mez_Blog</author><pubDate>Thu, 28 Nov 2024 14:40:22 +0800</pubDate><description><![CDATA[因为要用到这样一个场景，需要下载系统的使用教程，所以在前端项目中就提供了一个能够下载系统教程的一个按钮，供使用者进行下载。所以就试着写一下这个功能，以一个demo的形式进行演示，在学习的过程中也发现了中文路径的严重问题！！！！！！！！！！！！首先描述一下接下来展示的代码的效果：就是在界面上又对应的文本和下载对应文件的按钮，这里因为是1.0版本，就不对实现这个功能做成函数进行封装了，如果有时间的话还可以封装成一个函数，通过传参来下载指定的文件。]]></description><category></category></item><item><title><![CDATA[前端学习笔记之FileReader]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/144086257</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/144086257</guid><author>mez_Blog</author><pubDate>Wed, 27 Nov 2024 16:22:51 +0800</pubDate><description><![CDATA[FileReader只能访问用户明确选择的文件内容，这些文件要么是通过HTML元素选择的，要么是通过拖放操作选择的，它不能用来通过路径名从用户的文件系统中读取文件。FileReader.readAsText（）：开始读取指定Blob内容，一旦完成，result属性将包含文件的内容作为文本字符串，可以指定一个可选的编码名称。FileReader.result：文件的内容，这个属性仅仅在读取操作完成后生效，并且数据的格式取决于用于启动读取操作的方法。方法来读取文件内容。]]></description><category></category></item><item><title><![CDATA[JavaScript之数组方法（2.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/144050301</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/144050301</guid><author>mez_Blog</author><pubDate>Tue, 26 Nov 2024 10:58:12 +0800</pubDate><description><![CDATA[简单来说，其实就是如果你要使用的是可以枚举的，像[1,2,3]或{a:1,b:2,c:3}这样的可视的数组或对象，那两者替换没有什么问题，如果要是出现迭代器对象，还有ES6+后新增的Map，Set这些，就要仔细斟酌一下两者的区别，来进行使用。代码的意识为：定义了一个isSubset函数，该函数的返回值为传入的参数2调用every函数的结果，在every函数内，同样传入了一个回调函数，该回调函数的返回值为，传入的参数1是否包含参数2中的所有元素。当你想要避免遍历原型链上的属性时，]]></description><category></category></item><item><title><![CDATA[JavaScript之数组方法（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143859727</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143859727</guid><author>mez_Blog</author><pubDate>Mon, 18 Nov 2024 17:13:54 +0800</pubDate><description><![CDATA[slice方法：返回从start到end（不包括end）索引范围内的数组部分的浅拷贝，形成一个新的数组对象。不改变原数组slice方法不会修改调用它的数组，而是返回一个新的数组。支持负索引start和end参数可以是负数，表示从数组末尾开始计算索引。浅拷贝：返回的新数组是原数组的浅拷贝，即只复制一层深度的对象引用。concat方法：用于合并两个或多个数组。不改变原数组concat方法不会修改调用它的数组，而是返回一个新的数组。可以合并多个数组。]]></description><category></category></item><item><title><![CDATA[Vue之插槽（slot）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143770496</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143770496</guid><author>mez_Blog</author><pubDate>Thu, 14 Nov 2024 16:49:40 +0800</pubDate><description><![CDATA[插槽是vue中的一个非常强大且灵活的功能，在写组件时，可以为组件的使用者预留一些可以自定义内容的占位符。通过插槽，可以极大提高组件的客服用和灵活性。插槽大体可以分为三类：默认插槽，具名插槽和作用域插槽。下面将一一介绍。]]></description><category></category></item><item><title><![CDATA[vue2之过渡（transition）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143715379</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143715379</guid><author>mez_Blog</author><pubDate>Tue, 12 Nov 2024 15:57:45 +0800</pubDate><description><![CDATA[上面所设置的属性值，就是下面enter-active和leave-active类名的前缀，如果在使用transition标签时没有设置名称，那么就会使用默认的类名前缀v，完整类名就是v-enter-active,v-leave-active。可能有人说为什么要这样设置，那是因为底层vue就已经写好了，就是需要这样进行命名，一个是进入-激活的样式，另一个是离开-激活的样式，这里的命名是固定的，前面的前缀可以通过name属性的形式进行修改。当然了，对应的类名不止这两个，暂时列举出来vue官网中对应的所有类名。]]></description><category></category></item><item><title><![CDATA[Markdown快速上手（typora）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143599160</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143599160</guid><author>mez_Blog</author><pubDate>Thu, 07 Nov 2024 17:24:30 +0800</pubDate><description><![CDATA[就是支持HTML5语法（部分展示用的语法，并不是所有），前端人员的福音，我们可以直接在里面写HTML5代码就可以实现功能，比如上面的图片太大，我们可以利用img标签进行样式的设置。这里解释一下:的意思，如果单独在左侧一个:号，就是默认的文本左对齐，如果两侧都有:号，就是文本居中对齐，同理，右侧一个:号，就是文本右对齐。可以选中文本在这里直接设置，后面也有快捷键，也可以使用其语法，一个#，对应一级标题，两个#，对应二级标题，等。其他的上面说到的地方，都可以使用HTML5语法实现，就不再一一展示。]]></description><category></category></item><item><title><![CDATA[Vue2指令原理手写]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143407068</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143407068</guid><author>mez_Blog</author><pubDate>Thu, 31 Oct 2024 17:18:18 +0800</pubDate><description><![CDATA[【代码】Vue2指令原理手写。]]></description><category></category></item><item><title><![CDATA[vue2之混入（mixin）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143210391</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143210391</guid><author>mez_Blog</author><pubDate>Thu, 24 Oct 2024 15:50:30 +0800</pubDate><description><![CDATA[Vue 2 的混入（Mixin）是一种在 Vue 组件中分发可复用功能的方式。通过混入，你可以将一些通用的组件选项（如数据、方法、计算属性、生命周期钩子等）提取到一个混入对象中，并在多个组件中重用这些选项，从而实现代码复用和组织。]]></description><category></category></item><item><title><![CDATA[前端学习笔记（2.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143161644</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143161644</guid><author>mez_Blog</author><pubDate>Tue, 22 Oct 2024 17:20:44 +0800</pubDate><description><![CDATA[在做公司的老项目时，第一件事就是对应的将代码拷过来的时候出现的环境的问题。一般来说，就是拷过来的代码不能直接用，把对应的node_modules文件夹删除，然后直接npm i进行安装对应的库和插件即可。但是，由于是老项目，所以用到的库和现在电脑上的node版本不一样，所以就导致执行命令npm i的时候报错。]]></description><category></category></item><item><title><![CDATA[vue组件传值之$attrs]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143053644</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143053644</guid><author>mez_Blog</author><pubDate>Fri, 18 Oct 2024 16:22:51 +0800</pubDate><description><![CDATA[然后我们可能会有疑问，既然爷爷可以向孙组件传递数据，那么孙可不可以修改爷爷的数据呢，其实，原理和当时的props是一样的，这种方式虽然不能直接修改爷爷的值，但是可以让爷爷再传递一个方法给孙组件，然后孙组件调用这个方法，完成对爷爷的修改。这样我们就可以看到对应的x和y也被传递过来了，然后我们的关注重点是祖孙传值，而不是父子传值，所以这个brother组件就是一个桥梁，其作用就是不使用父组件的值，直接将父组件传递的值使用$attrs直接传递给孙组件。来到界面，我们点击按钮，就可以修改爷爷的数据。]]></description><category></category></item><item><title><![CDATA[前端学习笔记（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/143019729</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/143019729</guid><author>mez_Blog</author><pubDate>Thu, 17 Oct 2024 15:58:12 +0800</pubDate><description><![CDATA[在开发项目时，需要使用@符号来代替书写./和../等麻烦的路径书写，所以就遇到了下面的问题。]]></description><category></category></item><item><title><![CDATA[pinia学习笔记（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142920336</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142920336</guid><author>mez_Blog</author><pubDate>Mon, 14 Oct 2024 16:37:15 +0800</pubDate><description><![CDATA[当然了，同步和异步的方法都可以直接写在仓库中，因为pinia中没有mutation，所以一个action中可以书写同步和异步的方法，大大简化了状态更新流程。就是在定义大仓库导出大仓库之前进行插件定义，然后使用pinia实例进行使用该插件，就相当于默认给pinia添加了一些属性和方法，这样，无论是哪个Store，都可以直接使用这些插件。这样就建立了一个空的仓库 ，然后我们还需要定义一个Store，在Vuex中对应的state，getter，action中，都会在Store中进行定义。]]></description><category></category></item><item><title><![CDATA[element-plus组件之Upload(2.0)]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142880060</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142880060</guid><author>mez_Blog</author><pubDate>Sat, 12 Oct 2024 16:43:40 +0800</pubDate><description><![CDATA[接上篇下面的属性就对应着回调函数，下面就一一进行介绍。因为element-plus在封装upload组件时就自带了一个预览和删除的图标，只是没有方法实现，这里进行指明。就是在图片墙列表中，自动就带了这两个图标和遮罩，下面的属性也与其相关。]]></description><category></category></item><item><title><![CDATA[element-plus组件之Upload(1.0)]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142877671</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142877671</guid><author>mez_Blog</author><pubDate>Sat, 12 Oct 2024 15:52:34 +0800</pubDate><description><![CDATA[在学习项目时，多次用到element-plus中的图片上传组件，这里就详细介绍一下，方便以后的学习和记忆。一般在使用第三方的组件时，我们进行查看文档时，虽然官方提供了一些案例，但是有些属性和方法等不可能一一用实例展示出来，下面就对该组件存在的属性和方法等进行一一展示。]]></description><category></category></item><item><title><![CDATA[sass学习笔记（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142787943</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142787943</guid><author>mez_Blog</author><pubDate>Wed, 09 Oct 2024 17:25:36 +0800</pubDate><description><![CDATA[意思就是如果你自己定义了一个局部变量BGcolor，就是你可以使用自己定义的样式，如果没有改局部变量，那么当你使用这个样式时，默认就是红色。【通俗的将，你自己有，就用你自己的，你若是没有，就用我的】sass的注释和普通css的注释也是不一样的，类似于js的注释，我们直接在vscode中使用快捷键ctrl+/就可以自定生成sass的注释。使用@import导入规则，它在生成css文件是就把相关文件导入进来，在导入sass时，不需要指定导入文件的全名，就是可以省略后缀。可以看到，对应5的样式已经设置上去了。]]></description><category></category></item><item><title><![CDATA[React学习笔记（4.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142650956</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142650956</guid><author>mez_Blog</author><pubDate>Mon, 30 Sep 2024 16:29:22 +0800</pubDate><description><![CDATA[这时候会有一个认证，需要验证你的gitee用户名和密码，输入正确就可以，要是输入错误下一次还是走这个错误的认证，需要在本机去删除那个认证标识，具体方法可以度娘。然后我们将自己创建的文件copy到这个初始化的文件夹中就行，默认刚才哪些代码就生成了一个MD文件，其他啥都没有。该命令中，路径就是自己创建的json文件路径，端口也可以自定义，不要写默认其他服务的保留端口即可。在项目中，一般都放在store文件夹中，对应的模块放入modules文件夹里，对应的目录结构如下。以counterStore举例。]]></description><category></category></item><item><title><![CDATA[docker学习笔记（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142637527</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142637527</guid><author>mez_Blog</author><pubDate>Sun, 29 Sep 2024 17:02:43 +0800</pubDate><description><![CDATA[比如：docker pull nginx 下载 nginx镜像【等价于docker pull nginx:latest也就是默认下载最新版的镜像，如果想要下载指定版本的镜像，可以去dockerhub下载，网址：https://hub.docker.com】和docker start功能相反，就是停掉容器，但是用法相同，后面后面可以跟上容器的ID，或者是容器的names。如果直接使用rm不加参数，只能删除停止的容器，如果加上参数-f，就是强制删除容器，无论停止与否。]]></description><category></category></item><item><title><![CDATA[React学习笔记（3.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142595336</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142595336</guid><author>mez_Blog</author><pubDate>Fri, 27 Sep 2024 16:47:15 +0800</pubDate><description><![CDATA[回到React双向绑定这里，就是在输入框输入值，然后在React调试工具中也可以看到对象的状态的值，相反，在调试工具中修改里面的值，对应输入框的值也会对应的进行修改。这个东西和vue调试工具一样，都需要去重谷歌商店中下载，不过懂的都懂，需要科学上网。classnames是一个简单的JS库，可以非常方便的通过条件动态控制class类名的显示。这时最好重启一下谷歌浏览器，否则对应的调试工具的components选项可能不会出来。这里使用了box3和box2的动态类名，我们来到对应的样式文件。]]></description><category></category></item><item><title><![CDATA[Java学习笔记（1.0）]]></title><link>https://blog.youkuaiyun.com/mez_Blog/article/details/142566630</link><guid>https://blog.youkuaiyun.com/mez_Blog/article/details/142566630</guid><author>mez_Blog</author><pubDate>Thu, 26 Sep 2024 17:24:27 +0800</pubDate><description><![CDATA[①对于正数而言，原码、反码、补码是相同的②对于负数，原码，反码（为首位表示正负的1不变，剩下的0和1互换），补码（为反码加1）]]></description><category></category></item></channel></rss>