Himmelbleu

摘要： 按需加载组件 router 这里使用动态路由引入，如 component: () => import("@/views/Index.vue") JPG、PNG、SVG 等图片资源的压缩 Gzip 压缩js、css、html，也要配置 Nginx 的 gzip import { defineConfi 阅读全文

摘要： 如果资源已经被压缩成 Gzip 格式了，Nginx 不需要再次压缩。只需确保 Nginx 的配置正确指向这些 Gzip 文件，并使用 gzip_static 指令。 如果资源不是 Gzip 格式，就需要全配置一下。 http { ## # Gzip Settings ## gzip on; # 启用 阅读全文

摘要： 443 conf 在 sites-available 中新建一个文件，通过记事本进行配置： server { # 网站的端口号 listen 443 ssl; server_name zhangting.net; ssl_certificate /etc/nginx/cert/.pem; ssl_c 阅读全文

摘要： 异步路由组件 都知道异步路由组件通过 () => import("./views/Home.vue") 导入路由组件。 但是它怎么就按需加载资源、代码分割了？ 不同的代码解析报告 非异步路由组件 异步路由组件 代码分析报告生成代码 pnpm install webpack-bundle-analyz 阅读全文

摘要： 基本概念 当一个用户已经登录并且在当前域名下存储了相关的 Cookie（如身份验证信息等），如果打开一个伪造的 HTML 页面，并且该页面中的 <form> 元素的 action 属性包含完整的 API 请求全路径指向同一域名，浏览器在发送该表单请求时会自动携带该域名下存储的 Cookie。 同一域 阅读全文

摘要： 基本概念 CORS 指的是 跨源资源共享（Cross-Origin Resource Sharing），默认情况下不允许从一个源（即一个域名、协议、端口号组合）加载页面执行跨源 HTTP 请求。 若服务器未配置 CORS，当浏览器发起跨域请求时，会阻止前端获取服务器的响应。因此，服务器必须正确配置 阅读全文

摘要： ipcMain const { ipcMain } = require("electron"); ipcMain.handle("click-me", (_, msg) => { return "< " + msg + " >"; }) ipcRenderer const { contextBrid 阅读全文

摘要： macOS 不是关闭窗口退出应用，而是关闭窗口保留应用为后台进程。Windows 等系统默认关闭窗口就是退出应用也不保留后台进程。若要让 Windows 也可以实现该行为，在 electron 中可以添加如下代码实现： import { app, BrowserWindow, Tray, Menu 阅读全文

摘要： 前言 $(this) 就是把 DOM 对象传递给 jQuery 构造器中，通过 jQuery 对象让我们可以使用 jQuery 的 html()、css() 等一系列函数操作 DOM 元素。 <button id="btn">Click Me</button> <script src="path/t 阅读全文

摘要： 全局作用域 在浏览器中，如果在全局作用域下使用 this，它将指向 window 对象；在 Node.js 环境中，则指向 global 对象。 方法调用 当一个函数作为对象的方法被调用时，this 会指向该对象。 const obj = { name: "Alice", greet: functi 阅读全文