# 知识点总结

**Repository Path**: wazan/knows

## Basic Information

- **Project Name**: 知识点总结
- **Description**: vue3后台开发学习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-06
- **Last Updated**: 2026-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### npm run dev
- script/dev-runner.js
- const mainConfig = require('./webpack.main.config')
const rendererConfig = require('./webpack.renderer.config')






- 主进程
```js
// 类使用 implements 关键字，表示当前类满足这些外部类型条件的限制。
class MainIpcService implements MainIPC
//【src/main/bootstrap.ts】实例化并挂载到主进程的app.$IPC
app.$IPC = new MainIpcService(ipcMain, win.webContents)
```

- 渲染进程
```js
class RendererIpcService implements RenderIPC
//【src/renderer/bootstrap.ts】实例化并挂载到渲染程序的app.$IPC
window.$IPC = Vue.prototype.$IPC = new RendererIpcService()
```






<!-- index.vue -->
- 注册应用外部操作可以触发的监听操作
```js
registerNetworkCheckEvent() {
    ···
    this.$IPC.on('networkCheck', handlerNetworkCheck)
    this.$IPC.on('toggleAccount', handleLogout)
    this.$IPC.on('quit', handleQuit)
    this.$IPC.on('showSetting', handleShowSetting)
  }
```




















## 页面
### 登陆弹窗
- 公共组件头`<frame-header/>`
- 登陆组件`<iframe :src="iamUrl">`

### 首页
- 公共组件头`<frame-header/>`
    - 设置 
    ```js
    this.$IPC.on('showSetting', handleShowSetting)
    ```
    - 关于













## 公共组件
- `<frame-header/>`
    - `<exit />`