.gitignore

@@ -1,2 +1,2 @@
 .trash
-.obsidian/
+.obsidian

.obsidian/app.json

@@ -1,22 +0,0 @@
-{
-  "readableLineLength": false,
-  "strictLineBreaks": false,
-  "showLineNumber": true,
-  "smartIndentList": false,
-  "autoPairMarkdown": false,
-  "vimMode": true,
-  "attachmentFolderPath": "./imgs",
-  "promptDelete": false,
-  "newFileLocation": "current",
-  "useMarkdownLinks": true,
-  "showInlineTitle": false,
-  "userIgnoreFilters": [
-    "imgs",
-    "/*/imgs",
-    "**/imgs",
-    "/**/imgs",
-    "idea/imgs",
-    "ide/imgs",
-    "/ide/imgs"
-  ]
-}

.obsidian/appearance.json

@@ -1,11 +0,0 @@
-{
-  "accentColor": "",
-  "theme": "obsidian",
-  "baseFontSize": 16,
-  "interfaceFontFamily": "Consolas",
-  "textFontFamily": "Consolas",
-  "monospaceFontFamily": "Consolas",
-  "showViewHeader": false,
-  "nativeMenus": false,
-  "translucency": false
-}

.obsidian/community-plugins.json

@@ -1,3 +0,0 @@
-[
-  "terminal"
-]

.obsidian/core-plugins-migration.json

@@ -1,30 +0,0 @@
-{
-  "file-explorer": true,
-  "global-search": true,
-  "switcher": true,
-  "graph": false,
-  "backlink": true,
-  "canvas": true,
-  "outgoing-link": true,
-  "tag-pane": true,
-  "properties": false,
-  "page-preview": true,
-  "daily-notes": false,
-  "templates": false,
-  "note-composer": true,
-  "command-palette": true,
-  "slash-command": false,
-  "editor-status": true,
-  "bookmarks": true,
-  "markdown-importer": false,
-  "zk-prefixer": false,
-  "random-note": false,
-  "outline": true,
-  "word-count": true,
-  "slides": false,
-  "audio-recorder": false,
-  "workspaces": false,
-  "file-recovery": true,
-  "publish": false,
-  "sync": false
-}

.obsidian/core-plugins.json

@@ -1,17 +0,0 @@
-[
-  "file-explorer",
-  "global-search",
-  "switcher",
-  "backlink",
-  "canvas",
-  "outgoing-link",
-  "tag-pane",
-  "page-preview",
-  "note-composer",
-  "command-palette",
-  "editor-status",
-  "bookmarks",
-  "outline",
-  "word-count",
-  "file-recovery"
-]

.obsidian/graph.json

@@ -1,22 +0,0 @@
-{
-  "collapse-filter": true,
-  "search": "",
-  "showTags": false,
-  "showAttachments": false,
-  "hideUnresolved": false,
-  "showOrphans": true,
-  "collapse-color-groups": true,
-  "colorGroups": [],
-  "collapse-display": true,
-  "showArrow": false,
-  "textFadeMultiplier": 0,
-  "nodeSizeMultiplier": 1,
-  "lineSizeMultiplier": 1,
-  "collapse-forces": true,
-  "centerStrength": 0.518713248970312,
-  "repelStrength": 10,
-  "linkStrength": 1,
-  "linkDistance": 250,
-  "scale": 1,
-  "close": false
-}

.obsidian/hotkeys.json

@@ -1,42 +0,0 @@
-{
-  "outline:open-for-current": [
-    {
-      "modifiers": [
-        "Mod"
-      ],
-      "key": "\\"
-    }
-  ],
-  "workspace:copy-path": [
-    {
-      "modifiers": [
-        "Alt"
-      ],
-      "key": "C"
-    }
-  ],
-  "workspace:close-window": [],
-  "app:open-help": [
-    {
-      "modifiers": [],
-      "key": "F1"
-    }
-  ],
-  "file-explorer:reveal-active-file": [
-    {
-      "modifiers": [
-        "Alt"
-      ],
-      "key": "F1"
-    }
-  ],
-  "editor:insert-link": [],
-  "terminal:open-terminal.select.root": [
-    {
-      "modifiers": [
-        "Mod"
-      ],
-      "key": "Q"
-    }
-  ]
-}

.obsidian/plugins/terminal/data.json

