天下布武

本博客分享大前端技术最新动态与团队管理实践。聚焦主流前端框架，性能优化及跨平台开发。揭示团队管理秘诀，助力文化构建、技能提升与项目优化。期待与您共探前端无限可能，共创卓越团队！

原创 connect to host github.com port 22: Connection timed out 的解决方法

Windows 系统，打开 C:\Windows\System32\drivers\etc，复制其中的 hosts 文件至桌面，用文本编辑器或者其他工具打开。一般情况下，问题就会解决。如果发现问题，可通过以下方式更新以上网址对应的 IP 地址。原因是 Github 被 GFW 屏蔽了。保存后，将改文件再复制回去。

2025-01-01 15:51:28 539

原创突发奇想之 —— 团建是个万能药？

因此，在年初、年末，或是项目启动、收尾的关键时刻，很多公司都会举办团建活动，比如聚餐、爬山，去轰趴馆、玩剧本杀等等。目的是为了能够激励团队成员，增加大家的积极性、凝聚力和向心力，进而提高工作效率，顺利达成任务目标。其次，很多情况下，团建的时机和人员选得不对。如果是把团建作为福利，想增加团队凝聚力，那么就不要占用员工的假期时间，或者干脆把团建的经费换成现金当奖金发给大家，这样可能更实在。如果是为了提升协作水平，那么团建要精心设计，同时将时间选在有新人加入，或者是不同团队之间需要紧密合作的时候来进行。

2024-12-05 15:29:51 318

原创突发奇想之 —— 老板和企业家究竟差在哪里

我认为，真正的企业家，除了具有文章开头所说的能力，他们更应该具备较高的道德水平和深厚的社会责任感。同时，他们还会尊重员工的生活需求，避免不合理的加班安排，毕竟企业家深知，他们所拥有的一切都离不开员工的辛勤付出和不懈努力。他们视员工为赚钱的工具，用剥削和压榨积累到的财富，来换取世人的称颂，这种行为与真正的企业家精神背道而驰。如果他们企业员工的工作时长在较长一段时期内持续超过劳动法规定的底线，那么这样的老板定然缺乏基本的人性和道德，不能被称之为真正的企业家。财富的多少和道德水平的高低无关。

2024-12-05 15:26:40 244

原创 MacOS 中 Agent 图标删除

将对应的目录删掉即可。会提示需要输入密码。这个是战网没有完全卸载赶紧导致的。

2024-06-21 14:41:23 7974

原创前端工程化模板系列

Monorepo 模板 —— 使用 PNPM 从零搭建 Monorepo，测试 web components 并发布

2024-06-21 09:40:24 383

原创 Monorepo 模板 —— 使用 PNPM 从零搭建 Monorepo，测试 web components 并发布

通过 PNPM 创建一个 monorepo（多个项目在一个代码仓库）项目，形成一个通用的仓库模板。这个仓库既可以用于公司存放和管理所有的项目，也可以用于将个人班余的所有积累整合其中。

2024-06-12 21:56:50 1957 4

原创前端工程化工具系列（十四）—— Webpack(v5.91.0)：应用模块打包器与构建工具

是用于现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会在内部构建一个依赖关系图，该图映射项目所需的每个模块最终会生成一个或多个包。

2024-06-09 15:03:18 726 1

原创体系化的前端学习

1 基础2 语言3 类库4 框架5 跨栈6 架构7 领域7.1 中后台7.2 跨平台7.3 可视化7.4 智能化7.5 工程化7.5.1 规范化7.5.2 流程化 —— 前端工程化工具系列7.5.3 模板化7.5.4 自动化7.5.5 平台化7.6 其他7.6.1 音视频7.6.2 Web37.6.3 区块链7.6.4 在线文档&IDE

2024-06-09 15:01:07 484

原创前端工程化工具系列（十三）—— Rollup(v4.28.0)：专注于库构建的 JavaScript 打包器

在项目根目录下创建 rollup.config.js 文件。

2024-06-08 10:17:02 612 1

原创前端工程化工具系列（十二）—— PostCSS(v8.4.38)：CSS 转换工具

是转换 CSS 语法的工具。它提供 API 来对 CSS 文件进行分析和修改它的规则。PostCSS 本身并不能直接使用，主要是使用基于 PostCSS 编写的插件。

2024-06-08 10:14:33 458

原创前端工程化工具系列（十一）—— Babel(v7.26)：JavaScript编译器

是一个Javascript 编译器。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容(backwards compatible)的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其它环境(如：Node.js)中。Babel 可以单独运行也可以和 Webpack、Rollup 等工具结合使用。

