Xiuji957

岁末将至 敬颂冬绥.(七月至十一月)

观察者模式一个对象（观察者）订阅另一个对象（被观察者的状态），当被观察者状态改变的时候，触发观察者里面的事件。通俗点说，小baby是发布者（被观察者），父母是订阅者（观察者），当小baby嬉笑/哭闹的时候父母做出对应的应对措施 1234567891011121314151617181920212223242526272829303132333435363738394041424344/** * 定义发布者类-看作小宝宝 */class Publish { constructor(name) { this.name = name this.state = '开心' this.observers = [] } // 增加订阅者（观察者）,需要将观察者放在自己身上 add(them) { this.observers.push(them) } // 通知所有订阅者-看作父母 notify(state) { ...

Vue3-兄弟组件传参和Bus1、通过父组件作为传输参数的媒介父组件通过props向子组件传输自另一个子组件中接收到的参数,操作麻烦，无法直接通信，只能充当桥梁 父组件 123456789101112131415161718192021222324252627282930313233343536<!-- * @Description: * @Author: xiuji * @Date: 2022-08-31 21:14:30 * @LastEditTime: 2022-10-24 17:29:06 * @LastEditors: Do not edit--><template> <div class="content"> <SA @on-click="getParams"></SA> <SB :params="params"></SB> </div></template><script setup ...

1、cd123456cd /home 　 进入根目录下面的home目录cd home 　 进入当前目录下的home目录cd ..　　　 返回上一层目录cd ../.. 　　 返回上两级目录cd /　　　　　返回跟目录cd - 　　　　返回上次所在的目录 2、ls命令123ls 　　　查看目录中的文件 ls -a　　列出全部的文件，连同隐藏文件（开头为.的文件）一起列出来ls -l 　 显示文件和目录的详细资料 3、mkdir12mkdir dir1 创建一个叫做 'dir1' 的文件夹' mkdir dir1 dir2 同时创建两个文件夹 4、rm命令1234rm -f file1　　 删除一个叫做 'file1' 的文件' rmdir dir1 　　删除一个叫做 'dir1' 的目录' （空目录才能删除）rm -rf dir1 　　删除一个叫做 'dir1' 的目录并同时删除其内容 rm -rf dir1 dir2　　 同时删除两个目录及它们的内容 5、 ...

辛弃疾有句话，「事无两样，心有别」。 对于我来说，我不担忧失去什么，而是担忧会来什么。这个世界也有美好的东西，比如太阳，无论你心情好，或者发生什么事情，总是安静地出现在那里，让人充满信心；还有清新的空气、一望无垠的山野，某个人的体温、气味。另外，金钱可以让你逃脱不想理睬的东西。 如果有可能，我希望成为一种比人类更高级的生物。我害怕年老时的无能为力，不能选择的时候被迫做一些丧失尊严的事情。年轻的时候总会有更多的办法，有更强的生命力，不一定需要自己多大的力量，就可以克服一些问题，不会对别人产生心理上的依赖。

1、Nginx指令12345678910cd /usr/local/nginx/sbin/./nginx // 启动nginx，没有提示消息启动成功 nginx -s stop // stop表示立即停止nginx,不保存相关信息 nginx -s quit // 优雅地停止Nginx服务（即处理完所有请求后再停止服务） nginx -s reload // 修改配置后重新加载生效 killall nginx // 杀死所有nginx进程 2、Nginx配置个人服务器nginx配置 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912 ...

依赖注入Provide / Inject通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。 官网的解释很让人疑惑，那我翻译下这几句话： provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用 inject 来接收 provide 提供的数据或方法。 爷爷级组件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<!-- * @Description: * @Author: xiuji * @Date: 2022-08-31 21:14:30 * @LastEditTime: 2022-10-21 15:28:43 * @LastEditors: Do not edit--><template> ...

transition-group动画组件transition-group用法、属性、生命周期与transtion完全一致 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253<!-- * @Description: * @Author: xiuji * @Date: 2022-08-31 21:14:30 * @LastEditTime: 2022-10-07 15:32:41 * @LastEditors: Do not edit--><template> <div class="content"> <el-button type="primary" @click="add">add</el-button> <el-button type="primary" @click=" ...

transition动画组件Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡: 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 1、 自定义transtions动画组件过度效果自定义 transition 过度效果，你需要对transition组件的name属性自定义。并在css中写入对应的样式 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990<!-- * @Description: * @Author: xiuji * @Date: 2022-08-31 21:14:30 * @LastEditTime: 2022-09-15 16:01:53 * @LastEditors: Do ...

内置组件keep-alive1、 通过路由配置keep-alive判断是否缓存12345678910111213141516171819202122232425262728import { createRouter, createWebHashHistory } from 'vue-router';import Home from '../views/Home.vue';//路由预加载 const routes = [ { path: '/', name: 'Home', component: Home,//路由预加载 meta: { keepAlive:true, //是否需要缓存 } }, { path: '/about', name: 'About', component: () => import('@/vi ...