Server-Sent Events（SSE）是一种基于 HTTP 协议的服务器推送技术，它允许服务器以流的方式向客户端实时推送数据。与 WebSocket 等双向通信技术不同，SSE 专注于单向通信（从服务器到客户端），特别适合需要服务器主动推送数据的场景，如：

• 社交媒体的实时通知（评论、点赞、关注提醒）
• 股票价格、体育比分的实时更新
• 日志和事件流的实时监控
• 聊天应用中的消息提醒

SSE 与 WebSocket 的对比

SSE 工作原理

SSE 的实现原理非常简单。客户端通过 JavaScript 的 EventSource 接口发起请求，服务器保持连接打开并定期发送事件。这种连接具有以下特点：

官网

What is Prettier? · Prettier

安装

# 全局安装
npm install -g prettier
# or
yarn global add pretter

# 项目中安装
npm install --save-dev --save-exact prettier
#or
yarn add prettier --dev --exact

配置

配置的位置

• package.json 中的 perttier 字段

• JSON 或者 YAML 格式的 .prettierrc

• .prettierrc.json, .prettierrc.yml , .prettierrc.yaml, .prettierrc.json5

• .prettierrc.js , .prettierrc.cjs ,prettierrc.config.js,prettierrc.config.cjs

{
  "tabWidth": 2, // tab缩进大小,默认为2
  "useTabs": true, // 使用tab缩进，默认false
  "semi": false, // 使用分号, 默认true
  "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  "TrailingCooma": "none", // 行尾逗号,默认none,可选 none|es5|all,es5 包括es5中的数组、对象,all 包括函数对象等所有可选
  "bracketSpacing": true, // 对象中的空格 默认true
  "jsxBracketSameLine": false, // JSX标签闭合位置 默认false
  "arrowParens": "avoid", // 箭头函数参数括号，默认avoid 可选 avoid| always,avoid 能省略括号的时候就省略 例如x => x，always 总是有括号
  "htmlWhitespaceSensitivity": "strict" //html空格严格程度，可选<css|strict|ignore>
}

配置文件的位置从被格式化的文件的位置找起，然后沿着文件系统向上寻找。注意，prettier 没有全局的配置文件。

由宿主发起的任务称为宏观任务。
例如setTimeout函数创建的就是宏任务，当前的脚本执行也是宏任务。

setTimeout(() => {
  console.log("Hello");
}, 100);

微任务

由 JavaScript 引擎发起的任务称为微任务。
微任务的主要来源是Promise。 在 JavaScript 的事件循环中，当期宏任务执行完或者如果调用栈为空的时候，会检查微任务队列，如果队列不为空，会执行微任务队列中的任务。

以下是一些比较实用的Electron的代码。

为应用程序添加右键菜单

这段代码应该添加到 html 中的页面中

<script>
const { remote } = require('electron');
const { Menu, MenuItem } = remote;

const menu = new Menu();
menu.append(new MenuItem({ label: 'MenuItem1', click() { console.log('item 1 clicked') } }));
menu.append(new MenuItem({ type: 'separator' }));
menu.append(new MenuItem({ label: 'MenuItem2', type: 'checkbox', checked: true }));

window.addEventListener('contextmenu', (e) => {
  e.preventDefault();
  menu.popup({ window: remote.getCurrentWindow() });
}, false);
</script>

限制只能运行一个实例的代码

限制只能运行一个实例，需要用到 Electron 的 app.requestSingleInstanceLock()方法, 此方法的返回值表示我们的应用程序实例是否成功取得了锁。 如果它取得锁失败，则可以认为已经有一个实例获取了锁，并且正在运行，我们可以使用 app.quit() 方法立即结束当前实例的运行。 调用 app.requestSingleInstanceLock()方法，会触发前一个实例(如果存在前一个实例)的second-instance事件，我们可以在这个事件里面做点什么，例如激活前一个实例的窗口并获取焦点，示例代码如下

ESLint 是一种静态代码分析工具，用于识别 JavaScript 代码中存在的有问题的模式,可以帮助我们写出语法正确，风格统一的代码。

安装以及使用 ESLint

1. 我们可以使用 npm 来安装 ESLint，运行npm install eslint --save-dev命令安装 ESlint。
2. 在项目根目录运行./node_modules/.bin/eslint --init命令进行初始化操作，初始化的时候根据命令的提示输入一些基本的设置，确认后会在项目的根目录下面生成一个名字为.eslintrc.*(这个在初始化的时候可以选择不同的文件格式,json 或者 yaml 都是可以的)的配置文件。如下图所示
   
3. 安装配置完成之后就可以直接使用了，可以在任何的文件目录或者文件上运行 ./node_modules/.bin/eslint yourfile.js

上述的使用只是在本地安装了 eslint，当然我们完全可以把这货安装成全局的，使用npm install -g eslint，但是呢，全局安装的 eslit 在执行的时候，使用的插件和配置文件还是优先读取本地的,如果在~/目录中存在配置文件，只有在 eslint 没有读取到任何的配置文件的时候才会去读取这里的文件。

]]>