M

Mengke's blog - Mengke's coding journey

A personal space on the cloud where I document my programming journey, sharing lessons, insights, and resources for fellow developers.

组内开放几个前端HC,年底找工作的小伙伴看过来

组内开放几个前端HC,年底找工作的小伙伴看过来。

2025/12/3
articleCard.readMore

独立开发者如何开具发票

独立开发者接私活时如何使用电子税务局代开增值税发票的详细指南。

2025/11/29
articleCard.readMore

香港银行卡开户完整指南(2025年9月最新)

2025年9月最新香港银行卡线上开户攻略,涵盖汇丰银行、中银香港和ZA Bank的完整流程、必备材料、注意事项与避坑经验,助你高效完成开户。

2025/9/25
articleCard.readMore

招商银行储蓄卡微信动账提醒恢复方法

招行在早些时候关闭了储蓄卡的微信动账提醒,此方法可以让没开通的用户也能启用该提醒。

2025/8/28
articleCard.readMore

上架了几个鸿蒙APP,记录一下开发要点和上架流程

上架了几个鸿蒙APP,记录一下开发要点和上架流程,避免之后踩进同样的坑...

2025/8/22
articleCard.readMore

再谈 MCP - Model Context Protocol(MCP)详解和开发教程

在前文基础上,本文进一步深入解析 MCP 的通信机制与原语规范,系统梳理其消息结构、生命周期与能力协商流程,并通过天气查询示例,帮助开发者掌握 MCP Server 的构建要领 ...

2025/7/21
articleCard.readMore

Get Human-Readable "Time Ago" in TypeScript

A simple TypeScript utility to display relative time like "5 minutes ago" or "2 days ago" from a given timestamp.

2025/5/18
articleCard.readMore

以「asset-price-mcp」为例,从 0 开发 MCP Server

从 0 构建第一个MCP服务器,包括核心功能实现、API集成和数据处理流程 ...

2025/4/4
articleCard.readMore

Model Context Protocol (MCP) 快速开始

探索 MCP 协议如何让 AI 从"回答问题"进化为"执行任务"。本文详细介绍了 MCP 的概念、架构和实现原理,并通过 Github MCP 的实例,展示了 AI 直接操作代码仓库的强大能力...

2025/3/29
articleCard.readMore

DeepSeek + Dify 搭建本地知识库

详细介绍如何在本地部署 DeepSeek 模型,包括 Ollama 安装、模型部署、UI 界面配置以及使用 Dify 搭建知识库的完整教程...

2025/3/12
articleCard.readMore

An elegant solution for implementing optional property types using TypeScript

How to use TypeScript type tools to implement interface definitions with some optional properties to improve code maintainability and flexibility.

2025/2/9
articleCard.readMore

2024 年终总结

2024年是忙碌的一年,不仅完成了重要的旅行和技术成长,还在健康和家庭方面做出了积极努力,尽管有些目标未达成,但通过反思和调整,准备迎接2025年的新挑战...

2025/1/16
articleCard.readMore

Quickly Create a Fullscreen WebView with Autoplay Support for Testing

Learn how to create a fullscreen WebView in iOS that allows autoplay videos, perfect for debugging and testing web pages.

2024/11/29
articleCard.readMore

以数字开头的 ID 在 querySelector 中的处理

虽然HTML5允许使用数字作为ID,但在使用 querySelector 时,由于CSS规范的限制,需要采取额外步骤来正确选择这些元素 ...

2024/10/23
articleCard.readMore

String casing utilities in JavaScript

A various ready-to-use string casing utilities in Typescript.

2024/10/18
articleCard.readMore

Check if a string is a valid color

Validate strings to ensure they represent valid colors in various formats (hex, RGB, and named colors).

2024/10/18
articleCard.readMore

Simple Event-Emitter/PubSub pattern

A lightweight pub/sub mechanism to handle custom events without adding a full-blown library.

2024/10/18
articleCard.readMore

Find which process is running on a certain port and kill it

Identify and terminate processes running on a specific port in your dev environment.

2024/10/18
articleCard.readMore

Markdown Code block's basic and advanced syntaxes

A detailed overview of Markdown code block syntaxes, covering both basic and advanced use cases.

2024/10/18
articleCard.readMore

Common npm commands to use locally

Essential npm commands for local development, covering package installation, version control, and script management.

2024/10/18
articleCard.readMore

Pnpm aliases

How to install and update pnpm, create a shell alias for it, and upgrade project dependencies efficiently.

2024/10/18
articleCard.readMore

How to safely rename a case sensitive file/directory in a git repo?

Safely rename case-sensitive files or directories in a Git repository to avoid conflicts or case inconsistencies.

2024/10/18
articleCard.readMore

A custom hooks to use an async effect

Build a custom React hook to use asynchronous effects inside functional components.

2024/10/18
articleCard.readMore

A custom hooks to use local storage state

Utilize a custom hook that syncs state with local storage, allowing for persistent state between sessions.

