Welcome to Ray's Blog

AI-powered code generation is transforming the way developers prototype and preview their work in real-time. This article explores three distinct approaches to AI-generated code preview： (1) embedding directly in an HTML file with `srcdoc` in an `iframe`; (2) using React/Vue with Blob-based previews; (3) leveraging WebContainer for multi-component projects. Each method offers varying levels of complexity, speed, and flexibility, catering to different development needs. We compare their implementations, advantages, and best-use cases to help developers select the most suitable approach for their workflow;

📝📖😀📜✅ -> Markdown Emoji cheat sheet

A deep dive into the history, development, and future trends of emojis. Learn how these tiny icons transformed global digital communication.

A step-by-step guide to setting up a custom domain for your GitHub Pages site using Cloudflare.

Learn how to create a visually stunning 3D tag cloud using SVG3DTagCloud, a JavaScript library for interactive tag clouds.

Learn how to build an elastic cursor animation using React and GSAP to enhance UI interactivity.

概述

随着科技的发展，手机的屏幕分辨率越来越高，手机厂商可选择的屏幕越来越多，因此导致市面上手机屏幕的碎片化严重。作为一个移动端程序员开发者，掌握屏幕适配技术也成为了标配技能。

概述

项目需要实现清除缓存的功能，网上找了一圈之后，参考了> csdn-IT_xiao 小巫 <的代码，根据项目实际，做了部分代码修改/优化。主要用以备忘，如果侵权，告知即删。

概述

日常代码中一些用到知识点记录

概述

Android M（Api=23）之后谷歌加强了 Android 的安全性管理，使用了类似 Ios 的需要时申请的权限管理机制。以前在小于 API23 的版本中，权限的获取仅需要在mainifest.xml文件中声明即可，但是在 API23 及之后的版本中，需要手动的申请相应权限才能够使用，否则会导致程序的 Crash。以下是目前 Android 权限的列表（用以备用）：

中文版

英文版