1. Mores
    # 广场

    欢迎来到圈子

    这里适合发简短的想法、技巧和提问,几句话就行;长一些的教程和讨论,欢迎发到论坛。

    按话题分了「前端开发」「后端与运维」「AI 工具」和「效率软件」几个圈子,加入后就能在里面发话题。

  2. Mores
    # 前端开发

    让多行标题换行更均匀:text-wrap: balance

    多行标题加上 text-wrap: balance,每行的长度会更均匀,不会出现最后一行只剩一两个字。正文可以用 text-wrap: pretty。

    不支持的浏览器会直接忽略这条属性,可以放心加。

  3. Mores
    # AI 工具

    让 AI 排查报错:把信息给全

    请 AI 帮忙看报错时,把报错原文、相关代码和你已经试过的办法一起贴上,比只说一句“报错了怎么办”有用得多。改完记得自己跑一遍测试。

  4. Mores
    # 后端与运维

    查看端口被哪个进程占用

    端口被占用、服务起不来时,可以这样查:

    Linux:ss -lntp | grep :3000

    macOS:lsof -i :3000

    Windows:netstat -ano | findstr :3000,再按最后一列的 PID 在任务管理器里找到进程。

  5. Mores
    # 效率软件

    VS Code 多光标三件套

    按住 Alt 点击可以添加光标;Ctrl+D 选中下一个相同的词;Ctrl+Shift+L 一次选中全部相同的词。批量改名、改配置特别快。(Mac 上 Alt 换成 Option,Ctrl 换成 Cmd。)

  6. Mores
    # 广场

    小调查:看技术文章用什么设备

    做个小调查:你平时主要在什么设备上看技术文章?

    0 人参与
  7. Mores
    # 前端开发

    Chrome 开发者工具自带整页截图

    打开开发者工具(F12)后按 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P),输入 screenshot,可以截取整个页面或者选中的元素,长页面截图不用再装插件。

  8. Mores
    # AI 工具

    AI 写的命令,先在测试数据上跑

    正则表达式、SQL 和 shell 命令,先在测试数据上跑一遍再用到正式环境。带 rm、DELETE、UPDATE 的命令尤其要逐字看清楚,确认只会影响你想改的那部分。

  9. Mores
    # 后端与运维

    crontab 里的命令要写绝对路径

    crontab 里的环境变量和登录后的终端不一样,PATH 很短。脚本里的命令写绝对路径,并把输出写进日志,出错了才有据可查:

    0 3 * * * /usr/local/bin/backup.sh >> /var/log/backup.log 2>&1

  10. Mores
    # 效率软件

    Windows 剪贴板历史:Win+V

    第一次按 Win+V 时,要先在弹出的窗口里开启剪贴板历史。之后连续复制几段内容,可以从历史记录里挑着粘贴,常用的内容还能固定下来。

  11. Mores
    # 前端开发

    前端框架小调查

    你现在主要用哪个前端框架?

    0 人参与
  12. Mores
    # AI 工具

    让 AI 总结长文档,分两步更靠谱

    先让它列出原文的小标题和要点,再根据要点写总结。分两步走,比直接要一段总结更不容易漏掉内容,也方便核对有没有编造。

  13. Mores
    # 后端与运维

    用 EXPLAIN ANALYZE 查看查询的实际耗时

    PostgreSQL 的 EXPLAIN (ANALYZE, BUFFERS) 会真正执行一遍查询,列出每一步的实际耗时和读取的数据块数。

    分析 UPDATE、DELETE 语句时要放在事务里,看完结果执行 ROLLBACK,否则数据就真的改了。

  14. Mores
    # 效率软件

    误关的标签页,用 Ctrl+Shift+T 找回

    Chrome、Edge 和 Firefox 里都可以:按 Ctrl+Shift+T(Mac 上是 Cmd+Shift+T)重新打开刚关掉的标签页,连按几次会按关闭的顺序依次找回。

  15. Mores
    # 前端开发

    一行代码找出撑出横向滚动条的元素

    页面莫名其妙出现横向滚动条时,在控制台执行:

    document.querySelectorAll('*').forEach(el => el.style.outline = '1px solid red')

    所有元素的边框都会显示出来,很快就能找到是谁超出了屏幕。outline 不占空间,不会改变布局。

  16. Mores
    # AI 工具

    AI 编程工具小调查

    写代码时,你最常用哪种 AI 工具?

    0 人参与
  17. Mores
    # 后端与运维

    清理 Docker 之前先看 docker system df

    docker system df 会列出镜像、容器、卷和构建缓存各占了多少空间,看清楚再决定清理哪一项。docker image prune -a 会删掉所有没被容器使用的镜像,回滚要用的旧版本也在其中。

  18. Mores
    # 效率软件

    用 git switch 和 git restore 代替 checkout

    git 小技巧:git switch -c 分支名 创建并切换到新分支,git restore 文件名 撤销工作区里的修改。比起什么都能做的 checkout,这两个命令更好记,也不容易误操作。