diff --git "a/\350\242\201\344\271\213\346\201\222/20240513-pinia.md" "b/\350\242\201\344\271\213\346\201\222/20240513-pinia.md"
new file mode 100644
index 0000000000000000000000000000000000000000..52ff7e224972ef527cad2817fc9faa21c356fc0d
--- /dev/null
+++ "b/\350\242\201\344\271\213\346\201\222/20240513-pinia.md"
@@ -0,0 +1,41 @@
+## 动态路由pinia
+- Pinia 是一个用于管理 Vue 应用状态的轻量级状态管理库。
+1. 安装 Pinia：
+    - npm install pinia
+    - yarn add pinia
+
+
+2. 创建 store：定义状态、 getter、 mutation 和 action。
+
+```js
+// 创建 store
+const store = createStore({
+  state: {
+    count: 0
+  },
+  mutations: {
+    increment(state) {
+      state.count++
+    }
+  },
+  actions: {
+    incrementAction(context) {
+      context.commit('increment')
+    }
+  }
+})
+```
+
+
+3. 在组件中使用 store：通过注入 store 实例来访问和操作状态。
+```js
+const app = createApp(App)
+app.use(store)
+
+// 在组件中访问 store
+const { count, incrementAction } = useStore()
+```
+```html
+<button onclick="incrementAction()">Increment</button>
+<p>{{ count }}</p>
+```
\ No newline at end of file
diff --git "a/\350\242\201\344\271\213\346\201\222/20240514-Webapi\344\273\213\347\273\215.md" "b/\350\242\201\344\271\213\346\201\222/20240514-Webapi\344\273\213\347\273\215.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a646b3c3d6f160c4a6832a734861684b0c817b90
--- /dev/null
+++ "b/\350\242\201\344\271\213\346\201\222/20240514-Webapi\344\273\213\347\273\215.md"
@@ -0,0 +1,36 @@
+# Web API简介
+Web API（应用程序编程接口）是一种用于在应用程序之间传输数据的协议。Web API允许不同的软件应用通过HTTP协议进行通信，交换数据，从而实现功能上的整合。
+
+## 什么是Web API
+Web API是一种接口，它定义了客户端可以遵循的一组规则和约定，以便与服务器进行交互。这些交互通常是通过发送请求和接收响应来完成的。
+
+## Web API的工作原理
+1. **客户端请求**：客户端（如Web浏览器、移动应用等）向服务器发送一个HTTP请求。
+2. **服务器处理**：服务器接收到请求后，根据请求的类型（如GET、POST、PUT、DELETE等）处理请求。
+3. **响应返回**：服务器处理完毕后，将结果以HTTP响应的形式发送回客户端。
+
+## Web API的优势
+- **简化开发**：开发者可以通过Web API快速集成第三方服务。
+- **数据交换格式**：通常使用JSON或XML作为数据交换格式，易于理解和使用。
+- **跨平台**：Web API不受平台限制，可以在任何支持HTTP协议的环境中使用。
+
+## 常见的Web API类型
+- **RESTful API**：表现层状态转移（Representational State Transfer）是一种设计风格，它定义了客户端和服务器之间的通信方式。
+- **SOAP API**：简单对象访问协议（Simple Object Access Protocol）是一种协议，用于在Web服务中交换结构化信息。
+- **GraphQL API**：GraphQL是一个用于API的查询语言，它允许客户端精确地指定所需数据。
+
+## 如何使用Web API
+要使用Web API，你通常需要：
+1. **阅读文档**：了解API的使用方法和限制。
+2. **获取授权**：如果API需要认证，你需要获取相应的授权。
+3. **发送请求**：使用适当的工具或编程语言发送HTTP请求到API的端点。
+4. **处理响应**：根据服务器返回的响应进行处理。
+
+## 示例：使用RESTful API获取数据
+假设我们想要从某个RESTful API获取数据，我们可能会发送一个GET请求到如下URL：`https://api.example.com/data`
+
+## 安全性
+Web API的安全性非常重要。常见的安全措施包括：
+- **使用HTTPS**：确保所有通信都是加密的。
+- **认证机制**：如OAuth、API密钥等，以验证请求的合法性。
+- **限制访问**：对API的使用频率和权限进行限制。