- 博客(39)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 关掉ssh终端连接之后，为什么服务器上的编译还在跑
关掉SSH连接后，服务器上的编译仍能继续运行，是因为腾讯云OrcaTerm的“托管会话”功能将任务托管在服务器的tmux会话中，而非依赖客户端连接。普通SSH会话断开时，进程因收到SIGHUP信号而终止；而托管会话通过tmux保持终端会话持久化，即使页面关闭、断网或换设备，任务仍在后台运行，下次可无缝恢复查看。适用于编译、训练、备份等长时间任务，提升远程操作效率与可靠性。
2026-11-05 11:02:35
1044
原创 苦逼运维半夜服务器炸了，手机上操作终端想原地飞升，别怕 OrcaTerm AI 来救你
手机上操作终端，键盘难用、连接易断、命令难敲，运维深夜崩溃。传统小程序终端依赖手动输入，体验极差。而腾讯云 OrcaTerm 微信小程序引入 AI 对话，只需说“看下 CPU 和磁盘占用最高的进程”，AI 自动生成命令并确认执行，结果直接返回对话中，省去繁琐输入。结合自研 Canvas 2D 渲染，实现流畅终端画面，支持语音输入与跨屏查看。虽有连接易断等局限，但显著减轻“自己敲命令”的负担。腾讯云 OrcaTerm 微信小程序 AI 额度免费，你不用我用怎么促进消费！
2026-10-19 16:17:59
596
原创 Script error.：文件名是空的，行号是 0
Script error. 是跨域脚本因安全策略被屏蔽错误信息的体现，仅在监控中出现，开发者工具可见真实堆栈。其本质是浏览器对“muted errors”的处理：同源脚本正常上报，跨域脚本默认隐藏细节。解决需通过 crossorigin="anonymous" 并配合服务器返回 Access-Control-Allow-Origin 头，使错误信息可见。若脚本未按 CORS 放行，则无法解除屏蔽，监控仍显示 Script error.。
2026-11-06 17:00:32
224
原创 Unable to preventDefault inside passive event listener
页面滚动时出现“Unable to preventDefault inside passive event listener”警告，源于Chrome等浏览器对window、document等根节点上的touchmove、wheel等事件默认启用passive: true，导致preventDefault()无效。即使显式调用也无效，除非显式设置{ passive: false }。建议优先使用CSS的touch-action属性控制手势行为（如touch-action: none），仅在必要时才将监听器设为
2026-11-06 16:50:30
199
原创 ResizeObserver loop completed with undelivered notifications
ResizeObserver loop completed with undelivered notifications. 表示一帧内未完成的通知被延迟至下一帧，因回调中修改了被观察元素的尺寸导致循环受限。常见于频繁变更布局或嵌套层级过深场景。虽无错误抛出，但可能引发页面抖动。可通过 requestAnimationFrame 延迟写入、避免自增尺寸、或在全局监听中过滤该消息来缓解。浏览器扩展也可能触发此警告。
2026-11-05 10:07:51
203
原创 WebSocket 的 1006：关闭帧没有到
onclose里code是 1006，wasClean是 false。前面那个error事件没有状态码，也没有原因字符串。界面要么停在「已连接」很久才跳断开，要么立刻重连，几秒后又是 1006。1006 不是对端写在关闭帧里的数字。把它留给「关闭帧没到」：TCP 断了、进程被杀掉、中间代理把连接拆掉，都走这里。还规定，脚本不能从这一个码里分出 DNS 失败、端口拒绝、TLS 失败和握手之后被突然拆掉。这些情况都是 1006，避免页面用它探测内网。
2026-11-05 09:59:36
57
原创 Unexpected end of JSON input：空正文、截断和半条事件
Unexpected end of JSON input 表示 JSON 解析未完成，常见于空正文、连接截断或流式事件未到空行。虽状态码为 200，但可能因空响应、半条数据或拼接片段导致。应优先检查正文内容与结构，区分空值、截断与非法格式，对流式数据需缓冲至 \n\n 再解析，避免误判。使用 text() 先读取原文再 JSON.parse 可避免资源耗尽。
2026-11-04 10:25:21
170
原创 半个「中」被 TextDecoder 解成了 ``
流式解码中，TextDecoder 若未启用 stream: true 或每片新建实例，会导致“中”等多字节字符被截断为 U+FFFD。状态需在同一个解码器实例中保持，否则半字符无法续接。使用 TextDecoderStream 可自动处理流式解码。手写解码器若忽略 stream 逻辑，可能错误生成其他字符。关键：保持状态、统一实例、避免提前解码字符串。
2026-11-04 10:10:43
124
原创 fetch 取消之后，catch 里经常不是 AbortError
当 fetch 被取消时，catch 中的错误类型不一定是 AbortError，而是取决于 abort() 传入的 reason。若未传参，为 AbortError；若传入自定义值（如字符串或 Error），则 name 为对应类型，无法通过 error.name === 'AbortError' 判断。正确做法是结合 signal.aborted 和 error.name 分类：TimeoutError 表示超时，TypeError 表示网络失败，仅 aborted 且非超时/自定义原因时才视为用户取消
2026-10-30 15:47:39
95
原创 Maximum update depth exceeded：警告打完，循环还在跑
Maximum update depth exceeded 警告中，若后半句指向 useEffect 依赖异常，问题根源常在：依赖数组包含不稳定对象（如自定义 Hook 返回值），且 reducer 在状态无变化时仍返回新对象，导致无限循环渲染。修复关键：reducer 中状态未变时返回原引用，依赖项改用 useCallback 固定函数，或通过 useMemo 稳定返回值。生产环境无警告，仅表现为页面静置发热，需通过剖面、测试熔断等手段定位。核心原则：避免“把插座插回自己身上”。
2026-10-30 15:40:57
4
原创 帮我看下 CPU：这句话在手机上怎么变成一条真命令
手机上一句“帮我看下 CPU”可真执行？OrcaTerm 小程序让自然语言变真实命令：语音或输入后，AI 生成命令卡，经确认才在服务器运行。真实 SSH 连接，终端输出渲染于 Canvas，支持多机切换、断线重连。命令执行前必展示预览，三档权限控制（逐次确认/白名单/全放行），防误操作。支持读写配置、查看 diff，语音输入也可见。适合离座应急运维，微信登录即用，腾讯云用户更可直连实例。
2026-10-27 15:37:23
216
原创 小程序里不要用 requestAnimationFrame
小程序中避免使用 requestAnimationFrame 调度逻辑层任务，因其绑定画布重绘，键盘弹起时重绘暂停导致界面卡顿、更新积压。应改用带批次合并的 setTimeout（如 200ms 窗口），仅提交最新状态，提升流畅度。打字机动画宜用 clip-path + steps() 合成层实现，避免逐字 setData。真机测试是关键：画面滞后、卡顿或顿字，皆为 rAF 使用不当所致。
2026-10-27 15:28:54
161
原创 wx.setClipboardData 失败：103、104、112 不是同一种错
wx.setClipboardData 失败时，errno 103、104、112 表示不同问题：103/104 为用户拒绝授权（需提示“稍后重试”），112 为未在隐私协议中声明剪贴板权限（开发者需补全声明）。错误码需结合 errno 和 errMsg 分类处理，避免误判。失败回调中 error 非标准 Error，须安全解析字段。文案应按原因区分，日志保留原始信息，避免误导用户或掩盖配置问题。
2026-10-27 15:19:46
208
原创 微信开发者工具正常，真机全是 ERR_CONNECTION_CLOSED
开发者工具里接口是通的，扫码到手机上每一条wx.request都失败。旁边常常还有。600001 只表示这次失败来自 Cronet，真正要看的是后面的。-100是 Chromium 的：TCP 连接被关掉了（对端或中间设备发了 FIN），响应没回来。它不是「域名没配进白名单」，也不是证书校验失败。那两类有自己的文案和错误码。先把这三句分开，后面的排查才不会走错。下面的网络栈和时间点以和为准。-100。
2026-10-22 11:47:31
174
原创 微信小程序切后台后，WebSocket 为什么保不住，回来要怎么恢复
微信小程序切后台后，WebSocket 会因 JS 线程挂起而断连或假死，onClose 延迟触发。恢复时需通过 wx.onAppShow 检测连接状态：短时间离开（<30秒）延迟500毫秒等待回调落地，再发心跳探测；长时间离开则直接重连。避免复用旧定时器，send 时捕获“任务不存在”错误并处理为断开。重连需串行、受5条上限约束，支持会话恢复或降级新建。关键点：只监听 onAppHide/onAppShow，真机调试验证，防止误判。
2026-10-22 11:34:39
293
原创 微信小程序 wx.navigateToMiniProgram 使用指南：参数、回传和真机失败原因
小程序之间要打开另一个小程序，用。登录授权、订单支付、会员互通这类流程都靠它：当前小程序把用户送过去，对方处理完再带数据回来。接口从基础库 1.3.0 开始可用，支持 Promise。微信 Windows、Mac、鸿蒙客户端都可以调用。它只负责「打开」，不负责「等对方做完」。对方返回的数据要在自己的App.onShow里收。
2026-10-19 19:41:10
413
原创 实时监听数字输入框
话不多说，直接上代码。实时监听数字输入框/*** ele: input 元素* fun: 输入回调**/ initNumberInput: function (ele, fun) { // 是否锁定当前的输入状态 let isLock = false; let oldVal = ''; // 输入即可触发【不区分中文和英文】 ele.get(0).addEventListener('keydown', function (e) { // 只有在非中文输
2020-11-18 08:02:08
335
原创 git 常用指令记录
git log --> git reset --hard …git diff --name-status mastergit push --set-up origin 【branch】git update-index --assume-unchanged FILE 在FILE处输入要忽略的文件。git update-index --no-assume-unchanged FILEgit config --global user.name “name”git config --global
2020-10-20 19:13:21
285
原创 JS原型、原型链
js原型、原型链是前端面试中经常遇到的问题，所以自己好好梳理了一下思路，怕自己掉链子。JS原型官话：Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。人话：对照上图，可以看到new一个Object对象，我没有给obj初始化设置任何值，输出可以看到obj上包含的信息：prototy
2020-09-15 00:58:24
266
原创 前端常用样式、方法、奇葩问题积累
记录自己常用的CSS样式只显示一行，其他省略号.text-ellipsis { overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}只显示两行，其他省略号.text-ellipsis-2{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-li
2020-08-14 20:36:24
357
原创 三不应届生的悲哀之 vue-echarts 数据可视化
闲来无事，不想打游戏，不想睡觉，不想接单子，三不20应届生只能写博客在线水文。github:https://github.com/kk-cc-lh/vue-echarts演示地址：http://echarts.kuchao.xyz/背景图片等待资源来源于：pink老师 https://gitee.com/xiaoqiang001/eckarts_open_class.git注意事项：flexible.js 和 rem 搭配注意对父元素overflow： hidden // 不然就
2020-05-26 17:42:18
407
原创 vue2.x 三级弹窗
三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npm i kc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步import KDialog from 'kc-dialog';import 'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置项属性参数说明类型可选值默认值visib
2020-05-22 11:16:15
890
原创 vue移出内联样式
在某种特殊的环境下，需要对第三方组件里面的某个dom节点添加内联样式，然后某种情况移出添加的内联样式，不能覆盖。这种SB的操作也找不出来几个人了，记录一下。可以把cssText 打印出来看看。this.$refs.xx.style.cssText = ''求高招，这样写太别扭了...
2020-03-24 17:40:50
590
原创 vue使用echarts-dataset
记录echarts使用，记忆力不行，总忘事。官网安装npm install echarts --save引用 import echarts from "echarts"使用dom:注意：可以用ref，一定一定要有宽高<div id="domHook" style="width: 900px; height: 400px;"> option： c...
2020-03-17 11:51:48
1172
1
原创 vue 使用 xlsx 导出excel
安装npm i xlsx引用 import XLSX from 'xlsx'导出传入table节点： let xlsxParam = { raw: true } let wb = XLSX.utils.table_to_book(document.querySelector('#id'), xlsxParam) let wbout...
2020-03-13 20:19:33
1153
原创 js array、object、set常用方法
数组indexOf(item, start)返回数组中某个指定的元素位置。let a= ["a", "b", "c", "d"];a.indexOf("b");找到返回索引，从零开始，没找到返回-1。find()查找元素，返回第一个符合条件的元素let a= ["a", "b", "c", "d"];a.find(item => item === "a");...
2020-03-13 13:48:35
902
原创 vue使用krpano 全景图
准备工作环境：vue-cli：4.2.2krpano: 1.19安装vue-krapanonpm install vue-krpano --save引用import Vue from "vue";import Krpano from "vue-krpano";Vue.use(Krpano);引用krpano包index.html中 <script s...
2020-03-11 18:02:37
2470
原创 element-ui 树形表格 多选框选不全
element-ui版本：2.13.0在使用的树形表格配合多选框的时候：勾选父节点菜单，不能联动选择到父节点勾选全选的时候，不能选全（子节点没有选中）百度一圈都没有找到答案，谷歌又不能用。不过问题还是要解决的嘛，就去读了一圈源码，迷迷糊糊的，不过还是搞清楚了一些东西。template：<el-table ref="multipleTable" ...
2020-03-06 13:01:18
2771
原创 Spring boot接收axios.post传输的json格式参数
当我们前端传数据到后端的时候，经常会出现传一下复杂的组合对象。Spring boot1.封装一个接收体 （太懒了不愿意写）2.使用map接收pom.xml<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</a...
2020-03-05 13:52:21
2933
原创 Parameter 'XXX' not found. Available parameters are [collection, list]] with root cause
在使用mybatis的时候，mapper只传了一个list集合参数，结果就报错：Parameter 'roleIds' not found. Available parameters are [collection, list]] with root cause就是说这个参数没有找到, 这个时候可以用@Param指定参数就行了。mapperimport org.apache.ibatis...
2020-03-05 10:59:50
1965
原创 elment-ui tree单选实现
elment-ui 里面的树形控件，默认是多选的，如果你仔细看过各个属性和方法就可以实现单选。check-strictly 关闭父子关联node-key 设置唯一标识show-checkbox 允许节点可选ref=“tree”添加方法 @check=“treeChange”<el-tree ref="tree" :dat...
2020-03-03 19:37:21
2732
原创 vue-router资源请求路径错误
废话不多说，直接上bug一看就是资源路径错误，请求路径中是相对路径。解决：在vue-config.js里面修改publicPath就行：module.exports = { publicPath: "/", // 基本路径 outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint-loader 是否在保存的时候检查 ...
2020-03-03 10:58:42
1001
原创 vue自定义组件数据绑定
vue自定义组件数据绑定v-model指令v-model其实是一个语法糖，相当于v-bind和v-on的组合。例如：<input v-bind="val" v-on:input="val=$event.target.value" />其中val是一个变量，当输入数据的时候，会触发input上的事件去修改val的值。自定义组件实例<template>...
2020-01-03 18:10:58
907
原创 element-ui表格固定列错位
element-ui表格固定列错位版本：element-ui 2.13.0谷歌滚动条原因在使用vue进行前端开发时，使用element-ui框架，当表格过高时出现滚动条，导致底部行错位，其原因是因为表格固定列的时候，鼠标滚动是内部计算的（详细信息看源码），所有需要改源码。谷歌浏览器会发生这种情况，火狐不会发生这种情况。资源还在审核中。。。(链接后续补)动态改变表格的宽高当动态改...
2019-12-27 18:47:33
11751
2
原创 块元素、行元素、行内块元素
html标签块元素、行元素、行内块元素区分区分块元素（block）块元素简单来说就是独占一行，并且可以设置width和height，就像一个方块一样可以有自己的宽和高。如果没有设置width，那么块元素的width默认和父容器的width保持一致。如果没有设置height，那么块元素的height默认为0,块元素的高由内部元素支撑起来。常见的块元素有：div、p、h1–h6、hr、ul...
2019-12-04 17:30:45
661
原创 Jq动态添加元素绑定事件is not defined
问题原因当我们使用jq的时候，会遇到这种情况：我们加载完了页面后，需要通过Jq来动态添加一些元素并绑定事件。举个栗子：var newnode=document.createElement("div");newnode.innerHTML="<button onclick='ok()'>确定</button>"$("#xxx").appendChild(newnod...
2019-11-28 14:13:22
1195
原创 基于vue-cli3的vue权限框架搭建
环境搭建事先准备本文只注重前端的搭建，后端只提及部分本框架是基于vue-cli3搭建的，首先你需要安装vue-cli脚手架。查看你的版本vue -V创建你的项目（admin为项目称）vue create admin然后安装你的各种负载，这里不进行详细说明我的package.json可以进行参考 "dependencies": { "axios": "^0.1...
2019-11-27 16:50:56
682
原创 vue-cli svg-sprite-loader
在vue-cli中使用svg-sprite-loader新手上路，有什么不对的地方请不吝赐教svg-sprite-loader是干啥的？当你有很多的svg图片的时候，你可以使用svg-sprite-loader来把图片打包成雪碧图（不是心飞扬哪个雪碧），然后使用时每个svg对应一个name标识。svg-sprite-loader安装npm install svg-sprite-loade...
2019-11-22 16:31:44
1087
原创 vuex模块化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-11-22 09:43:45
389
element-ui.zip
2019-12-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人