2025-08-22T03:02:14.741Z https://screw-hand.com/ screw-hand Hexo https://screw-hand.com/post/kibana-story/ 2025-04-02T06:47:21.000Z 2025-08-22T03:02:14.741Z

<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>这只是一次经历分享，大家当故事听听就行，知识密度不会那么高。<br>不是kibana、elasticsearch的技术教程，是一个以技术主题的职场故事。<br>这个任务给我的印象实在是深，是技能面和人力调度最广的一次。<br>几年前的事情了，有些细节可能有所偏差，错误之处还请指出。</p>

https://screw-hand.com/post/why-rss/ 2024-09-24T06:16:19.000Z 2025-08-22T03:02:14.754Z

<p>我是一位RSS的狂热爱好者。 这是一篇思路贴，记录个人对rss使用的一些思考，希望大家能愉快舒适使用RSS，爱上RSS。</p> <p>这篇文章适合有RSS使用经验的读者。新手可能不会找到入门教程，但无论你的熟练程度如何，这里的见解都可能为你的RSS使用技巧带来启发提升。</p>

https://screw-hand.com/post/config-bridge-mode-in-vmware-workstation/ 2024-06-13T02:45:50.000Z 2025-08-22T03:02:14.724Z

<ol> <li><p>准备工作</p> <ul> <li>确保宿主机的物理网卡已启用并正常工作。</li> <li>确保 VMware Workstation 和虚拟机的网络驱动程序是最新的，并且与操作系统兼容。

https://screw-hand.com/post/m-series-mac-2k-HiDPI/ 2024-03-19T06:19:06.000Z 2025-08-22T03:02:14.746Z

<ul> <li>原生系统支持</li> <li>BetterDummy(BetterDisplay)</li> </ul>

https://screw-hand.com/post/web-env-migrate/ 2024-01-29T02:29:00.000Z 2025-08-22T03:02:14.754Z

<h1 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h1><ul> <li>单体Web应用部署在云服务提供商上。</li> <li>用户通过域名访问该应用。</li> <li>计划将应用从一个云服务器（A）迁移到另一个（B），使用Docker进行部署。</li> <li>迁移的目标是让用户无感知这一变更。</li> </ul>

https://screw-hand.com/post/optimal-visual-effect-scaling/ 2023-10-19T15:50:00.000Z 2025-08-22T03:02:14.750Z

<ul> <li>计算dpi/ppi</li> <li>最佳缩放倍率</li> </ul>

https://screw-hand.com/post/vscode-insiders-support-install-extension-by-web/ 2023-08-14T08:27:43.000Z 2025-08-22T03:02:14.753Z

<p>mac使用vscode-insiders，无法直接在网页上直接安装扩展。</p>

https://screw-hand.com/post/ssh-config/ 2023-07-05T11:48:57.000Z 2025-08-22T03:02:14.751Z

<ul> <li>多个账号配置ssh key</li> <li>ssh免密码登录</li> </ul> <p>…</p>

https://screw-hand.com/post/fork-skill/ 2023-06-21T04:50:55.000Z 2025-08-22T03:02:14.727Z

<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>进阶fork技巧，对初学者不是那么友好，建议拥有以下前置技能：</p> <ol> <li>使用过github的fork&#x2F;pr操作</li> <li>熟悉使用git命令的多个分支，多个远端操作</li> <li>熟练使用git处理合并分支冲突</li> </ol> <p>各个大标题内容独立，可根据自己需求跳读:</p> <ul> <li>如何将fork类型仓库转成自己的仓库</li> <li>如何同步多个上游仓库</li> <li>在fork之前clone上游仓库并commit了，怎么提pr</li> </ul>

https://screw-hand.com/post/apt-vs-apt-get/ 2023-06-20T03:52:03.000Z 2025-08-22T03:02:14.723Z

<p>apt和apt-get都是Ubuntu的包管理工具，在较新的系统推荐用apt，apt比apt-get更新，后者的兼容性会更好。apt也会让其依赖项一起升级。</p>

https://screw-hand.com/post/hope/ 2022-08-22T10:22:11.000Z 2025-08-22T03:02:14.734Z

<p>很多时候我都很好奇别人想法，比如朋友的理想生活到底是怎样的。所以给最珍贵的朋友做了一次人间采访，我想知道，脱离了现实的客观条件，朋友们希望过上一种什么样的生活。</p> <p>以下回答来自不同的朋友，不同的时间，或者想法会进化或者放弃。但是仍然希望，所有人都记得有某一个人，曾经有这么一个理想过。</p> <p>因为说出自己的真实想法太过羞耻，很多人并不一定喜欢自我暴露，所有的回答都是采用匿名机制，只保留日期，如果找不到自己的回答，那也说明这个理想生活也不属于你了。</p> <p>或许某一天，当你迷失了方向，会重新回来这里，寻找你最初的想法。</p> <p><strong>“你的理想生活是什么，无视所有客观条件?”</strong></p>

https://screw-hand.com/post/antd-source/ 2022-08-02T07:47:16.000Z 2025-08-22T03:02:14.653Z

