1
0

4 Commits 57c6037fc7 ... dd14750cba

Autor SHA1 Mensagem Data
  liuchuanwei dd14750cba feat:更新 há 3 meses atrás
  liuchuanwei a6d37b2481 feat:添加notepad++离线安装插件步骤 há 3 meses atrás
  liuchuanwei 2fcbb4543c feat:添加IDEA中TODO自定义的使用 há 3 meses atrás
  liuchuanwei 86dc9ad11e chore:修改gitignore há 3 meses atrás

+ 2 - 1
.gitignore

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

+ 19 - 1
ide/IDEA使用总结.md

@@ -110,4 +110,22 @@ Java文件图标变成下面这样,而且包也没有分层。
 打开 “Project” 中的 “Project Structure”
 ![](Pasted%20image%2020240425145935.png)
 
-点击删除后,重新 “Add Content Root” 。
+点击删除后,重新 “Add Content Root” 。
+
+
+## TODO 使用
+
+通常我们这样使用TODO
+```java
+if (id != null) {
+	// TODO 这是一条更新待办
+	//更新
+} else {
+	// TODO 这是一条新增待办
+	//新增
+}
+```
+
+也可以在自定义TODO,并筛选出自己感兴趣的TODO
+![](Pasted%20image%2020240728165808.png)
+![](Pasted%20image%2020240728165709.png)

+ 12 - 3
ide/Notepad++使用总结.md

@@ -1,8 +1,18 @@
 ## 安装插件
 
+### 在线安装
+
+比如**JSON Viewer**
+在菜单栏【插件】
+
+### 离线安装
+1、下载插件
+	可以参考下面找插件下载地址的方法
+	在线情况下【插件】-> 【插件管理】,搜索要按照的插件,确定插件下载地址
+![](Pasted%20image%2020240728171224.png)
+2、菜单栏【插件】-> 【打开插件文件夹】,将下载的插件安装包解压到该文件夹
+![](Pasted%20image%2020240728180746.png)
 
-### JSON Viewer
-在线安装,移动plugin的插件即可
 
 
 # 添加语法
@@ -17,4 +27,3 @@
 
 3. 重启Notepad++,打开nginx配置文件,选择“语言” -> Nginx 
 
-    

BIN
ide/imgs/Pasted image 20240728165709.png


BIN
ide/imgs/Pasted image 20240728165808.png


BIN
ide/imgs/Pasted image 20240728171224.png


BIN
ide/imgs/Pasted image 20240728180746.png


+ 6 - 1
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)

+ 13 - 0
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 ;
 ```

+ 50 - 2
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)

+ 125 - 0
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);
+});
+```
+

+ 1 - 1
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

+ 1 - 1
前端/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
 ```
-```
+
 
 ## 转为布尔值
 

+ 10 - 0
前端/现代JS技术.md

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