@@ -1,81 +0,0 @@
-{
-  "addToCommand": true,
-  "addToContextMenu": true,
-  "createInstanceNearExistingOnes": true,
-  "errorNoticeTimeout": -1,
-  "exposeInternalModules": true,
-  "focusOnNewInstance": true,
-  "hideStatusBar": "never",
-  "language": "zh-Hans",
-  "newInstanceBehavior": "newHorizontalSplit",
-  "noticeTimeout": -1,
-  "openChangelogOnUpdate": false,
-  "pinNewInstance": true,
-  "preferredRenderer": "dom",
-  "profiles": {
-    "TortoiseGit-Commit": {
-      "args": [],
-      "executable": "D:\\develop\\TortoiseGit\\bin\\TortoiseGitProc.exe /command:commit /path:\"./\"",
-      "name": "TortoiseGit-Commit",
-      "platforms": {
-        "win32": true
-      },
-      "restoreHistory": true,
-      "successExitCodes": [
-        "0",
-        "SIGINT",
-        "SIGTERM"
-      ],
-      "terminalOptions": {},
-      "type": "external"
-    },
-    "TortoiseGit-Pull": {
-      "args": [],
-      "executable": "D:\\develop\\TortoiseGit\\bin\\TortoiseGitProc.exe /command:pull /path:\"./\"",
-      "name": "TortoiseGit-Pull",
-      "platforms": {
-        "win32": true
-      },
-      "restoreHistory": true,
-      "successExitCodes": [
-        "0",
-        "SIGINT",
-        "SIGTERM"
-      ],
-      "terminalOptions": {},
-      "type": "external"
-    },
-    "TortoiseGit-Push": {
-      "args": [],
-      "executable": "D:\\develop\\TortoiseGit\\bin\\TortoiseGitProc.exe /command:push /path:\"./\"",
-      "name": "TortoiseGit-Push",
-      "platforms": {
-        "win32": true
-      },
-      "restoreHistory": true,
-      "successExitCodes": [
-        "0",
-        "SIGINT",
-        "SIGTERM"
-      ],
-      "terminalOptions": {},
-      "type": "external"
-    },
-    "TortoiseGit-Log": {
-      "args": [],
-      "executable": "D:\\develop\\TortoiseGit\\bin\\TortoiseGitProc.exe /command:Log /path:\"./\"",
-      "name": "TortoiseGit-Log",
-      "platforms": {
-        "win32": true
-      },
-      "restoreHistory": true,
-      "successExitCodes": [
-        "0",
-        "SIGINT",
-        "SIGTERM"
-      ],
-      "terminalOptions": {},
-      "type": "external"
-    }
-  }
-}

.obsidian/plugins/terminal/manifest.json

@@ -1,14 +0,0 @@
-{
-	"author": "polyipseity",
-	"description": "Integrate consoles, shells, and terminals inside Obsidian.",
-	"fundingUrl": {
-		"Buy Me a Coffee": "https://buymeacoffee.com/polyipseity",
-		"GitHub Sponsors": "https://github.com/sponsors/polyipseity"
-	},
-	"version": "3.14.0",
-	"authorUrl": "https://github.com/polyipseity",
-	"id": "terminal",
-	"isDesktopOnly": false,
-	"minAppVersion": "1.2.8",
-	"name": "Terminal"
-}

.obsidian/workspace.json