<h1 id="导读"><a href="#导读" class="headerlink" title="导读"></a>导读</h1><p>github上面有一些很“哇塞”的项目，在工作中呢，我们只是作为“使用者”的角色，去把这些开源项目应用在项目中。<br>看着官网提供的资料，了解了这是什么、这怎么安装、这怎么使用、这有什么东西……<br>这很常见，从使用者的角度上看，甚至社区上的项目写得好不好跟我们关系也不大。<br>“能用就用，不能用就换一个，反正有很多选择”，这是很多人使用者的态度。<br>这当然没问题。<br>不过作为研发人员，我们可以不止步于此，可以进一步深入了解他们的项目代码。<br>毕竟作者都开源了，肯定是希望社区上的用户能对他们的代码有更多的了解。<br>开源给了所有技术人员一个机会——了解其他优秀开发者的项目机会。<br>遗憾的是大部分开发者都不具备去独立分析一个开源项目的方法。<br>看到优秀的项目代码，常常没办法搞懂整体设计、功能代码，想了解其实现也望而止步。</p> <p><strong>这是一个系列，以Ant Design UI（react）为示例，一起学习如何分析一个开源项目。</strong></p>

https://screw-hand.com/post/%E3%80%8AJavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1%EF%BC%88%E7%AC%AC4%E7%89%88%EF%BC%89%E3%80%8B/ 2022-03-20T12:37:34.000Z 2025-08-22T03:02:14.755Z

<p><strong>JavaScript高级程序设计（第4版）</strong></p> <p>马特·弗里斯比<br>278个想法</p>

https://screw-hand.com/post/webpack5/ 2022-03-12T14:20:48.000Z 2025-08-22T03:02:14.754Z

<p>简介：本质上，<strong>webpack</strong> 是一个用于现代 JavaScript 应用程序的 <em>静态模块打包工具</em>。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 <a href="https://webpack.docschina.org/concepts/dependency-graph/">依赖图(dependency graph)</a>，然后将你项目中所需的每一个模块组合成一个或多个 <em>bundles</em>，它们均为静态资源，用于展示你的内容。</p>

https://screw-hand.com/post/code-style/ 2021-12-27T09:10:18.000Z 2025-08-22T03:02:14.723Z

<h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><ul> <li>痛点: 项目的代码写得太乱了，风格不统一。团队成员的编辑器格式化设置也不一样，经常在提交记录出现大量的格式化代码风格修改，影响日志追溯。</li> <li>动机：npm script(prettier)似乎不起作用，虽然有 git hooks，项目也没有安装 eslint，也缺少 stylelint。</li> <li>预期：团队统一代码风格，统一设置好编辑器，安装必要的编辑器插件，尽量用工具去自动整理代码</li> <li>原则：让工具去管理规范，配置好相应的工具就行，让开发者少操心格式问题，把精力多放点在代码的实现</li> <li>结果：预期想法基本满足。</li> </ul>

https://screw-hand.com/post/cors-proxy/ 2021-07-17T01:54:08.000Z 2025-08-22T03:02:14.726Z

<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>如今主流开发模式<strong>前后端分离</strong>已是普遍的开发模式，相对于传统的前后端耦合，前后端各拥有自己的一套开发环境。开发完成后，又一起部署到是测试&#x2F;线上环境。</p> <p>因为后端的API服务并不部署在前端的开发环境上，所以在开发时，经常会遇到需要跨域的场景；即便是部署到测试&#x2F;线上环境，也不一定是部署到同一台服务器（单体、集群式服务）。</p> <p>内容：介绍跨域、同源策略的基本概念；收跨域影响的场景；常用的跨域方案、代理；反向代理、正向代理；开发、线上环境配置代理。</p>

https://screw-hand.com/post/file/ 2021-01-30T07:37:05.000Z 2025-08-22T03:02:14.726Z

<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>浏览器&#x2F;服务器如何生成、下载与上传文件，以及js的文件处理。</p>

https://screw-hand.com/post/image/ 2020-11-06T10:48:40.000Z 2025-08-22T03:02:14.737Z

<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>浏览器中引用图片是一种很常见的情况，使用方式的不同，他们的意义也不同。比如————作为“内容主体”、“背景”、“图标”等，而设计师有时候也会提供不同的格式图片（img&#x2F;png&#x2F;svg&#x2F;）。在不同的场景，我们对同一份图片素材，要根据图片在web界面中的意义合理运用。个人会列举浏览器常用使用图片的方式。</p> <ul> <li>img</li> <li>background-image</li> <li>icon-font</li> <li>svg</li> <li>webpack 与 img</li> <li>base64</li> </ul>

https://screw-hand.com/post/async-to-call-async-request-foreach/ 2020-10-06T03:11:50.000Z 2025-08-22T03:02:14.723Z

<p>业务场景：一次性发送多个http请求，并且这些请求有<strong>先后顺序</strong>之分。</p>

https://screw-hand.com/post/vue-ecosystem/ 2020-02-05T15:22:39.000Z 2025-08-22T03:02:14.753Z

<p>这是一次资料整理，关于vue的生态圈。包括工具、插件，这里不按照库的类型分类。</p> <p>思维导图体现的是<strong>这些库由什么原理实现，或者说深入了解库会接触到的一些关键点。</strong></p> <p>官方也整理了<a href="https://github.com/vuejs/vue#ecosystem">生态圈</a>，不过<a href="https://github.com/vuejs/vue/commit/4504cafa8dcece12538c8be4ae84fb93afcdafed#diff-04c6e90faac2675aa89e2176d2eec7d8R144-R18://github.com/vuejs/vue/commit/4504cafa8dcece12538c8be4ae84fb93afcdafed#diff-04c6e90faac2675aa89e2176d2eec7d8R144-R182">修改记录</a>是两年前。</p>