Yang Jin's Blog

This is my portfolio, blog, and personal website. About life, technology and reading

Articles

• 工作上的一些思考
• 如何提升自己
• 如何看前端已死
• 如何设计产品：写商业计划书
• 如何思考新的产品想法
• 独立开发者的故事
• Netflix 和摇滚明星
• 费曼学习法
• 了解前端模块化
• MVC, MVP 和 MVVP
• 为什么学习 Node.js
• 理解 scrollTop，offsetTop 和 clientTop 等
• 浏览器的回流和重绘
• 浏览器页面渲染机制
• 跨域
• Ajax
• script 标签 - async & defer
• exec、test 和 match
• Q&A 你是否知道 JS
• JavaScript 手写代码
• virtual-scroller 虚拟滚动
• Infinite-scroll 无限滚动
• Generator与异步编程
• 一个自动补全的 VSCode 插件
• git 常用操作

Projects

Tutorials

• frontend-tutorial: 🥤 前端教程｜学习笔记，整理了 JavaScript 知识、数据结构和算法、webpack 基础知识等。
• typescript-tutorial: 📚 TypeScript 快速入门教程 https://www.typescripttutorial.net 中文版

Libraries

• html-webpack-inject-style-plugin: 📦 Dynamically inject stylesheet <link /> tags instead of directly including them when generating files, especially helpful for using webpack-rtl-plugin.
• vue-truncate-list: A flexible Vue 2 & Vue 3 component for truncating lists with custom truncator rendering. Designed for both mobile and desktop platforms.

Extensions

• postMessage-catcher: ⚒️ A Chrome extension that captures the content of postMessage.
• customize-tab-icon: ✌️A simple yet powerful Chrome extension that allows you to customize website (browser tab) icons . Built with WXT + React + shadcn/ui + Tailwindcss.

Blog stack

This is a blog template built with:

• Framework: Next.js
• Deployment: Vercel
• Styling: Tailwind CSS
• Analytics: Vercel Analytics