@@ -1,197 +0,0 @@
-{
-  "main": {
-    "id": "3bb7f38db2387d5b",
-    "type": "split",
-    "children": [
-      {
-        "id": "afa0790c1c26da4c",
-        "type": "tabs",
-        "children": [
-          {
-            "id": "125c9c37111746b5",
-            "type": "leaf",
-            "state": {
-              "type": "markdown",
-              "state": {
-                "file": "前端/现代JS技术.md",
-                "mode": "source",
-                "source": false
-              }
-            }
-          }
-        ]
-      }
-    ],
-    "direction": "vertical"
-  },
-  "left": {
-    "id": "6f8969088f47d58a",
-    "type": "split",
-    "children": [
-      {
-        "id": "6491bc61bb169c73",
-        "type": "tabs",
-        "children": [
-          {
-            "id": "620d41c62d442bf0",
-            "type": "leaf",
-            "state": {
-              "type": "file-explorer",
-              "state": {
-                "sortOrder": "alphabetical"
-              }
-            }
-          },
-          {
-            "id": "9adc607dcc07bac9",
-            "type": "leaf",
-            "state": {
-              "type": "search",
-              "state": {
-                "query": "",
-                "matchingCase": false,
-                "explainSearch": false,
-                "collapseAll": false,
-                "extraContext": false,
-                "sortOrder": "alphabetical"
-              }
-            }
-          },
-          {
-            "id": "a97a50757ad954b5",
-            "type": "leaf",
-            "state": {
-              "type": "bookmarks",
-              "state": {}
-            }
-          }
-        ]
-      }
-    ],
-    "direction": "horizontal",
-    "width": 333.5
-  },
-  "right": {
-    "id": "f28ea7a08c39359b",
-    "type": "split",
-    "children": [
-      {
-        "id": "489f410875c56783",
-        "type": "tabs",
-        "children": [
-          {
-            "id": "b7e395c1b494a1ef",
-            "type": "leaf",
-            "state": {
-              "type": "backlink",
-              "state": {
-                "file": "前端/现代JS技术.md",
-                "collapseAll": true,
-                "extraContext": false,
-                "sortOrder": "alphabetical",
-                "showSearch": false,
-                "searchQuery": "",
-                "backlinkCollapsed": false,
-                "unlinkedCollapsed": true
-              }
-            }
-          },
-          {
-            "id": "11012135f9e830db",
-            "type": "leaf",
-            "state": {
-              "type": "outgoing-link",
-              "state": {
-                "file": "前端/现代JS技术.md",
-                "linksCollapsed": false,
-                "unlinkedCollapsed": true
-              }
-            }
-          },
-          {
-            "id": "8df9c62e86e98543",
-            "type": "leaf",
-            "state": {
-              "type": "tag",
-              "state": {
-                "sortOrder": "frequency",
-                "useHierarchy": true
-              }
-            }
-          },
-          {
-            "id": "15cb5a66286e2370",
-            "type": "leaf",
-            "state": {
-              "type": "outline",
-              "state": {
-                "file": "前端/现代JS技术.md"
-              }
-            }
-          }
-        ],
-        "currentTab": 2
-      }
-    ],
-    "direction": "horizontal",
-    "width": 502.5,
-    "collapsed": true
-  },
-  "left-ribbon": {
-    "hiddenItems": {
-      "canvas:新建白板": false,
-      "switcher:打开快速切换": false,
-      "command-palette:打开命令面板": false,
-      "terminal:Open terminal": false
-    }
-  },
-  "active": "125c9c37111746b5",
-  "lastOpenFiles": [
-    "前端/js基础语法.md",
-    "前端/现代JS技术.md",
-    "java/Java8 新特性(二)- Stream.md",
-    "ide/VSCode安装使用指南.md",
-    "nodejs/nodejs学习总结.md",
-    "未命名.canvas",
-    "spring/SpringMvc业务流程.md",
-    "spring/SpringMVC Validate.md",
-    "spring/SpringMVC响应数据忽略null.md",
-    "spring/Spring默认BeanName.md",
-    "spring/权限系统.md",
-    "linux/Linux chkconfig命令详解.md",
-    "Open Source Control View.md",
-    "Open source control view.md",
-    "nodejs/commit.md",
-    "前端/js常用函数.md",
-    "前端/JavaScript运行机制：事件驱动变成详解.md",
-    "windows/win11右键菜单还原.md",
-    "前端/JavaScript和Jquery插件开发指南.md",
-    "java/怎么打印日志？.md",
-    "java/日志/slf4j logger 占位符.md",
-    "linux/Linux常用命令总结.md",
-    "mysql/MySQL常用命令.md",
-    "mysql/MySQL使用总结.md",
-    "mysql/MySQL5.7.30安装指南.md",
-    "中间件/RabiitMQ3.7.24主从环境搭建指南.md",
-    "git/GitLab安装使用指南.md",
-    "中间件",
-    "maven/imgs/image-20200808183443418.png",
-    "maven/imgs/image-20200808175034963.png",
-    "maven/imgs/image-20200808173019643.png",
-    "maven/imgs/image-20200808172951319.png",
-    "maven/imgs/image-20200808172632992.png",
-    "maven/imgs/image-20200808163029711.png",
-    "maven/imgs/image-20200808162545096.png",
-    "maven/imgs/image-20200808162759278.png",
-    "maven/imgs",
-    "webserver/imgs/Image_20200819141049.jpg",
-    "webserver/imgs",
-    "webserver/新建文件夹",
-    "nodejs",
-    "python",
-    "ide/imgs/Pasted image 20240425145935.png",
-    "前端/imgs",
-    "es",
-    "前端"
-  ]
-}

