文章归档

按时间沉淀工程实践、系统搭建、前后端开发、自托管和工具链相关的文章。

2026/05/14

给 Claude Code 接一层视觉网关

记录 cc-vision-gateway 的由来：Claude Code 能发图片，但纯文本模型看不了图，于是中间加了一层本地网关。

2026/05/09

用 Gitea、Jenkins 和 Docker 发布个人博客

把 Astro 静态博客打包成 Docker 容器，通过 Cloudflare Tunnel 暴露到公网。

自托管 DevOps

2024/04/12

Web 前端调试技巧大揭秘：console、debugger 和 Vue Tools

通过 console、debugger 和 Vue Tools 等工具，提高前端定位问题和调试代码的效率。

前端基础 Web 开发工具

2024/04/10

深入解析 Flexbox 布局：属性、应用与解决方案的完整指南

Flexbox 是一种强大的 CSS 布局模型，适用于灵活、高效地对齐和分布容器内元素。

前端基础 Web CSS

2022/09/18

Web团队建设--自定义脚手架

一个脚手架工具可以自动化的帮你完成一些项目基本结构的搭建，从而减轻新项目的初始成本，类似 vue cli 、 create react app 等，在我们的工作过程中总会碰到新项目需要...

前端工程化工具链

2022/05/02

Web团队建设--npm私库搭建

在日常工作中，我们平时使用的一些优秀的类库基本都来源于 npm ，如果我们仅仅是简单的直接使用他们的功能的话 npm 其实已经完全可以满足我们的需求，但在我们的开发过程中总会出现一些...

前端工程化团队协作

2022/04/20

Web前端开发规范

node 版本：采用 v14.x.x 版本或最新稳定版本 npm 版本：采用最新版本 vue cli 版本：采用最新稳定版本 vue 版本：采用 3.x.x 版本

工程规范前端工程化

2022/03/10

微前端

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端的概念借鉴自后端的微服务，主要是为了解决大型工程在变更、维护、扩展等方面的困难问题。

微前端前端架构

2022/02/10

初识 Vue3

cli 创建项目时可直接选择安装 sass loader 、 vue router 、 Vuex ， vite 则需项目创建完成后手动配置此外 vite 提供了对 .scss , ....

Vue Vue3

2021/03/01

Web 基础学习

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言，文件后缀 .html .htm

前端基础 Web

2018/10/06

Vue 学习笔记 (三) -- VueCli 3 项目配置

前面的文章已经简单提到过 VueCli 3 的项目配置，在 2.0 版本的时候，要修改项目配置可以在 build 和 config 目录下进行修改，而在 3.0 版本中要新建 vue....

Vue Vue2

2018/10/01

Vue 学习笔记 (一) -- 初识 VueCli 3

接触 Vue 已经有一段时间了，之前做项目都是套用自己之前配置好的项目模板，最近突发奇想想要再重新配置一下项目，然而。。。

Vue Vue2

2018/10/01

Vue 学习笔记 (二) -- 使用 VueCli 3

前面的文章已经简单介绍过了 Vue Cli 3 的新版本特性，下面我们就亲自上手感受一下我们新版本的脚手架工具。

Vue Vue2

2018/08/20

Vue 项目搭建

搭建一个 Vue 项目，你需要具备 Vue 所需基本环境，如： node.js 、 npm 或 yarn 以及 Vue cli 脚手架工具。

Vue Vue2

2018/08/10

Web 前端环境搭建

点击下载 Node.js v8.11.3，更多版本可登录 Node.js 官网查看下载。

前端环境工具链

2018/05/18

Atom 插件安装慢解决方案

对于一名前端开发者来说 Atom 确实是一个很不错的编辑器，使用方便、功能强大而且编写代码酷炫。对于 Atom 来说我感觉最重要的一个能就是插件(或者说package)，你可以在这里 ...

开发工具工具链

2018/02/22

Atom 完美支持 WePY

为何使用 WePY ？

小程序开发工具

2017/03/10

CodePush 热更新配置及使用

1. 安装 CodePush ：npm install g code push cli 2. 登陆：code push login 3. 注销：code push logout 4. ...

React Native 移动端

2017/02/27

已有Android工程集成React Native

2017年2月27日，天气晴，我永远记得这天，我心潮澎湃，因为终于把优谈TOP 集成了React Native，从去年开始，公司陆陆续续的集成和学习React Native，通过dem...

React Native Android 移动端

2017/02/17

Android UI美化之 shape的使用及其属性总结

近期在整理项目的过程中突然发现项目中有好多未曾使用过的图片，经过对比UI设计图片并检查代码后发现在UI上的这些地方都是通过 drawable 下面的资源文件设置的背景，于是便想起来整理...

Android 移动端

2016/10/20

Android 多包名打包应用

简介：公司的新需求：同一份代码打出另一个包名的apk，即包名不同、名称不同的两个apk。

Android 移动端

2016/09/10

brew的MAC安装

brew是一个软件包管理工具,类似于centos下的yum或者ubuntu下的apt get,非常方便,免去了自己手动编译安装的不便

工具链 macOS

2016/09/01

Git常用操作命令

远程仓库相关命令检出仓库：$ git clone git://github.com/jquery/jquery.git 查看远程仓库：$ git remote v 添加远程仓库：$ ...

工具链 Git

2016/06/20

Egret 寻路

一种高效的寻路算法 B 寻路算法

Egret 游戏开发

2016/06/10

EGER PRO

中重度游戏开发解决方案

Egret 游戏开发

2016/06/01

Egret 白鹭引擎参考资料

Egret 白鹭引擎官网

Egret 游戏开发