2024/10/18
articleCard.readMore

🤩 Mengke'blog 上线的这一年

好久没有打开我的老博客了,今天突然发现访问量突破了一百万,借此机会聊聊我的代码人生 …

2024/7/30
articleCard.readMore

🗼 五月底去了一趟日本,记录一下我的游记和攻略

年初制定的目标中有一项是「带老婆出国旅行」,现在已经完成了。五月底我们去了一趟日本。我在这里记录一下我们的游记,也分享一些攻略 …

2024/5/31
articleCard.readMore

网站性能优化:如何高效预加载大型静态资源

对于网页中体积较大的静态资源如何进行预加载?在 Chrome 中可以使用 prefetch, 而在 Safari 中可以使用 Worker 新起一个线程进行加载 …

2024/4/7
articleCard.readMore

闰年之约 - 2024年2月29日

写一些话在这里,下一个 2 月 29 号来看(2028.02.29)...

2024/2/29
articleCard.readMore

A collection of some useful websites

Collected some useful or interesting websites...

2024/2/18
articleCard.readMore

2023 年终总结

稍纵即逝的一年即将结束。今年我也顺应潮流,记录年终总结。过去,我对「年终总结」不屑一顾,认为人生就是不断前行,有欢笑有泪水,一切都将过去。年纪稍长,渐渐明白,一些事情漫不经心就可能被遗忘,需要人为地留下痕迹...

2024/1/4
articleCard.readMore

WebGL 学习笔记(一)基础概念与实践

WebGL 学习笔记(一),WebGL 的基础概念及 HelloWorld ...

2023/12/20
articleCard.readMore

Android Webview <video> 标签去除默认播放按钮图

去除安卓 WebView 中视频默认的超丑的播放按钮...

2023/12/5
articleCard.readMore

📷 纯前端也可以实现「用户无感知录屏」?

如果真正做到无感知,那我们就不能借助浏览器或者系统系统的能力了。我们能做的就只能是通过js去操作了。要在页面内直接录制视频似乎并不容易,没有现成的开源库以使用,也没有很好的想法。那我们换一个思路...

2023/10/25
articleCard.readMore

Getting Spotify token to display now playing track on your website

Retrieve a Spotify access token to display the currently playing track on your website or application.

2023/9/30
articleCard.readMore

AVP - Web 端特效视频播放器

在 Web 端实现特效视频播放功能,使用 WebGL 和 Canvas 实现视频播放和特效渲染。

2023/9/28
articleCard.readMore

IndexedDB 基础入门

IndexedDB 是一种浏览器数据库,主要用于在客户端存储大量数据。

2023/8/29
articleCard.readMore

直接下载网易云音乐中歌曲MP3格式的方法

直接下载网易云音乐中歌曲MP3

2023/7/11
articleCard.readMore

什么!一个项目给了8个字体包???

了解如何使用 font-family 样式的各种属性来组合需要的字体包。可以按照字体粗细、unicode 等信息来自动选择相应的字体包。

2023/7/4
articleCard.readMore

flex 布局中 start/end 和 flex-start/flex-end 的区别

flex 布局中 start/end 和 flex-start/flex-end 的区别

2023/6/5
articleCard.readMore

深入 Pinia:从代码出发探索 Vue 状态管理的奥秘

深入 Pinia 源码,探究底层实现方式。

2023/4/14
articleCard.readMore

Pinia 快速上手指南

Pinia.js 是新一代的状态管理器,由 Vue.js团队中成员所开发的,因此也被认为是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的项目中使用也是备受推崇。

2023/4/12
articleCard.readMore

Nest.js Typrorm 多对多关系如何创建

Nest.js Typrorm 多对多关系如何创建

2023/4/11
articleCard.readMore

Strapi 快速入门

Strapi 的基础入门操作,学习记录

2023/4/11
articleCard.readMore

CentOS7 MySQL 数据库安装与卸载

CentOS7 中对于数据库操作的学习记录

2023/4/8
articleCard.readMore

Next.js 上手指南

Next.js v12 快速上手指南~

2021/11/2
articleCard.readMore

Vue 数据响应式原理

Vue3 快速上手指南~

2021/2/22
articleCard.readMore

deno 快速上手 - Hello World 案例

通过一个 Hello World 案例快速上手 deno 开发

2020/11/9
articleCard.readMore

快速上手 Vue3

Vue3 快速上手指南~

2020/11/4
articleCard.readMore

尝鲜 Vue 3.0 Combination API

尝鲜 Vue 3 将要发布的 Combination API,如何在 Vue 2 中抢先试用 Vue 3 新特性

2020/9/7
articleCard.readMore

react-router-dom 路由基础教程

react-router-dom 路由基础教程

2020/7/27
articleCard.readMore

JavaScript 数组扁平化处理的方法总结

对于 js 中常用的数组铺平方法的总结和记录

2020/6/28
articleCard.readMore