02 【setup reactive ref】1.拉开序幕的setup1.1 为什么使用 setup ？ 大型组件中选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑关注点时，我们必须不断地“跳转”相关代码的选项块。 如果能够将同一个逻辑关注点相关代码收集在一起会更好。而这正是组合式 API 使我们能够做到的。 通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码

03 【响应式原理 ref和reactive总结 setup注意点】1.Vue3.0中的响应式原理1.1 vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 1234Object.defineProperty(data, 'co

04 【计算属性 侦听器】1.计算属性有时我们需要依赖于其他状态(普通proxy响应式数据)的状态(computed响应式数据)：在 Vue 中，这是用组件计算属性处理的，以直接创建计算值，我们可以使用 computed 函数：它接受 getter 函数并为 getter 返回的值返回一个不可变的响应式 ref 对象。 1.1 computed函数 与Vue2.x中computed配置功能一致 可

06 【生命周期 模板引用】1.生命周期vue2 vue3 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition API 形式的生命周期钩子，与Vue2.x中钩子对应关系如下： beforeCreate=

07 【动态组件 组件注册】1.动态组件1.1 基本使用composition api写法：只适用于vue3 在 <script setup> 中，组件被引用为变量而不是作为 字符串键 来注册 核心点 shallowRef() 虽然用 ref() 也能正常使用，但官方不推荐，会爆warn: “这可能会导致不必要的性能开销” （原因，组件不是动态数据，不需要转为proxy） :is 与

08 【Props 组件事件】1.Props1.1 Props 声明#Props 是一种特别的 attributes，你可以在组件上声明注册。要传递给子组件内容，我们必须在组件的 props 列表上声明它。 12345678<!-- BlogPost.vue --><script setup>defineProps(['title'])</s

09 【Attributes继承 provide与inject】1.继承 Attributes1.1 Attributes 继承1.1.1 Attributes 继承的基本概念“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id。 当一个组件以单个元

10 【异步组件 组合式函数(hooks)】1.异步组件1.1 为什么要有异步组件首先来看这样一段代码 父组件App.vue 12345678910111213141516<template> <div class="app"> <h3>我是App组件</h3> <Child><

11 【Teleport CSS功能】1.内置组件 Teleport什么是Teleport？——<Teleport> 是一个内置组件，它是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。 主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不受父

12 【其它组合式API】ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef refs api中的重点为：ref、toRefs、shallowRef、customRef，其次是 isRef 等。 1.toRef 与 toRefs1.1 toRef 作用：可以用来为源响应式对象上的某个 property 新创建一个 ref。然后，

13 【script setup 总结】 因为学习的时候，视频版本并没有一些新的语法糖，笔记是没有使用这些语法糖的，但是用法都会以补充的形式加进来。 在 setup() 函数中手动暴露大量的状态和方法非常繁琐。幸运的是，我们可以通过使用构建工具来简化该操作。当使用单文件组件（SFC）时，我们可以使用 <script setup> 来大幅度地简化代码。 <script setup

14 【TS类型声明 keepAlive】1.Ts 类型声明使用 & 讲解 该文章未归纳完，那么多API肯定也说不完。。不过也涵盖了主要的组合式 API 的 TS类型。 核心：大部分都是运用API函数泛型来定义类型。 1.1 父组件相关的1234567891011121314151617181920212223242526272829303132333435363738394041424

15 【Pinia】1.pinia是什么？ 前言 Vue3已经推出很长时间了，它周边的生态也是越来越完善了。之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。Vue3推出后，虽然相对于Vue2很多东西都变了，但是核心的东西还是没有变的，比如说状态管理、路由等等。再Vue3种，尤大神推荐我们使用pinia来实现状态管理，他也说pinia就是Vuex的

16 【Router 4】使用Vue3 安装对应的router4版本 使用Vue2安装对应的router3版本 1npm install vue-router@4 1.路由配置与之前版本区别： 由 createRouter() 替换 new Router() 路由模式由 createWebHistory() 替换 mode: 'history' main.js中由 .use(r

17 【Vue3自动导入配置】1.自动导入组件库组件 unplugin-vue-components 安装 1pnpm install unplugin-vue-components -D 然后将下面的代码添加到 Vite 的配置文件。 Vite配置 12345678910111213141516171819202122232425// vite.config.jsimport {

18 【Vue3组件通信方总结式】 通信仓库地址:https://gitee.com/jch1011/vue3_communication.git 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 1.propsprops可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方

pipeline 提供的交互工具python sdkkubeflow pipeline 官方提供的 python sdk 包含以下几个模块： kfp.compiler 该模块中包含了用来编译描述 pipeline 的 python 代码到一个 pipeline service 可以处理的静态文件中的方法和类。Pipeline Service 会将这个静态文件转换成一组 k8s 资源。 kfp.

什么是Java反编译 Java反编译Jadclipse JD-GUI Luyten CFR arthas 反编译 什么是Java反编译Java反编译是一个对Java目标可执行程序进行逆向分析，从而得到原始代码的过程。 举一个例子,比如将 Java 源代码编译成 .class 字节码文件,那么把字节码文件转换成Java代码的过程就叫“反编译”。 知道了什么是Java反编译，那市面上有哪些主流Ja

插件安装 安装 IDEA。 保证 IDEA 安装插件 Java Bytecode Decomplier。查看方式：File–>Settings–>Plugins，在搜索框内搜出后勾选，并应用。 Decomplier 底层是使用 fernflower 实现的： https://github.com/fesh0r/fernflower 反编译使用命令行进行反编译，格式 1java -

安装Luyten 下载之后直接可以使用。 官网：https://github.com/deathmarine/Luyten 进入网站后，找到 Releases： 下载Luyten。如果下载的是.exe的，直接双击就行了；如果是jar包，要在jar在的目录进入cmd命令，然后输入java -jar 要运行的jar包名，就行可以了。前提是配置了java开发环境。 反编译jar包 选择要反编