--- title: "Home Page | Kaz" description: "This is Kaz's personal official website and blog, where you can see the records of a full-stack development engineer's learning, work, and even life." canonical_url: "https://unmei.fun/" locale: en meta: "og:description": "This is Kaz's personal official website and blog, where you can see the records of a full-stack development engineer's learning, work, and even life." "og:image": "https://unmei.fun/favicon.svg" "og:title": "Home Page" "twitter:description": "This is Kaz's personal official website and blog, where you can see the records of a full-stack development engineer's learning, work, and even life." "twitter:image": "https://unmei.fun/favicon.svg" "twitter:title": "Home Page" --- > Index of every page on this site: [llms.txt](https://unmei.fun/llms.txt) ## **Kaz** ###   **"Keep It Simple." ** ![Avatar](https://unmei.fun/_vercel/image?url=%2Ffavicon.svg&w=1536&q=100) ## Expertise **Vue、React、TypeScript、Tailwind、Sass** **0% **The frontend tech stack I love the most and specialize in **Flutter、Tauri** **0% **Favorite cross-platform client development technology stack **Go、Python** **0% **Most proficient backend services and scripting languages T e c h n o l o g y s t a c k Found 15 items #### **Front-end framework** Vue is my preferred choice for building web interactions. From Vue2 to Vue3, I have witnessed its logical evolution from reactive data to the Composition API. For me, Vue is not just a framework; it is the optimal solution for finding a balance between development efficiency and system performance. Frontend FrameworkJavaScriptUIReactivity #### **Cross-platform UI framework** Flutter has redefined my understanding of cross-platform development. It does not rely on mapping native controls, but directly controls every pixel through the rendering engine. This 'everything is a Widget' design philosophy allows me to maintain extremely high UI consistency when dealing with complex cross-platform interactions. ProgrammingConcurrencyPerformanceCross-platform #### **Programming language** From early browser JavaScript scripts to entry-level logic-driven development, to a deep understanding of closures, prototype chains, and the event loop mechanism, I eventually almost stopped writing pure JavaScript projects. The static type constraints provided by TypeScript are the underlying foundation for the stability of large-scale projects. It allows the code to serve as its own documentation and can intercept most logic risks for me during the compilation phase. ProgrammingWeb DevelopmentFrontendType Safety #### **Programming language** I am passionate about Go's engineering philosophy: simple, reliable, and efficient. When handling backend logic, it abandons excessive abstraction, making concurrent processing natural and elegant. I am accustomed to using it to build high-performance microservices and have written some open-source scaffolding to solidify my understanding of engineering standards. ProgrammingConcurrencyPerformanceCross-platform #### **Programming language** Python is the most versatile 'Swiss Army knife' in my hands. In AI agent orchestration, data preprocessing, or automation workflows, its ecosystem richness is irreplaceable. I often use it to quickly build prototypes or to write cloud functions to handle those trivial yet crucial tasks. ProgrammingScriptingData AnalysisVersatile #### **Markup language** The semantic framework of web applications. I always insist on writing semantic tags, not only for search engine friendliness but also to ensure that information can be accurately and accessibly interpreted across different devices and environments. Markup LanguageWebFrontendSemantics #### **Cascading Style Sheets** I tend to use Tailwind CSS for atomic construction; it keeps style logic closely coupled with structure without being messy. Sass, on the other hand, can also systematically manage variables and mixins in the design language, building a visual system that is both aesthetically pleasing and easy to maintain. Style SheetsWeb DesignFrontendResponsive #### **Front-end component library** Simply being familiar with Nuxt UI, Vuetify, Element, and Ant is not enough to satisfy me. I began experimenting with all known UI component libraries available online and improving my ability to further encapsulate them, constructing a highly cohesive and loosely coupled component system according to design specifications. UI Component LibraryMaterial DesignFrontend #### **Full-stack framework** SSR is not done for the sake of doing it; it is meant to give web applications a near-native loading experience and excellent SEO performance. Nuxt 3's 'convention over configuration' design allows me to focus more on refining business logic rather than tedious engineering configurations. Full-stack FrameworkVueSSRSEO #### **Runtime** Node.js blurs the boundary between frontend and backend. When high I/O responsiveness is needed or when building a lightweight BFF layer, it is my most powerful tool, allowing the vitality of JavaScript to extend from the browser to the server. Runtime EnvironmentJavaScriptBackendAsynchronous #### **Database** Data is at the core of everything. When handling complex business logic, I am accustomed to deeply exploring the potential of SQL, and through reasonable schema design and index optimization, I ensure that the data layer can provide robust support at any scale. DatabaseRelationalSQLScalability #### **Database** Preferred for edge-side storage. In Flutter applications and lightweight localization tools, it uses its zero-configuration feature to achieve efficient data storage and synchronization. DatabaseLightweightSQLPortable #### **Database** It is an accelerator for system performance. Beyond basic caching, I like to leverage its atomic features to handle distributed locks or message queues. When facing high concurrency impacts, Redis is often the key to guarding system stability. DatabaseIn-memoryData StructuresPerformance #### **Operating System** Linux is the base of my productivity. As a developer, I also enjoy the pure, all-controlling feeling in the Shell environment. My trials with Ubuntu to Arch Linux gave me a more intuitive understanding of the system kernel, network stack, and resource scheduling. Operating SystemUnix-likeOpen SourceServer #### **Container** Containerization is my standard approach for delivering projects. Through Docker, I package complex runtime environments into standardized images, making 'it works on my computer' a thing of the past, and achieving true one-command rapid deployment. ContainerizationDevOpsMicroservicesOrchestration ## Organization Full Stack Developer Guangdong Province, China KAZE T i m e l i n e #### **The beginning of everything** On Chinese New Year's Day in 2020, I completed the CI/CD automated deployment of the first site through GitHub + Netlify. I built the concepts of front-end engineering and fully automated workflows. BeginningHTMLCSSMySQLPythonCINetlify 2020-01 #### **Introduction to Full-Stack Development** For better intranet team collaboration, a lightweight online chat room was developed based on PHP + Ajax, which implemented basic message persistence and file transfer. This is my first time dealing with front-end and back-end interaction logic and database design in depth. PHPHTMLCSSJSWeb Hosting 2020-02 #### **Technology reshaping** Responsible for full-stack development in a large competition, facing the complex architecture of Java Swing, Vue2, Spring Boot, and Redis, which forced me to shift from 'writing code' to 'system design.' By tackling environment isolation, interface specifications, and Maven builds in this project, I developed a respect for production-level projects. JavaSpring BootRuoYiRestart 2021-03 #### **Infrastructure** In order to support more complex business needs, I completed the migration from Web Hosting to an independent Linux cloud server. I mastered Nginx reverse proxy, SSL security protocols, and DNS resolution, establishing a complete web service operation and maintenance capability. LinuxVPSWeb Hosting 2021-04 #### **unmei.fun** I registered a private top-level domain and, based on it, built a personal cloud ecosystem that includes a blog, API services, and experimental projects. Through Nginx multi-domain distribution and reverse proxy, I achieved an organic connection of multiple subsystems. ElainHTTPSSL 2021-04 #### **Virtualization, Containers** Exploring Ubuntu, Debian, Arch Linux, Docker, Jenkins, and K8S, pursuing the ultimate system deployment workflows, service responsiveness, and stability. By optimizing resource scheduling in high-concurrency scenarios, ensuring that backend services remain efficient even under limited hardware conditions. LinuxUbuntuCentOSDebianArchlinuxKali 2021-04 #### **Knowledge Engineering** Initially, I launched a blog driven by PHP+WordPress. Now it has been completely reconstructed and migrated to the current personal knowledge management system driven by Nuxt+Markdown, mainly focusing on the analysis of underlying principles and summary of practical experience. This platform is not only a technical archive, but also a window for me to communicate technically with the open source community. BlogKMS 2022-04 #### **Nightly mode** Migrating from Vue2 to Vue3 + TS, I have a deep understanding of the huge improvement of Composition API for logic reuse and modular development. By encapsulating high-order components and Hooks, the development efficiency of complex front-end business is greatly improved. Frontend FrameworkVue 2022-05 #### **Full-stack Engineering** Lead the development of Python (Flask) + Vue3 + Redis full-stack project. Introduce Docker container deployment, optimize database query index, and achieve high-performance production environment delivery through Gunicorn + Nginx. VuePiniaVuetifyPythonMySQLRedisFlaskORMRESTful APIFEBS 2022-06 #### **More new grammar and new structures** I was attracted by Go's simplicity and native concurrency features, and began refactoring the core business. Based on Gin and GORM, I built a high-performance scaffold, explored the coroutine concurrency model, and increased the system throughput to a new level. GoBackend 2023-07 #### **Hardware Internet of Things** Exploring ESP32/ESP8266 IoT development to achieve direct software perception of hardware. At the same time, studying Kali Linux network penetration, examining system vulnerabilities from the attacker's perspective, and strengthening code-level security hardening. Developer BoardKali 2023-08 #### **Open Source Contribution** Continuously deliver high-quality projects on GitHub. Shift from purely contributing code to participating in project maintenance and establishing development standards. In interactions with developers worldwide, absorbed modern CI/CD workflows and code review standards. Open sourceShare 2023-09 #### **To be continued** Saved, the story continues... Thank U for watching\~ 2023-11 P r o j e c t Found 0 items Pinned 0 ```json {"@context":"https://schema.org","@graph":[{"@id":"https://unmei.fun/#website","@type":"WebSite","inLanguage":"en","name":"HomePage","url":"https://unmei.fun/","workTranslation":[{"@id":"https://unmei.fun/ar#website"},{"@id":"https://unmei.fun/de#website"},{"@id":"https://unmei.fun/es#website"},{"@id":"https://unmei.fun/fr#website"},{"@id":"https://unmei.fun/hi#website"},{"@id":"https://unmei.fun/ja#website"},{"@id":"https://unmei.fun/pt#website"},{"@id":"https://unmei.fun/ru#website"},{"@id":"https://unmei.fun/zh-Hans#website"},{"@id":"https://unmei.fun/zh-Hant#website"}]},{"@id":"https://unmei.fun#webpage","@type":"WebPage","description":"This is Kaz's personal official website and blog, where you can see the records of a full-stack development engineer's learning, work, and even life.","name":"Home Page","url":"https://unmei.fun","isPartOf":{"@id":"https://unmei.fun/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://unmei.fun"]}]}]} ``` ## Sitemap See the full [sitemap](https://unmei.fun/sitemap.md) for all pages.