https://www.mengke.me/blog A personal space on the cloud where I document my programming journey, sharing lessons, insights, and resources for fellow developers. en-us me@mengke.me (Mengke) me@mengke.me (Mengke) Wed, 03 Dec 2025 00:00:00 GMT https://www.mengke.me/blog/202512/Join_Us https://www.mengke.me/blog/202512/Join_Us 组内开放几个前端HC，年底找工作的小伙伴看过来。 Wed, 03 Dec 2025 00:00:00 GMT me@mengke.me (Mengke) Front-EndJobWlb https://www.mengke.me/blog/202511/How_Independent_Developers_Issue_Invoices https://www.mengke.me/blog/202511/How_Independent_Developers_Issue_Invoices 独立开发者接私活时如何使用电子税务局代开增值税发票的详细指南。 Sat, 29 Nov 2025 00:00:00 GMT me@mengke.me (Mengke) InvoiceTax https://www.mengke.me/blog/202509/HongKong_Bank_Card_Guide https://www.mengke.me/blog/202509/HongKong_Bank_Card_Guide 2025年9月最新香港银行卡线上开户攻略，涵盖汇丰银行、中银香港和ZA Bank的完整流程、必备材料、注意事项与避坑经验，助你高效完成开户。 Thu, 25 Sep 2025 00:00:00 GMT me@mengke.me (Mengke) HoneKongHSBC HKBOCHKZA Bank https://www.mengke.me/blog/202508/CMB_WeChat_Notice https://www.mengke.me/blog/202508/CMB_WeChat_Notice 招行在早些时候关闭了储蓄卡的微信动账提醒，此方法可以让没开通的用户也能启用该提醒。 Thu, 28 Aug 2025 00:00:00 GMT me@mengke.me (Mengke) BankWeChat https://www.mengke.me/blog/202507/MCP_Revisited https://www.mengke.me/blog/202507/MCP_Revisited 在前文基础上，本文进一步深入解析 MCP 的通信机制与原语规范，系统梳理其消息结构、生命周期与能力协商流程，并通过天气查询示例，帮助开发者掌握 MCP Server 的构建要领 ... Mon, 21 Jul 2025 00:00:00 GMT me@mengke.me (Mengke) AIMCPLLM https://www.mengke.me/blog/relative-time-ago-parsing https://www.mengke.me/blog/relative-time-ago-parsing A simple TypeScript utility to display relative time like "5 minutes ago" or "2 days ago" from a given timestamp. Sun, 18 May 2025 00:00:00 GMT me@mengke.me (Mengke) TypeScriptdatetime-agoutility https://www.mengke.me/blog/202504/The_First_MCP_Server https://www.mengke.me/blog/202504/The_First_MCP_Server 从 0 构建第一个MCP服务器，包括核心功能实现、API集成和数据处理流程 ... Fri, 04 Apr 2025 00:00:00 GMT me@mengke.me (Mengke) AIMCPLLM https://www.mengke.me/blog/202503/MCP_Quick_Start https://www.mengke.me/blog/202503/MCP_Quick_Start 探索 MCP 协议如何让 AI 从"回答问题"进化为"执行任务"。本文详细介绍了 MCP 的概念、架构和实现原理，并通过 Github MCP 的实例，展示了 AI 直接操作代码仓库的强大能力... Sat, 29 Mar 2025 00:00:00 GMT me@mengke.me (Mengke) AIMCPLLM https://www.mengke.me/blog/202503/DeepSeek_Dify_Builds_Knowledge_Base https://www.mengke.me/blog/202503/DeepSeek_Dify_Builds_Knowledge_Base 详细介绍如何在本地部署 DeepSeek 模型，包括 Ollama 安装、模型部署、UI 界面配置以及使用 Dify 搭建知识库的完整教程... Wed, 12 Mar 2025 00:00:00 GMT me@mengke.me (Mengke) AIDeepSeekLLMOllamaDify https://www.mengke.me/blog/typescript-optional https://www.mengke.me/blog/typescript-optional How to use TypeScript type tools to implement interface definitions with some optional properties to improve code maintainability and flexibility. Sun, 09 Feb 2025 00:00:00 GMT me@mengke.me (Mengke) JavaScriptTypeScriptutilities https://www.mengke.me/blog/202501/2024_Year_Summary https://www.mengke.me/blog/202501/2024_Year_Summary 2024年是忙碌的一年，不仅完成了重要的旅行和技术成长，还在健康和家庭方面做出了积极努力，尽管有些目标未达成，但通过反思和调整，准备迎接2025年的新挑战... Thu, 16 Jan 2025 00:00:00 GMT me@mengke.me (Mengke) Life2024Year-endSummary https://www.mengke.me/blog/iOS-fullscreen-WebView https://www.mengke.me/blog/iOS-fullscreen-WebView Learn how to create a fullscreen WebView in iOS that allows autoplay videos, perfect for debugging and testing web pages. Fri, 29 Nov 2024 00:00:00 GMT me@mengke.me (Mengke) iOSWebViewSwiftUI https://www.mengke.me/blog/202410/Handle_Numeric_IDs_in_querySelector https://www.mengke.me/blog/202410/Handle_Numeric_IDs_in_querySelector 虽然HTML5允许使用数字作为ID，但在使用 querySelector 时，由于CSS规范的限制，需要采取额外步骤来正确选择这些元素 ... Wed, 23 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) FEJavaScriptCSS https://www.mengke.me/blog/casing-utils https://www.mengke.me/blog/casing-utils A various ready-to-use string casing utilities in Typescript. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) JavaScriptTypeScriptstringcasingutilities https://www.mengke.me/blog/color-validator https://www.mengke.me/blog/color-validator Validate strings to ensure they represent valid colors in various formats (hex, RGB, and named colors). Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) JavaScriptcolorvalidator https://www.mengke.me/blog/event-emitter https://www.mengke.me/blog/event-emitter A lightweight pub/sub mechanism to handle custom events without adding a full-blown library. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) JavaScriptpatternevent-emitterpubsub https://www.mengke.me/blog/find-and-kill-process-on-given-port-in-macos https://www.mengke.me/blog/find-and-kill-process-on-given-port-in-macos Identify and terminate processes running on a specific port in your dev environment. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) bashmacoskillprocessport https://www.mengke.me/blog/markdown-code-block-syntax https://www.mengke.me/blog/markdown-code-block-syntax A detailed overview of Markdown code block syntaxes, covering both basic and advanced use cases. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) markdowncode-blocksyntax https://www.mengke.me/blog/npm-commands https://www.mengke.me/blog/npm-commands Essential npm commands for local development, covering package installation, version control, and script management. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) npmcommandsnpxlinkunlink https://www.mengke.me/blog/pnpm-aliases https://www.mengke.me/blog/pnpm-aliases How to install and update pnpm, create a shell alias for it, and upgrade project dependencies efficiently. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) pnpmaliases.zprofile.bash_profile https://www.mengke.me/blog/rename-a-case-sensitive-file-in-a-git-repo https://www.mengke.me/blog/rename-a-case-sensitive-file-in-a-git-repo Safely rename case-sensitive files or directories in a Git repository to avoid conflicts or case inconsistencies. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) gitrenamecase-sensitive https://www.mengke.me/blog/use-async https://www.mengke.me/blog/use-async Build a custom React hook to use asynchronous effects inside functional components. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) reacthooksasynceffect https://www.mengke.me/blog/use-local-storage-state https://www.mengke.me/blog/use-local-storage-state Utilize a custom hook that syncs state with local storage, allowing for persistent state between sessions. Fri, 18 Oct 2024 00:00:00 GMT me@mengke.me (Mengke) reacthookslocalstorage https://www.mengke.me/blog/202407/Blog_Timeline https://www.mengke.me/blog/202407/Blog_Timeline 好久没有打开我的老博客了，今天突然发现访问量突破了一百万，借此机会聊聊我的代码人生 … Tue, 30 Jul 2024 00:00:00 GMT me@mengke.me (Mengke) BlogCode Life https://www.mengke.me/blog/202405/Travels_In_Japan https://www.mengke.me/blog/202405/Travels_In_Japan 年初制定的目标中有一项是「带老婆出国旅行」，现在已经完成了。五月底我们去了一趟日本。我在这里记录一下我们的游记，也分享一些攻略 … Fri, 31 May 2024 00:00:00 GMT me@mengke.me (Mengke) LifeTravelJapan https://www.mengke.me/blog/202404/Static_Resource_Prefetch https://www.mengke.me/blog/202404/Static_Resource_Prefetch 对于网页中体积较大的静态资源如何进行预加载？在 Chrome 中可以使用 prefetch， 而在 Safari 中可以使用 Worker 新起一个线程进行加载 … Sun, 07 Apr 2024 00:00:00 GMT me@mengke.me (Mengke) FEOptimizationWebWorker https://www.mengke.me/blog/202402/LeapDay_20240229 https://www.mengke.me/blog/202402/LeapDay_20240229 写一些话在这里，下一个 2 月 29 号来看（2028.02.29）... Thu, 29 Feb 2024 00:00:00 GMT me@mengke.me (Mengke) LifeDiaryLeap Day https://www.mengke.me/blog/202402/LearningWebsites https://www.mengke.me/blog/202402/LearningWebsites Collected some useful or interesting websites... Sun, 18 Feb 2024 00:00:00 GMT me@mengke.me (Mengke) WebsitesCollect https://www.mengke.me/blog/202401/2023_Year_Summary https://www.mengke.me/blog/202401/2023_Year_Summary 稍纵即逝的一年即将结束。今年我也顺应潮流，记录年终总结。过去，我对「年终总结」不屑一顾，认为人生就是不断前行，有欢笑有泪水，一切都将过去。年纪稍长，渐渐明白，一些事情漫不经心就可能被遗忘，需要人为地留下痕迹... Thu, 04 Jan 2024 00:00:00 GMT me@mengke.me (Mengke) Life2023Year-endSummary https://www.mengke.me/blog/202312/WebGL_Notes_1 https://www.mengke.me/blog/202312/WebGL_Notes_1 WebGL 学习笔记（一），WebGL 的基础概念及 HelloWorld ... Wed, 20 Dec 2023 00:00:00 GMT me@mengke.me (Mengke) WebGLvisualization https://www.mengke.me/blog/202312/Remove_Android_WebView_video_poster https://www.mengke.me/blog/202312/Remove_Android_WebView_video_poster 去除安卓 WebView 中视频默认的超丑的播放按钮... Tue, 05 Dec 2023 00:00:00 GMT me@mengke.me (Mengke) VideoAndroidWebView https://www.mengke.me/blog/202310/Non_Perceptual_Screen_Recording https://www.mengke.me/blog/202310/Non_Perceptual_Screen_Recording 如果真正做到无感知，那我们就不能借助浏览器或者系统系统的能力了。我们能做的就只能是通过js去操作了。要在页面内直接录制视频似乎并不容易，没有现成的开源库以使用，也没有很好的想法。那我们换一个思路... Wed, 25 Oct 2023 00:00:00 GMT me@mengke.me (Mengke) Record Screenhtml2CanvasCanvas https://www.mengke.me/blog/getting-spotify-token-to-display-nowplaying-tracks-on-your-site https://www.mengke.me/blog/getting-spotify-token-to-display-nowplaying-tracks-on-your-site Retrieve a Spotify access token to display the currently playing track on your website or application. Sat, 30 Sep 2023 00:00:00 GMT me@mengke.me (Mengke) spotifynowplayingspotify-apinextjs https://www.mengke.me/blog/202309/AVP_Introduction https://www.mengke.me/blog/202309/AVP_Introduction 在 Web 端实现特效视频播放功能，使用 WebGL 和 Canvas 实现视频播放和特效渲染。 Thu, 28 Sep 2023 00:00:00 GMT me@mengke.me (Mengke) Open SourceAVPEffects VideoWebGLCanvas https://www.mengke.me/blog/202308/IndexedDB_Quick_Start https://www.mengke.me/blog/202308/IndexedDB_Quick_Start IndexedDB 是一种浏览器数据库，主要用于在客户端存储大量数据。 Tue, 29 Aug 2023 00:00:00 GMT me@mengke.me (Mengke) FEIndexedDB https://www.mengke.me/blog/202307/neteasy_cloud_music_download_mp3 https://www.mengke.me/blog/202307/neteasy_cloud_music_download_mp3 直接下载网易云音乐中歌曲MP3 Tue, 11 Jul 2023 00:00:00 GMT me@mengke.me (Mengke) tips https://www.mengke.me/blog/202307/1-project-8-font https://www.mengke.me/blog/202307/1-project-8-font 了解如何使用 font-family 样式的各种属性来组合需要的字体包。可以按照字体粗细、unicode 等信息来自动选择相应的字体包。 Tue, 04 Jul 2023 00:00:00 GMT me@mengke.me (Mengke) FECSSfont-family https://www.mengke.me/blog/202306/start_end_flex-start_flex-end https://www.mengke.me/blog/202306/start_end_flex-start_flex-end flex 布局中 start/end 和 flex-start/flex-end 的区别 Mon, 05 Jun 2023 00:00:00 GMT me@mengke.me (Mengke) CSSflex https://www.mengke.me/blog/202304/Pinia_source_code https://www.mengke.me/blog/202304/Pinia_source_code 深入 Pinia 源码，探究底层实现方式。 Fri, 14 Apr 2023 00:00:00 GMT me@mengke.me (Mengke) FE'PiniaVUE https://www.mengke.me/blog/202304/Pinia_Started_Guide https://www.mengke.me/blog/202304/Pinia_Started_Guide Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Wed, 12 Apr 2023 00:00:00 GMT me@mengke.me (Mengke) FEPiniaVue https://www.mengke.me/blog/202304/Nest_Typrorm_many_to_many https://www.mengke.me/blog/202304/Nest_Typrorm_many_to_many Nest.js Typrorm 多对多关系如何创建 Tue, 11 Apr 2023 00:00:00 GMT me@mengke.me (Mengke) Nest.js https://www.mengke.me/blog/202304/Strapi_introduction https://www.mengke.me/blog/202304/Strapi_introduction Strapi 的基础入门操作，学习记录 Tue, 11 Apr 2023 00:00:00 GMT me@mengke.me (Mengke) StarapiAPI https://www.mengke.me/blog/202304/CentOS7_MySQL_install https://www.mengke.me/blog/202304/CentOS7_MySQL_install CentOS7 中对于数据库操作的学习记录 Sat, 08 Apr 2023 00:00:00 GMT me@mengke.me (Mengke) DatabaseMySQL https://www.mengke.me/blog/202111/Started_quickly_NextJS https://www.mengke.me/blog/202111/Started_quickly_NextJS Next.js v12 快速上手指南～ Tue, 02 Nov 2021 00:00:00 GMT me@mengke.me (Mengke) FENext.js https://www.mengke.me/blog/202102/VUE_data_reactivity https://www.mengke.me/blog/202102/VUE_data_reactivity Vue3 快速上手指南～ Mon, 22 Feb 2021 00:00:00 GMT me@mengke.me (Mengke) FEVue https://www.mengke.me/blog/202011/Started_quickly_deno https://www.mengke.me/blog/202011/Started_quickly_deno 通过一个 Hello World 案例快速上手 deno 开发 Mon, 09 Nov 2020 14:08:05 GMT me@mengke.me (Mengke) FEdeno https://www.mengke.me/blog/202011/Started_quickly_Vue3 https://www.mengke.me/blog/202011/Started_quickly_Vue3 Vue3 快速上手指南～ Tue, 03 Nov 2020 20:46:27 GMT me@mengke.me (Mengke) FEVueVue3 https://www.mengke.me/blog/202009/Try_the_Vue3_combination_API https://www.mengke.me/blog/202009/Try_the_Vue3_combination_API 尝鲜 Vue 3 将要发布的 Combination API，如何在 Vue 2 中抢先试用 Vue 3 新特性 Sun, 06 Sep 2020 17:46:46 GMT me@mengke.me (Mengke) FEVueVue3 https://www.mengke.me/blog/202007/react-router-dom_basic https://www.mengke.me/blog/202007/react-router-dom_basic react-router-dom 路由基础教程 Sun, 26 Jul 2020 22:49:19 GMT me@mengke.me (Mengke) FEReactreact-router-dom https://www.mengke.me/blog/202006/Array_Flattening_Summary https://www.mengke.me/blog/202006/Array_Flattening_Summary 对于 js 中常用的数组铺平方法的总结和记录 Sun, 28 Jun 2020 15:32:21 GMT me@mengke.me (Mengke) FEJavaScriptflat