2024-06-07 10:42:14 746

原创前端工程化工具系列（十）—— Browserslist：浏览器兼容性配置工具

是一个能够在不同的前端工具间共享目标浏览器的配置，各工具根据该配置进行代码转译等操作。具体的这些前端工具为：Autoprefixer、Babel、postcss-preset-env、eslint-plugin-compat、stylelint-no-unsupported-browser-features、postcss-normalize、obsolete-webpack-plugin 等，他们会根据配置自动查找要兼容的所有目标浏览器或 Node.js 版本。

2024-06-07 10:38:09 983

原创前端工程化工具系列（九）—— mddir(v1.1.1)：自动生成文件目录结构工具

是一个基于项目目录结构动态生成 Markdown 格式目录结构的工具，方便开发者在文档中展示文件和文件夹的组织结构。

2024-06-06 22:25:35 580

原创前端工程化工具系列（八）——Commitizen(v4.3.0)：Git 提交规范化工具

在中曾介绍过 commitlint，它主要负责检查提交信息的规范性。而本文中的 commitizen，则是提供给了一个交互式的命令行界面，引导开发者按照预定义的格式填写提交信息。它俩的目的都是规范 git 提交。按照使用习惯选择其一即可。

2024-06-06 22:22:20 784

原创世界主要宗教

一图胜千言～

2024-06-04 18:12:33 191

原创前端工程化工具系列（七）—— PNPM(v9.15.0)：高性能的 NPM 替代品

（Performant NPM）是一个高效的 NPM 包管理器，它使用硬链接和符号链接来减少磁盘空间的使用，并提高了安装速度。

2024-06-04 10:16:21 1965

原创前端工程化工具系列

所有和前端工程化工具的系列合集，快速提升开发效率。

2024-06-03 19:26:07 585

原创前端工程化工具系列（六）—— VS Code(v1.95.3)：强大的代码编辑器

（Visual Studio Code）是一款由微软开发的强大且轻量级的代码编辑器，支持多种编程语言，并提供了丰富的扩展插件生态系统。这里主要介绍如何使用配置 ESLint、Stylelint 等插件来提升开发效率。

2024-06-03 19:13:13 1270

原创前端工程化工具系列（五）—— Husky(v9.1.7)&lint-staged(v15.2.10)：代码提交前的自动审查利器

可以在 Git 提交或推送时自动检查提交信息、代码并运行测试。

2024-06-01 23:06:49 1230

原创前端工程化工具系列（四）—— Commitlint(v19.6.0)：规范化 Git 提交

是对 Git 提交的信息进行校验的工具。

2024-06-01 17:45:17 1011

原创前端工程化工具系列（三）—— Stylelint(v16.6.1)：CSS/SCSS 代码质量工具

是 CSS/SCSS 代码的静态分析工具，用于检查代码中的错误和样式违规。

2024-06-01 11:09:47 1378

原创前端工程化工具系列（二）—— ESLint(v9.16.0)：代码质量守护者进阶篇