linux/远程终端工具.md

@@ -0,0 +1,13 @@
+## xshell
+
+
+百度网盘链接：https://pan.baidu.com/s/1U-3yASiHUgLMZrLB53lBZg?pwd=a6tm 
+提取码：a6tm
+
+XshellPlus就是将xshell和xftp打包在了一起，目前xshell个人用户已经可以免费使用，官方已经推出个人版！Xshell是一款免费SSH客户端软件的Linux远程监控工具.Xshell中文版,轻松管理远程主机服务器,会话管理器,支持多选项卡管理主机.
+Xftp 7最新版以及Xshell 7最新版支持远程协议Telnet,Rlogin,SSH/SSH PKCS＃11,SFTP,Serial,具有Unicode编码支持,动态端口转发,自定义键盘映射,VB脚本支持等特色.
+
+对其进行绿化便携操作，免安装即可使用（运行绿化.bat即可）
+禁止后台联网检测上报数据，避免个人信息泄露
+删除了在线升级程序、多语言模块等文件，让内存占用更低
+去除一些弹窗广告，优化使用体验

nodejs/nodejs学习总结.md

@@ -48,6 +48,9 @@ cnpm install [name]
 ```
 更多信息可以查阅：[https://npmmirror.com/](https://npmmirror.com/)
 
+> 原淘宝 npm 域名即将停止解析，正如在《淘宝 NPM 镜像站喊你切换新域名啦》 中预告的那样：[http://npm.taobao.org](http://npm.taobao.org/) 和 [http://registry.npm.taobao.org](http://registry.npm.taobao.org/) 将在 2022.06.30 号正式下线和停止 DNS 解析。域名切换规则：  
+[http://npm.taobao.org](http://npm.taobao.org/) => [http://npmmirror.com](http://npmmirror.com/)  
+[http://registry.npm.taobao.org](http://registry.npm.taobao.org/) => [http://registry.npmmirror.com](http://registry.npmmirror.com/)
 ### 本地安装和全局安装
 ```shell
 # 本地安装

nodejs/package.json是什么.md

@@ -0,0 +1,32 @@
+
+# 功能
+
+## 依赖管理
+## 执行脚本
+
+## 存储元数据
+
+# 关键字段
+
+## 创建package.json
+
+```shell
+# 会询问一些问题，显示在生成的package.json文件中
+npm init
+```
+
+## name
+name字段用于标识软件包
+##
+##
+##
+##
+##
+##
+##
+##
+####
+##
+##
+##
+##

nodejs/vue3入门.md

