hexo配置自定义域名 我们通常在配置好 Hexo 博客后,会发现我们的域名不是怎么好看,例如我之前申请的一个博客 https://gaowei1012.github.io,确实是又长有难记忆。还好 Hexo 可以提供我们自定义域名 https://dev.dgdream.online,下面我们来介绍如何配置与使用。 域名申请我们首先在网上申请一个自己喜欢的域名,例如我在腾讯云申请的域名,如下图所示: 申请好的域名, 2024-04-11 hexo #hexo
JS 一维数组,转对应二维数组 在一些业务中,经常我们会处理这样一些数据,如下显示 数据源 1234567891011121314151617181920212223242526272829303132333435const data = [ { "id": 1, "parentId": 0, "createTim 2024-04-08 前端面试 #前端面试
nextjs postgres 配置使用 接上篇 nextjs postgres, 这篇文章来讲解怎么在 nextjs 项目中使用 postgres 数据库。我们来到 vercel 官网,登录找到我们创建配置的 progress 项目,我们点击项目->进入详情,点击 storage 查看我们生成好的配置。 这里我们选择 .env.local 选项,如下图所示: 点击 Show secret 查看生成的配置文件,复制生成好的文件, 2024-04-07 nextjs #nextjs
nextjs postgres 连接 nextjs 连接 postgres 数据库, 我们先去 vercel 官网创建一个账号,并绑定到我们的 github 账号,如下图所示: 我们选择 I'm working on personal projects 创建一个个人项目,这里的个人项目在数据储存上已经可以满足我们日常开发测试。 这里有多种账号关联可以选择,我这里选择使用 github 作为测试账号。 注册成功后, 选择登录成功 2024-04-07 nextjs #nextjs
前端性能优化-加载流程 越是交互复杂、用户量大的业务,对性能的要求就越是严格。大多数的前端性能优化,都是从页面的启动和加载流程开始梳理和定位,对于功能复杂的业务来说,这样的梳理尤为重要。 常见的页面加载流程 网络请求,服务端返回 HTML内容 浏览器一边解析 HTML,一边进行页面渲染 解析到外部资源,会发起HTTP请求获取,加载 JavaScipt代码时会暂停页面渲染 根据业务代码加载过程,会分 2024-04-07 前端性能优化 #前端性能优化
nextjs 配置 progress 查询数据 首先我们在项目里新建 src/lib/data.ts 文件,这里的是我们的业务逻辑,直接操作我们的数据 porgress数据库。 12// 引入 sql 查询方法import { sql } from '@vercel/postgres' 比如,查询一条数据,我们可以这样编写: 12345678910111213141516171819 2024-04-06 nextjs #nextjs
electron 打包出现的问题 mac打包签名错误 解决方案: 打开本机器的 .base_profile 或者 ~/.zshrc 文件, 在下面加入一句 export CSC_IDENTITY_AUTO_DISCOVERY=false 在终端中 socure ~/.base_profile 或者 socure ~/.zshrc ,重新运行打包命令即可。 2024-04-06 electron #electron
electron builder 打包 打包环境 Mac Apple M2 Pro Node 18.17.0 React 18.2.64 配置打包环境 安装 electron-builder 1npm i electron-builder --save-dev 在 package.json 中配置如下 123456789101112131415161718192021222324252627282930313233343536 2024-04-06 electron #electron
electron 基于 create-react-app 项目架构配置 创建项目 使用react脚手架创建基础项目 1npx create-react-app my-electron-app --template typescript 安装 electron 📢 在安装 electron 需要科学上网,这样拉的依赖会快些 1npm i electron --save-dev 暴露项目的webpack配置 1npm run eject 安装 s 2024-04-06 electron #electron
electron 窗口拖拽 实践背景,当我们开发 Electron 客户端时,为了兼容某些场景。影藏顶部状态栏,隐藏后我们发现之前定义的点击事件不可以点击了,我们则需要做如下修改。 1234567891011121314mainWindow = new BrowserWindow({ width: 760, height: 460, titleBarStyle: 'hiddenInset 2024-04-06 electron #electron