tmux介绍 tmux 是一个终端复用器，它允许你在一个终端窗口中运行多个终端会话，并在这些会话之间切换，而不必打开多个终端窗口。它对于需要同时管理多个任务的用户非常有用，尤其是在服务器管理、开发等方面。 安装 在 CentOS 上，可以使用 yum 或 dnf 来安装 tmux：sudo yum install tmux 基本用法 启动 tmux 会话:tmux 命名新会话：tmux new -s session_name 分割窗口： 水平分割：Ctrl + b 然后按 “（双引号） 垂直分割：Ctrl + b 然后按 % 切换窗口： 在窗口之间切换：Ctrl + b 然后按 o 上下移动窗口：Ctrl + b 然后按箭头键 分离和附加会话： 分离当前会话：Ctrl + b 然后按 d 重新附加会话：tmux attach-session -t session_name 列出会话tmux ls 关闭会话tmux kill-session -t session_name 常用快捷键 新建窗口：Ctrl + b 然后按 c 关闭窗口：Ctrl + b 然后按 &am ...

基础数据结构1.1数组 一个含有数据的列表 array = ["apples", "bananas", "cucumbers", "dates", "elderberries"] 了解某个数据结构（例如数组）的性能，得分析程序怎样操作这一数据结构。一般数据结构有四种操作 读取 (查找数据中指定索引处的值， array[0]) 查找 (从数据结构中找出某个数据值的所在) 插入 删除 重要理论：操作的速度，并不按时间计算，而是按步数计算此外，操作的速度，也被成为称为 时间复杂度 每种操作所用的步数 读取：一步，计算机本身就有跳到任一索引位置的能力。 查找：从索引0处开始，一个一个去对比查找，这种也被称为线性查找，对于长度为 N 的数组，其线性查找的最多步数为 N 插入：如果向数组的末尾插入，只需要一步，如果在开头或者中间插入，需要先将后边部分的数据一步一步向右挪，最后插入，所以需要额外的步数 删除： 看起来删除，只需要一步，但实际上，删除之后，需要将后面的数据往前挪 ...

概要 本文首先讲解什么是调用栈，什么是消息队列，以及事件循环，它们三者之间的关系。之后通过document.addEventListener('click', ()=>{console.log(111)})这段代码来理解js是如何执行事件以及事件循环的处理过程。 调用栈？or(执行栈)调用栈是一个抽象的数据结构，用于存储在代码执行过程中所有激活的函数调用的信息。每当在程序中调用一个函数时，该函数的执行上下文就会被添加（推送）到调用栈的顶部。每当函数执行完毕并返回时，其对应的执行上下文就会从栈顶被移除（弹出）。这个过程遵循后进先出（LIFO）的原则。 消息队列（异步任务队列）消息队列是一个先进先出（FIFO）的队列，用于存储待处理的消息和事件。这些消息可以是来自用户的交互（如点击或键盘事件）、网络请求、定时器超时等产生的。每一个消息都关联着一个函数，该函数的执行被称为一个任务。 事件循环事件循环（Event Loop）是一个编程模式，它等待并发送消息和事件。在JavaScript中，事件循环是一个处理程序，用于监视调用栈和消息队列。如果调用栈是 ...

介绍 Vue中的nextTick方法是Vue的一个重要异步工具，它用于将回调延迟到下一个DOM更新循环之后执行。当你在Vue组件中更改了数据，而想要基于更新后的DOM执行操作时nextTick非常有用。它等待Vue完成DOM的更新，然后执行你的回调函数。 实现原理 Vue的nextTick实现依赖于JavaScript的事件循环和微任务队列。Vue尝试利用原生的Promise.then、MutationObserver，或者setImmediate，如果以上都不可用，则回退到setTimeout(fn, 0)。 以下是Vue源码中与nextTick实现相关的简化逻辑： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253let callbacks = []let pending = falsefunction flushCallbacks () { pending = false const copies = callbac ...

如何封装一个全局的消息提示组件 心路历程： 在我的mini-bolg开发过程中，需要封装一个消息提示组件，项目基于nextjs+daisyui(一个基于tailwinds的ui库)开发。在组件封装的过程中，遇到了一些问题，在此记录一下== 项目环境： 1234567"next": "14.2.2","react": "^18","react-dom": "^18","daisyui": "^4.10.2","uuid": "^9.0.1","uuidv4": "^6.2.13""tailwindcss": "^3.4.1", 组件需求描述 此组件用于操作后的提示信息，如请求失败后，页面提示错误信息。 用法类似于antd组件库的message，如下 12345678910111213 ...

今天刚拉下公司代码，用webstorm打开，就提示这个错误 原因根据提示，可以看到原因是babel-preset-react-app预设需要指定环境变量NODE_ENV或者BABEL_ENV，但是当前它们未被设置或者设置的值未定义(undefined)。有效的值包括”development”（开发环境）、”test”（测试环境）以及”production”（生产环境）。 解决方式要解决这个问题，你需要确保在执行与ESLint相关的命令前，设置了NODE_ENV或BABEL_ENV环境变量。 由于我没有运行项目就报错，说明webstorm是在本地系统运行的eslint， 所以需要在.zshrc配置文件中加入export NODE_ENV=development 编辑.zshrc vim ~/.zshrc 加入下面一行配置 export NODE_ENV=development 更新.zshrc source .zshrc 重启webstorm就可以看到错误被解决了。

项目需求需要生成一个二维码，通过扫描该二维码进入的用户，能展示配置好的购买票种，其他方式进入的不展示。 配置流程 在小程序开发文档，找到 开发-开发管理 ，下滑找到 扫普通链接二维码打开小程序 添加配置链接 配置保存完成之后，通过二维码生成器，生成携带参数的二维码链接，如https://xxx.com?q=123 前端获取二维码携带的参数 123456Page({ onLoad(query) { const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容 const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳 }}) 参考: 扫码打开小程序接入指南

前言本文仅供学习使用，请支持正版。 JetBrains全家桶 支持大部分JetBrains系列软件，本文以webstorm为例 安装软件 前往JetBrains官网下载你所需要破解的软件 安装破解jar包 打开链接，等待加载完毕之后，选择一个可用节点，点击进入 进入页面之后，点击下载破解工具包 jetbra.zip 下载完成后，解压，然后打开终端，进入解压文件里面的scripts目录，执行里面的脚本install.sh ./install.sh 破解webstorm 打开下载好的webstorm，先申请一个试用的licenses，进入这个界面： 点击左上角工具栏的 Help 按钮，点击Edit Custom VM Options 在里面添加以下内容，然后保存 1234--add-opens=java.base/jdk.internal.org.objectweb.asm=ALL-UNNAMED--add-opens=java.base/jdk.internal.org.objectweb.asm.tree=ALL-UNNAMED-javaagent:/U ...

前言最近用uniapp开发了一款ios、android应用，项目打包的过程中用到了高德地图的sdk，在打包时遇到的一些问题，在这里记录一下。 打包流程 点击发行，选择原生App-云打包 打包配置分为android和ios配置 安卓配置 选择使用自有证书 获取自有证书： 需要安装JRE环境 使用keytool -genkey命令生成证书：keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore testalias是证书别名，可修改为自己想设置的字符，建议使用英文字母和数字 test.keystore是证书文件名称，可修改为自己想设置的文件名称，也可以指定完整文件路径 36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期 查看证书信息：keytool -list -v -keystore test.keystore 其中证书指纹信息（Certificate fingerprints）： MD5证书的 ...