@@ -1,4 +1,82 @@
-1、reactive shallowreactive
+推荐的 IDE 配置是 [Visual Studio Code](https://code.visualstudio.com/) + [Vue - Official 扩展](https://marketplace.visualstudio.com/items?itemName=Vue.volar)。
+
+**Vue - Official 插件**
+* 在使用函数自动从 vue 中引入（import）
+
+# 创建项目
+
+## create-vue 创建
+
+```shell
+npm create vue@latest
+```
+这一指令将会安装并执行 [create-vue](https://github.com/vuejs/create-vue)，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：
+
+```shell
+✔ Project name: … <your-project-name>
+✔ Add TypeScript? … No / Yes
+✔ Add JSX Support? … No / Yes
+✔ Add Vue Router for Single Page Application development? … No / Yes
+✔ Add Pinia for state management? … No / Yes
+✔ Add Vitest for Unit testing? … No / Yes
+✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright
+✔ Add ESLint for code quality? … No / Yes
+✔ Add Prettier for code formatting? … No / Yes
+✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes
+
+Scaffolding project in ./<your-project-name>...
+Done.
+```
+如果不确定是否要开启某个功能，你可以直接按下回车键选择 `No`。
+在项目被创建后，通过以下步骤安装依赖并启动开发服务器：
+```shell
+cd <your-project-name>
+npm install
+npm run dev
+```
+
+当你准备将应用发布到生产环境时，请运行：
+```shell
+npm run build
+```
+此命令会在 `./dist` 文件夹中为你的应用创建一个生产环境的构建版本。
+
+# Vite 
+
+[Vite](https://cn.vitejs.dev/) 是一个轻量级的、速度极快的构建工具
+```shell
+npm create vue@latest
+```
+
+这个命令会安装和执行 [create-vue](https://github.com/vuejs/create-vue)，它是 Vue 提供的官方脚手架工具。跟随命令行的提示继续操作即可。
+
+# 关于 Vue CLI
+
+[Vue CLI](https://cli.vuejs.org/zh/) 是官方提供的基于 Webpack 的 Vue 工具链，它现在处于维护模式。我们建议使用 Vite 开始新的项目，除非你依赖特定的 Webpack 的特性。在大多数情况下，Vite 将提供更优秀的开发体验。
+
+```shell
+# 全局安装 vue cli
+npm install -g @vue/cli
+# 创建项目
+vue create vue-demo
+# 进入项目
+cd vue-demo
+# 运行项目
+npm run serve
+```
+
+# 入门
+
+
+
+创建vue实列
+ 
+createApp(App).mount('#app')
+
+createApp(App) 相当于 vue2 的 new Vue()
+
+
+## 1、reactive shallowreactive
 
 reactive 声明对象为响应式数据的函数，监听对象所有层次的属性
 shallowreactive 相比与reative，只监听对象的根属性
@@ -22,18 +100,18 @@ function change() {
 ```
 
 
-2、ref
+## 2、ref
 
 ref 基础数据为响应式数据
 ```js
 const mydata = ref(0);
 function change() {
-  mydata.value ++;
+  mydata.value ++;
 }
 ```
 
 
-3、readonly shallowReadonly
+## 3、readonly shallowReadonly
 
 readonly 声明只读数据的函数，对象中所有层次的属性都是只读
 shallowReadonly 相对于shallowReadonly，对象中只有根属性是只读，其他属性允许修改
@@ -56,23 +134,23 @@ function change() {
 }
 ```
 
-4、computed 
+## 4、computed 
 
-响应式数据变化了，computed 函数只会第1次调用，其他情况使用缓存
+响应式数据变化了，computed 函数第一次调用时才执行函数内部逻辑，其他时候使用缓存
 ```js
 const mydata = ref('这是一段标题');
 const getLen = computed(() => {
-  console.log("计算长度")
-  return mydata.value.length;
+  console.log("计算长度")
+  return mydata.value.length;
 });
 
 function change() {
-  mydata.value = mydata.value + "!";
+  mydata.value = mydata.value + "!";
 }
 ```
 
 
-5、watch 侦听器
+## 5、watch 侦听器
 
 监听响应式数据
 
@@ -94,6 +172,10 @@ const mydata = reactive({
 function change() {
 	mydata.age ++;
 }
+// 这种情况是不被允许的
+watch(mydata.age, (newValue, oldValue) => {
+	console.log(newValue, oldValue);
+});
 // 监听响应式数据对象内部属性
 watch(() => mydata.age, (newValue, oldValue) => {
 	console.log(newValue, oldValue);
@@ -101,7 +183,7 @@ watch(() => mydata.age, (newValue, oldValue) => {
 ```
 
 
-6、watchEffect 
+## 6、watchEffect 
 侦听多个响应式数据
 
 ```js
@@ -123,3 +205,9 @@ watchEffect(() => {
 });
 ```
 
+
+# 关于 vue devtools 
+
+Vue Devtools 是 Vue 官方发布的调试[浏览器插件](https://so.csdn.net/so/search?q=%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8F%92%E4%BB%B6&spm=1001.2101.3001.7020)，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
+
+应用商店 [Installation | Vue Devtools (vuejs.org)](https://devtools.vuejs.org/guide/installation.html)

webserver/Nginx服务器.md

@@ -58,7 +58,7 @@ make
 make install
 ```
 
-安装成功后，会自动生成一个nginx目录
+安装成功后，会自动生成一个nginx目录 /usr/local/nginx
 
 ## 3.启动nginx
 

设计模式/设计模式简介.md

@@ -0,0 +1,17 @@
+
+
+设计模式是最佳实践，是开发人员经过长时间的实验和错误总结出来的，一般问题的解决方案。
+
+设计模式主要基于以下原则：
+* 面向接口编程而不是面向实现
+* 优先使用对象组合而不是继承
+
+
+设计模式的六大原则：
+1、开闭原则：对扩展开放，对修改关闭
+2、里氏代换原则：任何父类可以出现的地方，子类一定可以出现
+3、依赖倒转原则：针对接口编程，依赖于抽象（接口）而不是实现
+4、接口隔离原则：使用多个隔离的接口，比使用单个接口要好
+5、最少知道原则：一个实体应该尽量少地与其他实体发生相互作用
+6、合成复用原则：尽量使用聚合/合成的方式，而不是继承
+