feat:更新

ide/obsidian使用总结.md

@@ -1,9 +1,14 @@
 ## 定位当前文件在目录中的位置
 
+
 可以试一下 File Tree Alternative Plugin 插件  
 或者给 文件列表：在文件列表中显示当前文件  
 命令加个快捷键 Alt+F1
 
 ## 在新标签页打开文件
 
-使用 Ctrl+o 搜索文件后，点击文件后，将替换当前标签页的文件；如果按住 Ctrl 再点击文件，将会在新标签页打开。
+使用 Ctrl+o 搜索文件后，点击文件后，将替换当前标签页的文件；如果按住 Ctrl 再点击文件，将会在新标签页打开。
+
+
+## 离线安装插件
+参考：[如何安装插件？【玩转Obsidian的保姆级教程】 - 知乎 (zhihu.com)](https://zhuanlan.zhihu.com/p/403001135)

mysql/MySQL常用命令.md

@@ -94,6 +94,8 @@ alter table table_name change column column_name_1 column_name2 float default 0;
 -- 添加索引
 alter table table_name add index ind_column_name(column_name);
 create index ind_column_name on table_name(column_name);
+-- 添加联合唯一索引
+alter table table_name add unique index uk_column(cloumn1, cloumn2);
 
 -- 删除索引
 alter table table_name drop index ind_column_name;
@@ -148,6 +150,10 @@ select time_format(now(), '%Y%m%d%H%i%s');
 -- 字符串转为日期
 select str_to_date('2024-01-01', '%Y-%m-%d');
 select str_to_date('2024-01-01 08:30:12', '%Y-%m-%d %h:%i:%s');
+
+
+-- 时间运算
+select date_add(now(), INTERVAL -1 day);
 ```
 
 ## 插入的特殊操作
@@ -191,4 +197,11 @@ UPDATE student s
 JOIN student_bak b 
 	ON b.id=s.id  
 SET s.name=b.name, s.age=b.age;
+```
+
+## 行转列
+
+```sql
+-- 默认以英文逗号分隔
+select GROUP_CONCAT(name) as names from student ;
 ```

nodejs/nodejs学习总结.md

@@ -84,7 +84,6 @@ npm update 模块名
 # 搜索模块
 npm search 模块名
 
-
 ```
 ### pnpm
 
@@ -108,4 +107,53 @@ npm config set strict-ssl false
 npm config set registry http://registry.cnpmjs.org
 # 该 registry.npm.taobao.org 地址已更换为 https://registry.npmmirror.com
 npm config set registry registry.npm.taobao.org
-```
+```
+
+
+## package.json
+
+### 安装所有依赖
+
+通过以下命令将在 `node_modules` 文件夹中安装 package.json 中 dependencies 配置的依赖项。
+```shell
+npm install 
+```
+
+### 安装单个包
+从 npm5 开始，通过以下命令就可以将npm包添加到 package.json 中的文件依赖 dependencies。在 npm5 以前，需要添加参数 --save。
+```shell
+# npm5开始，自动将<package-name>添加到package.json依赖中
+npm install <package-name>
+
+# npm5 以前
+npm install <package-name> --save
+```
+
+* `--save-dev` 安装并添加条目到 `package.json` 文件开发依赖
+- `--no-save` 安装但不添加条目到 `package.json` 文件依赖
+- `--save-optional` 安装并添加条目到 `package.json` 文件可选依赖
+- `--no-optional` 将阻止安装可选依赖
+
+也可以使用标志的简写形式：
+
+- -S：`--save`
+- -D：`--save-dev`
+- -O：`--save-optional`
+
+
+
+当使用 npm 或者 yarn 安装包时，该npm包会被自动插入到 dependencies 配置项中：
+```shell
+npm install <PACKAGENAME>
+yarn add <PACKAGENAME>
+```
+
+
+### npm 脚本
+
+参考 [npm scripts 使用指南 - 阮一峰的网络日志 (ruanyifeng.com)](https://www.ruanyifeng.com/blog/2016/10/npm_scripts.html)
+
+
+## Node开发
+
+[Node.js 命令行程序开发教程 - 阮一峰的网络日志 (ruanyifeng.com)](https://www.ruanyifeng.com/blog/2015/05/command-line-with-node.html)

nodejs/vue3入门.md

@@ -0,0 +1,125 @@
+1、reactive shallowreactive
+
+reactive 声明对象为响应式数据的函数，监听对象所有层次的属性
+shallowreactive 相比与reative，只监听对象的根属性
+
+```js
+const mydata = reactive({
+  name: '张三',
+  age: 18,
+  hobby: ['抽烟', '喝酒']
+});
+
+const mydata = shallowReactive({
+  name: '张三',
+  age: 18,
+  hobby: ['抽烟', '喝酒']
+});
+
+function change() {
+  mydata.hobby.push('烫头')
+}
+```
+
+
+2、ref
+
+ref 基础数据为响应式数据
+```js
+const mydata = ref(0);
+function change() {
+  mydata.value ++;
+}
+```
+
+
+3、readonly shallowReadonly
+
+readonly 声明只读数据的函数，对象中所有层次的属性都是只读
+shallowReadonly 相对于shallowReadonly，对象中只有根属性是只读，其他属性允许修改
+
+```js
+const mydata = readonly({
+  name: '张三',
+  age: 18,
+  hobby: ['抽烟', '喝酒']
+});
+
+const mydata = shallowReadonly({
+  name: '张三',
+  age: 18,
+  hobby: ['抽烟', '喝酒']
+});
+
+function change() {
+  mydata.hobby.push('烫头')
+}
+```
+
+4、computed 
+
+响应式数据变化了，computed 函数只会第1次调用，其他情况使用缓存
+```js
+const mydata = ref('这是一段标题');
+const getLen = computed(() => {
+  console.log("计算长度")
+  return mydata.value.length;
+});
+
+function change() {
+  mydata.value = mydata.value + "!";
+}
+```
+
+
+5、watch 侦听器
+
+监听响应式数据
+
+```js
+const count = ref(0);
+function change() {
+	count.value++;
+}
+// 监听基本数据的响应式数据
+watch(count, (newValue, oldValue) => {
+	console.log(newValue, oldValue);
+})
+
+const mydata = reactive({
+	name: '张三',
+	age: 18,
+	hobby: ['抽烟', '喝酒']
+})
+function change() {
+	mydata.age ++;
+}
+// 监听响应式数据对象内部属性
+watch(() => mydata.age, (newValue, oldValue) => {
+	console.log(newValue, oldValue);
+})
+```
+
+
+6、watchEffect 
+侦听多个响应式数据
+
+```js
+const count = ref(0);
+const mydata = reactive({
+	name: '张三',
+	age: 18,
+	hobby: ['抽烟', '喝酒']
+});
+
+function change() {
+  count.value ++;
+}
+function change2() {
+  mydata.age ++;
+}
+watchEffect(() => {
+	console.log('count的值：' + count.value + '， age的值：' + mydata.age);
+});
+```
+

windows/win10关闭自动更新.md

@@ -1,5 +1,5 @@
 1. win+R 输入 regedit，打开注册表编辑器
-2. 按照 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsUpdate\UX\Settings 顺序找到最后一层
+2. 按照 HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\WindowsUpdate\\UX\\Settings 顺序找到最后一层
 3. 在右侧栏中右键新建名为 FlightSettingsMaxPauseDays 的 DWORD 值
 	 ![[Pasted image 20230806210924.png]]
 4. 然后双击该名称，在弹出框中选择十进制，填写值（单位天），比如 7000

前端/js基础语法.md

@@ -64,7 +64,7 @@ console.log(0.3-0.2); // 0.09999999999999998
 console.log(0.2-0.1); // 0.1
 console.log(0.3-0.2 == 0.2-0.1); // false
 ```
-```
+
 
 ## 转为布尔值
 

前端/现代JS技术.md

@@ -0,0 +1,10 @@
+JavaScript 脚本语言（依托于其他大型应用程序，无法独立存在，API依赖于宿主环境）
+NodeJS，js运行时环境，类似于浏览器。
+
+NPM NodeJS的包管理工具
+
+浏览器接收到Http报文后，首先解析HTML为DOM树，同时解析CSS文件，然后构建渲染树。接着布局渲染树并将其绘制到屏幕上。
+
+说到底，浏览器只能接收HTML、CSS、JS。无论什么框架最终都要转换为 HTML、CSS、JS 才能被浏览器执行。构建就是做这件事的。
+
+