在 HTML 中通过 script 标签引入第三方库的时候，会用到库中定义的全局变量。可以通过以下方式在 ESLint 中自定义全局变量来避免报错，示例中全局变量的名称为 AMap。globals: {AMap: "readonly", // 将相应的值设置为 "可写 "或 "只读"，"writable"表示允许覆盖变量，"readonly"表示不允许覆盖变量。如用到浏览器环境下的全局变量（如：window）或者 Node.js 中的全局变量（如：global）等。

2024-05-31 19:41:49 684

原创前端工程化工具系列（一）—— ESLint(v9.16.0)：代码质量守护者基础篇

作为前端工程化中的重要工具，主要用于检查和修复 JavaScript/TypeScript 代码中的错误。目的是为了统一代码风格，并确保代码的一致性和可维护性。

2024-05-31 19:36:53 3751 1

原创解决通过包管理器下载 Sharp 时遇到的二进制文件下载问题

是一个流行的 Node.js 库，用于高性能的图片处理。以上 pnpm 可以换成 npm 或 yarn 等其他正在使用的包管理器。二进制文件，这些文件通常是从官方仓库下载的。环境下，直接下载可能会因为网络限制而失败。

2024-05-31 10:49:45 411

原创 Mac上Steam安装的游戏已经卸载，但游戏的快捷方式图标仍存在的解决方式

在弹出的窗口中，会列出对应的快捷方式，按需删除即可。打开终端，输入以下内容，回车。

2024-05-27 20:31:11 8852

原创 HTTP请求方法的异同

HTTP（HyperText Transfer Protocol，超文本传输协议）中定义的请求方法共八种（GET、HEAD、POST、PUT、DELETE、CONNECT、OPTIONS、TRACE，参看RFC7231）。工作中我们最常接触到的是其中的GET、POST、PUT和DELETE。网上有很多针对这四种方法的说明和比较，但内容都不尽如人意。为了能让大家更清晰地了解这些方法，在实际工作中灵活运用，我将从定义和实现两个方面详细地阐述一下它们的异同。首先，看一些基本概念。超文本传输协议是网络七层结构中应

2020-08-08 09:31:25 1515

原创从零开始搭建前端项目开发环境

写在最前为何大多数人觉得搭建一个前端项目的开发环境很困难。首先，一个完整的开发环境需要依赖多个工具，每个工具又有不计其数的配置项，想要全部理解需要花费大量的时间。其次，一些官方文档中文翻译滞后，而且结构组织的也不是很好，没有从一个具体的项目出发讲解如何配置，只看API没有什么针对性。最后，好多国内相关博客要么没有标注工具的版本，导致按照步骤进行配置时会发现自己下载的和讲述的某些地方会不一致；要么只讲如何配置，不讲配置的原因，导致大家仍是云里雾里。不过所幸，大部分CLI实现了脚手架的功能，帮助快速生成项目，

2020-08-07 09:27:13 2083

原创 Vue.js2最佳实践(持续更新至Vue.js3出来)

写在开头文档较长，可按需耐心反复阅读。其中带（官）的是直接引用了Vue官方的风格指南。针对Vue性能优化相关内容，单独在内容后进行了标注，可通过搜索“性能优化”四个字查找。Vue.js2模板工程说明目的封装常用功能和配置，规范代码编写，保证输出的一致性，方便前端人员在此基础上快速开发新项目的业务模块。下载模板项目（Boilerplate）分为JavaScript和TypeScript两个版本。JS：git clone https://github.com/THS-FE/vue2-starte

2020-08-07 09:25:08 1920 1

原创轻松学习Ionic （五） ionic常见问题解决

以下为在使用ionic开发过程中遇到的各种常见问题，不断更新。目前的开发环境如下图：在xcode中调试没有任何问题，但是打包过程中提示：‘Cordova/CDVViewController.h’ file not found。在 Build Settings -> Header Search Paths 中添加："$(OBJROOT)/Uninst

2015-10-26 10:57:52 6726

原创轻松学习Ionic （四）修改应用图标及添加启动画面（更新官方命令行工具自动生成）

应用图标：1.在整个项目所在文件夹下创建res文件夹，里边再分别创建两个文件夹android和ios。2.针对Android平台：将我们的要替换的启动图标放如android文件夹下。可以分别起名为：mdpi.png(48*48),hdpi(72*72)、xhdpi(96*96)、xxhdpi(144*144) 和 xxxhdpiI(192*192)。

2014-12-29 14:25:59 56183 1

原创轻松学习Ionic （三）安装sass并在webstorm中为scss添加watcher

Sass:1. 安装Ruby 最新为 2.1.5版本，不放心的话安装 Ruby 1.9.3-p551 安装过程中注意勾选上第二项！即将Ruby加入到可执行的环境变量中去。安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确。2.通过Ruby安装Sass 启动Ruby中的“Start C

2014-12-25 16:40:09 36875

原创轻松学习Ionic （二）为Android项目集成Crosswalk（更新官方命令行工具）

1.进入Crosswalk下载页面，下载其中的Cordova Android (x86)及Cordova Android (ARM)，并将他们进行解压。目前稳定版本号为：9.38.208.10 2.在命令提示符中进入到项目所在文件夹：rm -rf platforms/android/CordovaLib/*cp -a E:\Study\CrossPlatform\Crosswalk\crosswa

2014-12-15 17:29:40 48136

原创轻松学习Ionic （一）搭建开发环境，并创建工程（2015-10-26更新）

准备工作

2014-12-08 14:09:56 147800

原创从零开始学Xamarin.Forms(五) 技巧

由于HTML5规范于2014年10月终于定稿，公司.net开发人员较少，国内外已有了较为成熟的UI框架、手机软件硬件的快速发展等等原因，所以我就不打算再使用Xamarin了，而是采用HTML5+CSS3+Javascript的方式来进行跨平台的开发。之前在探索Xamarin中积累了一些小经验也同时分享给大家，希望能给大家带来帮助。1.TabbedPage中嵌入NavigationPage，

2014-12-05 13:58:47 14303

原创从零开始学Xamarin.Forms(四) Android 准备步骤（添加第三方Xamarin.Forms.Labs库）

1.安装对应dll Update-Package Xamarin.Forms 选中Android项目及PCL项目：Install-Package Xamarin.Forms.Labs2.设置系统相关信息，右键android项目-属性3.设置应用的名称4.在MainActivity设置IOC添加变量：private

2014-12-05 13:43:43 12726

原创从零开始学Xamarin.Forms(三) Android 制作启动画面

Xamarin.Forms 在启动的时候相当慢，必须添加一个启动界面，步骤如下：1.将启动画面的图片命名为：splash_screen.png，并拷贝到 Resources 文件夹下的相应 Drawable 文件夹中； 2.在其中的 Drawable 文件夹下创建 splashscreen.xml ,内容为： <bitmap xmlns:android="http://sch

2014-08-11 17:41:47 20973

原创从零开始学Xamarin.Forms(二) 环境搭建、创建项目

一、环境搭建Windows下环境搭建： 1.下载并安装jdk 及android sdk； 2.下载Xamarin.VisualStudio，可以从官方下在线安装的，也可以下载3.0.54版本的离线安装包。 3.下载完毕运行安装程序，按照提示一步一步安装即可。Mac下环境搭建：官方在线安装二、创建Xamarin.Forms项目

2014-07-30 11:35:52 30683

原创从零开始学Xamarin.Forms(一) 概述

Xamarin 读 “ˈzæmərin”，是一个基于开源项目mono的能够使用C#开发的收费的跨平台(iOS、Android、Windows Phone、Mac)解决方案。 1.原理 Xamarin.iOS：也就是之前的 MonoTouch（Mono for iOS），使⽤静态编译(Ahead-Of-Time)⽅式将C#

2014-07-28 17:39:16 49218 1

原创 Toast.LENGTH_LONG和Toast.LENGTH_SHORT分别对应多长时间

在Android源码中的NotificationManagerService.java这个类中定义了两个静态变量，分别对应Toast.LENGTH_LONG（3.5秒）和Toast.LENGTH_SHORT（2秒）的值 private static final int LONG_DELAY = 3500; // 3.5 seconds pri

2013-01-14 22:00:28 84621 4

原创 Android的面试题

Android项目的开发流程。Activity的启动模式有哪些，在项目中是如何应用的。Button,ImageButton,ImageView的区别是什么，平时项目中是如何使用的。如何管理Android的内存（工具），说一说在项目中的一些内存优化方案。是否做过消息推送方面的内容，简单叙述一下。（可选）是否做过自认为不错的动画效果，简单叙述一下。（可选）是否下载过Android源码，并将其加入调试。

2013-01-12 23:11:04 2252

Obsidian 2024-3-31 Mac版

是一款强大且可扩展的知识库，它运行在本地纯文本文件夹之上。该应用程序支持Markdown，具有整洁的界面和方便的无干扰写作模式。它可以在Windows、macOS、Linux（AppImage）、Linux（Snap）和Linux（Flatpak）上安装。

2024-05-25

ArcGIS Web AppBuilder v2.3 2024/3/20发布

Web AppBuilder 利用 Esri 的旧版 ArcGIS API for Javascript (3.x)，该应用程序将于 2024 年 7 月停用。

2024-05-24

apktool 2.9.3 版本，包含 Apktool.jar 和 Apktool.bat

用于反向工程Android apk文件的工具。 Windows 操作系统将其解压后拷贝至 C:\Windows 目录下，即可通过命令行对 apk 进行操作

2024-05-22

arcgis-web-appbuilder-2.17.zip

ArcGIS Web AppBuilder 可用于构建 2D 和 3D web 应用程序，而无需编写一行代码。它所包括的强大工具可用来配置功能完备的 HTML 应用程序。添加地图和工具时，您可以在应用程序中看到这些地图和工具并立即使用。

2020-08-10

Web AppBuilder for ArcGIS 1.3

Web AppBuilder for ArcGIS 1.3版 ArcGIS Web AppBuilder 是一种直观的所见即所得式 (WYSIWYG) 应用程序，可用于构建 2D 和 3D web 应用程序，而无需编写一行代码。它所包括的强大工具可用来配置功能完备的 HTML 应用程序。添加地图和工具时，您可以在应用程序中看到这些地图和工具并立即使用。

2016-01-13