Skip to content
View anciity's full-sized avatar

Organizations

@lyrical-city @lough-city @colorfully-city @logically-city @chained-city @homing-city

Block or report anciity

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
anciity/README.md

👋 Hi, I'm City

一个说人话的技术博客博主 | 5年前端开发经验,专注难点突破与技术创新

🚀 关于我 About Me

我是一名拥有5年前端开发经验的工程师,专注于前端开发和全栈技术。擅长攻克项目难点、主导技术架构和从0到1的产品开发。我相信技术应该服务于人,让复杂的概念变得简单易懂。

I'm a passionate frontend engineer with 5 years of experience, focused on frontend development and full-stack technologies. I specialize in tackling technical challenges, leading architecture decisions, and building products from scratch.

💪 核心竞争力 Core Strengths

  • 🎯 难点突破专家 - 专门攻克项目难点(Canvas 渲染编辑、性能优化、全流程重构)
  • 🏗️ 架构设计能力 - 多次项目重构与技术选型经验,分担团队技术职责
  • 🚀 项目主导经验 - 主导技术迭代革新,独立负责多个核心项目
  • 👨‍💻 全栈产品 Owner - 从产品规划到开发落地,打通 Web、iOS、Android 全链路
  • 高性能治理 - 小程序包体积压缩50%,JS报错率削减90%,精通各种渲染技术
  • 📊 DevOps & 可观测 - 基于 OpenTelemetry 构建链路追踪,CI/CD 流程建设
  • 🤖 AI & LLM 实战 - 基于阿里百炼平台进行 AI 技术落地,SSE 流式数据处理
  • 📚 技术布道者 - 组织20+次内部分享,推动前端技术变革

🛠️ 技术栈 Tech Stack

前端 & 移动端 Frontend & Mobile

TypeScript React React Native Expo Vue.js Astro MobX

全栈 & 云端 Backend & Cloud

Node.js NestJS MongoDB Redis Docker

工程化 & 工具链 Engineering & Toolchain

Webpack Vite Rollup Jest Git

监控 & 可观测 Monitoring & Observability

OpenTelemetry Sentry SonarQube

AI & LLM

ChatGPT Cursor

📝 我的博客 My Blog

City 的博客 分享技术文章、学习笔记和开发心得:

  • 🔧 技术教程 - Canvas 渲染、性能优化、全栈开发
  • 📚 学习笔记 - AI 技术实践、架构设计思考
  • 💡 开发心得 - 从0到1产品开发、团队协作经验
  • 🎨 前端设计 - 现代化前端架构、工程化实践

🏆 技术成就 Technical Achievements

  • 📦 性能优化专家:小程序包体积压缩 50%,JS 报错率削减 90%
  • 🔧 工具开发者:开发 VS Code 插件 CSS Smart
  • 🏗️ 架构师:设计并实现多个大型项目的技术架构重构
  • 🎨 Canvas 专家:自研 Ani 画布引擎,支持复杂的拖拽编辑功能
  • 📊 可观测建设:推动团队接入现代化监控体系,提升系统稳定性
  • 👨‍🏫 技术布道者:组织 20+ 次技术分享,推动团队技术进步

📊 GitHub 统计 GitHub Stats

City's GitHub stats

Top Languages

🎯 目标与愿景 Goals & Vision

  • 🚀 技术创新 - 持续探索前沿技术,将 AI 技术与传统开发结合
  • 📚 知识分享 - 通过博客和开源项目回馈技术社区
  • 🛠️ 工具生态 - 开发更多实用的开发工具和组件库
  • 🌍 技术布道 - 让更多人感受到现代前端技术的魅力
  • 🎨 产品思维 - 从技术专家向产品技术专家转型

📫 联系我 Get in Touch

  • 🌐 个人网站: anciity.me
  • 🐙 GitHub: @anciity
  • 💬 博客留言: 欢迎在博客仓库下留言讨论技术问题
  • 🛠️ 开源贡献: 关注我的开源项目和工具开发

💡 "始终相信技术的力量"

⭐ 如果你喜欢我的项目,欢迎给它们点个星!

5年前端开发经验 | 全栈技术实践者 | AI 时代的技术探索者

Pinned Loading

  1. lough-city/css-smart lough-city/css-smart Public

    a smart css helpers.

    TypeScript 3

  2. lough-city/ts-smart lough-city/ts-smart Public

    a typescript smart tool.

    TypeScript

  3. lough-city/lough-lint lough-city/lough-lint Public

    This is a Lint tool docked in lough.

    JavaScript 1

  4. lough-city/lough-vite-plugin-import lough-city/lough-vite-plugin-import Public

    TypeScript

  5. lough-city/lough-build lough-city/lough-build Public

    This is a Build tool docked in lough.

    TypeScript

  6. colorfully-city/colorfully colorfully-city/colorfully Public

    colorfully

    TypeScript