<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Instanceztt的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Instanceztt</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Instanceztt]]></copyright><item><title><![CDATA[PKI - 02 java加密解密和签名算法]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/144759983</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/144759983</guid><author>Instanceztt</author><pubDate>Fri, 27 Dec 2024 10:01:16 +0800</pubDate><description><![CDATA[包括MD5、SHA-1、SHA-256等，用于数据完整性和签名验证。]]></description><category></category></item><item><title><![CDATA[PKI-01 PKI概述]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/144600433</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/144600433</guid><author>Instanceztt</author><pubDate>Fri, 20 Dec 2024 09:19:34 +0800</pubDate><description><![CDATA[PKI （Public Key Infrastructure，公钥基础设施）是一种用于管理数字证书和公钥加密的框架。它是组织和发不用于加密、身份验证、数字签名和其他加密任务的密钥和证书系统。]]></description><category></category></item><item><title><![CDATA[彻底告别BeanUtils.copyProperties (),MapStruct使用教程]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/134196389</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/134196389</guid><author>Instanceztt</author><pubDate>Fri, 03 Nov 2023 10:06:29 +0800</pubDate><description><![CDATA[MapStruct也支持在映射前后做一些自定义操作,类似Spring的AOP中的切面此时我们需要创建自定义处理方法,创建一个抽象类ProductRoundMapper,通过@BeforeMapping注解自定义映射前操作,通过@AfterMapping注解自定义映射后操作})//映射前当price]]></description><category></category></item><item><title><![CDATA[15 【Vue-Router】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131125843</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131125843</guid><author>Instanceztt</author><pubDate>Fri, 09 Jun 2023 13:43:32 +0800</pubDate><description><![CDATA[完整的导航解析流程导航被触发。在失活的组件里调用守卫。调用全局的beforeEach守卫。在重用的组件里调用守卫 (2.2+)。在路由配置里调用。解析异步路由组件。在被激活的组件里调用。调用全局的守卫 (2.5+)。导航被确认。调用全局的afterEach钩子。触发 DOM 更新。调用守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。]]></description><category></category></item><item><title><![CDATA[13 【代理配置 插槽】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131091590</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131091590</guid><author>Instanceztt</author><pubDate>Wed, 07 Jun 2023 16:56:41 +0800</pubDate><description><![CDATA[如多个组件的布局使用相似模板，只是具体内容不同，那么我们可以使用这种插槽方式封装成一个通用组件，在其他组件使用的时候只需要传对应的内容到对应名字的插槽即可，不需要将该模板在每个组件重新写一遍，减少代码冗余，大大提高开发效率。的组件指定的位置留一个坑，如果在外部，使用其组件包裹某内容（可以是任何模板代码，也可以是HTML，还可以是组件），则该内容就会被分发到。表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的。：关于样式，既可以写在父组件中，解析后放入子组件插槽；]]></description><category></category></item><item><title><![CDATA[14 【Vuex】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131091645</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131091645</guid><author>Instanceztt</author><pubDate>Wed, 07 Jun 2023 16:56:36 +0800</pubDate><description><![CDATA[概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。备注：若没有网络请求或其他业务逻辑，组件中也可以越过actions，即不写。为了解决不同模块命名冲突的问题，将不同模块的。开启命名空间后，组件中调用commit。]]></description><category></category></item><item><title><![CDATA[11 【组件通信】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131063890</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131063890</guid><author>Instanceztt</author><pubDate>Tue, 06 Jun 2023 11:17:03 +0800</pubDate><description><![CDATA[使用于场景:子组件给父组件传递数据on与on与on与emit$emit绑定一个自定义事件event，当这个这个语句被执行到的时候，就会将参数arg传递给父组件，父组件通过@event监听并接收参数。可以实现任意组件的通信的方法有两个：事件总线 和 Vuex，事件总线难维护数据但轻量，Vux维护数据方便但比较重量。和具有响应性且可以双向通信，无响应性且只能单向通信（父传子）props/emit，方法比较基础，适合只有父子组件通信的方法，若想跨层级通信需要中间组件做转发，比较麻烦。]]></description><category></category></item><item><title><![CDATA[12 【nextTick 过渡与动画】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131063916</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131063916</guid><author>Instanceztt</author><pubDate>Tue, 06 Jun 2023 11:16:18 +0800</pubDate><description><![CDATA[Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：1、在 CSS 过渡和动画中自动应用 class；2、配合使用第三方 CSS 动画库，如 Animate.css；3、在过渡钩子函数中使用 JavaScript 直接操作 DOM；4、配合使用第三方 JavaScript 动画库，如 Velocity.js。作用：Vue封装的在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。写法：元素进入的样式：v-enter：进入的起点。]]></description><category></category></item><item><title><![CDATA[10 【组件编码流程 组件自定义事件 全局事件总线】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131052772</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131052772</guid><author>Instanceztt</author><pubDate>Mon, 05 Jun 2023 17:34:10 +0800</pubDate><description><![CDATA[data() {return {msg:'你好啊！',},methods: {console.log('App收到了学生名：',name,params)]]></description><category></category></item><item><title><![CDATA[09 【CLI 初始化脚手架 Vue零碎的一些知识】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131044846</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131044846</guid><author>Instanceztt</author><pubDate>Mon, 05 Jun 2023 11:35:22 +0800</pubDate><description><![CDATA[1如果下载缓慢请配置npm淘宝镜像npm config set registry http://registry.npm.taobao.org2全局安装 @vue/cli npm install -g @vue/cli3切换到创建项目的目录，使用命令创建项目vue create xxx4选择使用vue的版本5启动项目npm run serve6打包项目npm run build7暂停项目 Ctrl+C。]]></description><category></category></item><item><title><![CDATA[08 【生命周期 组件】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131041211</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131041211</guid><author>Instanceztt</author><pubDate>Mon, 05 Jun 2023 10:02:57 +0800</pubDate><description><![CDATA[beforeCreate(创建前):数据检测getter和setter和初始化事件还未开始,此时data的响应式追踪、event/watcher 都还没有被设置，也就是说不能访问到datacomputedwatchmethods上面的方法和数据create(创建后):实例创建完成，实例上配置的 options 包括datacomputedwatchmethods等都配置完成，但是此时渲染得节点还未挂载到 DOM，所以不能访问到$el属性。beforeMount（挂载前）]]></description><category></category></item><item><title><![CDATA[07 【内置指令 自定义指令】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131001588</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131001588</guid><author>Instanceztt</author><pubDate>Fri, 02 Jun 2023 13:42:13 +0800</pubDate><description><![CDATA[new Vue({指令名 : 配置对象 } }) new Vue({指令名 : 回调函数 } })]]></description><category></category></item><item><title><![CDATA[06 【Vue数据监视 v-model双向绑定】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/131001006</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/131001006</guid><author>Instanceztt</author><pubDate>Fri, 02 Jun 2023 10:09:45 +0800</pubDate><description><![CDATA[Vue会见识data中所有层次的数据如何检测对象中的数据?通过setter实现监视,且要在new Vue是传入要检测的数据.对象中后追加的属性，Vue默认不做响应式处理或如何监测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：调用原生对应的方法对数组进行更新重新解析模板，进而更新页面在Vue修改数组中的某个元素一定要用如下方法：Vue.set()或vm.$set()Vue.set()和vm.$set()不能给vm 或 vm的根数据对象 添加属性！！！]]></description><category></category></item><item><title><![CDATA[05 【绑定样式 条件渲染 列表渲染】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130999949</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130999949</guid><author>Instanceztt</author><pubDate>Fri, 02 Jun 2023 09:50:16 +0800</pubDate><description><![CDATA[最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，使用index作为key是没有问题的。]]></description><category></category></item><item><title><![CDATA[04 【计算属性 侦听属性】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130984791</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130984791</guid><author>Instanceztt</author><pubDate>Thu, 01 Jun 2023 11:26:37 +0800</pubDate><description><![CDATA[/]]></description><category></category></item><item><title><![CDATA[03 【数据代理 事件处理】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130982837</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130982837</guid><author>Instanceztt</author><pubDate>Thu, 01 Jun 2023 10:17:01 +0800</pubDate><description><![CDATA[了解数据代理需要js的一些知识：Object.defineProperty()，属性标志，属性描述符，getter，setter。。。]]></description><category></category></item><item><title><![CDATA[02 【el和data的两种写法 MVVM模型】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130982821</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130982821</guid><author>Instanceztt</author><pubDate>Thu, 01 Jun 2023 10:16:19 +0800</pubDate><description><![CDATA[有2种写法创建Vue实例对象的时候配置el属性先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值有2种写法]]></description><category></category></item><item><title><![CDATA[01 【Vue简介 初识Vue 模板语法和数据绑定】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130982739</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130982739</guid><author>Instanceztt</author><pubDate>Thu, 01 Jun 2023 10:13:11 +0800</pubDate><description><![CDATA[Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件作者：尤雨溪。]]></description><category></category></item><item><title><![CDATA[11【Sass语法介绍-导入】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130421676</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130421676</guid><author>Instanceztt</author><pubDate>Fri, 28 Apr 2023 10:43:25 +0800</pubDate><description><![CDATA[在 CSS 中我们可以通过 @import 来导入一个样式文件，Sass 扩展了 CSS 的 @import 规则，使得可以导入 CSS 后缀的样式文件和 Scss 后缀的样式文件，并且提供了对 mixin 、函数和变量的访问。与 CSS 的 @import 不同的是， CSS 使用 @import 导入文件是在页面渲染的时候发起多个 http 请求来获取文件内容，而 Sass 的导入 @import 是在编译时获取文件内容导入的。]]></description><category></category></item><item><title><![CDATA[10 【Sass语法介绍-继承】]]></title><link>https://blog.youkuaiyun.com/Instanceztt/article/details/130421646</link><guid>https://blog.youkuaiyun.com/Instanceztt/article/details/130421646</guid><author>Instanceztt</author><pubDate>Fri, 28 Apr 2023 10:42:39 +0800</pubDate><description><![CDATA[在我们编写样式的时候，很多情况下我们几个不同的类会有相同的样式代码，同时这几个类又有其自己的样式代码，这使我们就可以通过 Sass 提供的继承@extend 来实现。本节内容我们将讲解 Sass 继承的语法以及继承的多重延伸等等，在 Sass 中继承也是非常好用的功能之一，所以你要重点熟悉 @extend 的用法，下面我们一起来学习它。继承，我们也叫做代码重用，在 Sass 中支持对样式进行继承。color: red;]]></description><category></category></item></channel></rss>