Blogs
blogs :see_no_evil:
Install / Use
/learn @reng99/BlogsREADME
<p align="center"><a href="https://github.com/reng99/blogs"><img src="./src/imgs/banner.png" alt="banner" /></a></p>
<p align="center">
<a href="https://github.com/reng99/blogs/issues">
<img src="https://img.shields.io/github/issues/reng99/blogs.svg" alt="issues"/>
</a>
<a href="https://github.com/reng99/blogs/stargazers">
<img src="https://img.shields.io/github/stars/reng99/blogs.svg" alt="star"/>
</a>
<a href="https://github.com/reng99/blogs/network/members">
<img src="https://img.shields.io/github/forks/reng99/blogs.svg" alt="forks"/>
</a>
<a href="https://github.com/reng99/blogs/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/reng99/blogs.svg" alt="license"/>
</a>
</p>
<p align="center">建立本倉庫的目的 -- <b>彼此交流,共同成長</b>。</p>
<p align="center">如果您想為本倉庫出力,在此之前請閱讀<a href="./CONTRIBUTING.md">貢獻指南</a>。</p>
<p align="center">您貢獻的博文若被採用,將在下面的博文目錄中展示出來,形式是<b>標題--源自某某</b>,默認是自己發的博文。</p>
<hr />
<h4 align="center">* 社交--歡迎來撩 *</h4>
<p align="center">
💓<a href="./src/other/donate.md">捐助杯星巴克</a>
🏃<a href="https://mp.weixin.qq.com/s/fyxGaMJmwm7Dc0nSrBiTww" target="_blank">關於我</a>
</p>
<p align="center">
1. <a href="https://juejin.im/user/5a00493f5188252c224d6475">掘金</a>
2. <a href="https://www.zhihu.com/people/reng99/activities">知乎</a>
3. <a href="https://mp.weixin.qq.com/s/fyxGaMJmwm7Dc0nSrBiTww">个人站点</a>
</p>
<hr />
<h4 align="center">* 2025-01-27 更 *</h4>
<p align="center">博文统一在 <a href="https://juejin.cn/user/1996368846261294/posts">掘金平台</a> 上维护 (*^_^*)</p>
<hr />
<p align="center"><b>2022-10 - 至今</b></p>
<p align="center">最近比较忙~如果你对我的博文感兴趣,可前往<a href="https://juejin.cn/user/1996368846261294/posts">这里</a>。后期会把遗漏的 issues blog 补上~</p>
<p align="center"><b>2022-09</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/153">從 Angular Route 中提前獲取數據</a></p>
<p align="center"><b>2022-08</b></p>
<p align="center">本月略忙,無更新!</p>
<h4 align="center">* 博文目錄 *</h4>
<p align="center"><b>2022-07</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/151">不吹不黑,在外企的工作生活|年中總結</a></p>
<p align="center"><b>2022-06</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/150">Flutter iOS 真機測試 -- 值得收藏</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/149">Flutter 結合 Dio 使用</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/148">Flutter 佈局備忘錄 -- 多圖警告,乾貨建議收藏</a></p>
<p align="center"><b>2022-05</b></p>
<p align="center">本月略忙,無更新!</p>
<p align="center"><b>2022-04</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/146">四月日更挑战的第 30 天总结</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/145">Flutter 系列 - 开始你的第一个应用</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/144">怎么创建 JavaScript 自定义事件</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/143">JavaScript 中防抖和节流的应用</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/142">前端浏览器调试小技巧</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/141">谈谈前端性能优化</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/140">10 个不错的 CSS 小技巧</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/139">7 个 JavaScript 开发小技巧</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/138">一个元素即可实现 3D 插图效果</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/137">没人告诉你关于 CSS 变量的那些事</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/136">了解 JavaScript 函数式编程</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/135">Tailwind 初识</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/134">Angular 中 SASS 样式的使用</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/133">Angular 项目结合 nginx 上线</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/131">Angular 的生命周期</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/130">Angular 应用是怎么工作的</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/129">了解 Javascript Event 对象</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/128">7 个少见但有用的 HTML 属性</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/127">Angular 结合 rxjs 实现拖拽</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/126">元素中必知重要属性和方法</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/125">Angular 中自定义 Video 操作</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/124">Angular 项目实现权限控制</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/123">Angular 组件通信</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/122">Angular 结合 NG-ZORRO 快速开发</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/121">Angular 中的请求拦截</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/120">Angular 中使用 Api 代理</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/119">Angular 自定义服务 notification</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/118">Angular 自定义指令</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/117">了解 Angular 开发的内容</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/116">Jenkins 结合 Angular 展示构建版本</a></p>
<p align="center"><b>2022-03</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/113">純 CSS 實現十個還不錯的 Loading 效果</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/112">Angular 結合Git Commit 版本處理</a></p>
<p align="center"><b>2022-02</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/111">推薦 5 個優秀的 Javascript 圖標庫 🚀</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/110">Jenkins 郵件發送「可修改模版」</a></p>
<p align="center"><b>2022-01</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/108">🔥 僅使用一個 DIV 配合 CSS 實現餅狀圖</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/107">Jira 任務同步到 Microsoft Teams</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/106">JavaScript console 四個實用功能</a></p>
<p align="center"><b>2021-12</b></p>
<p align="center">本月略忙,無更新!</p>
<p align="center"><b>2021-11</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/105">僅使用 CSS 旋轉製作八卦迷惑動畫 🧘♀️</a></p>
<p align="center"><b>2021-10</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/104">Angular 之旅(一)</a></p>
<p align="center"><b>2021-09</b></p>
<p align="center">本月略忙,無更新!</p>
<p align="center"><b>2021-08</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/103">Flutter 系列 - 环境搭建</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/102">Jenkins Pipeline 結合 Gitlab 實現 Node 項目自動構建</a></p>
<p align="center"><b>2021-07</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/101">uni-app 開發微信小程序和h5應用</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/100">react+koa2+mongodb實現留言功能(可體驗)</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/99">FFmpeg 壓縮視頻</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/98">使用vscode省時的6個插件</a></p>
<p align="center"><b>2021-06</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/97">🔥七條心裡效應,生活工作兩不誤</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/96">💦從零開始搭建站點 - 前後端</a></p>
<p align="center"><b>2021-05</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/95">使用React的7個避錯案例</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/94">了解下HTTP和WWW如何運作</a></p>
<p align="center"><b>2021-04</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/93">簡潔設計-毛玻璃效果登錄頁面</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/92">【面試】邏輯推理 - 農夫養牛問題</a></p>
<p align="center"><b>2021-03</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/91">🚀⚙️JavaScript引擎</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/90">微信小程序開發(一)</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/89">⚠️ Python編寫簡易API</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/88">兩個DIV實現雷達掃描效果</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/87">🔥【前後端】跨源資源共享了解下</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/86">打造你GITHUB的名片</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/85">從零開發簡易微信小程序</a></p>
<p align="center"><b>2021-02</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/84">推薦八個谷歌搜索技巧</a></p>
<p align="center"><b>2021-01</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/82">10個JS優化小技巧</a></p>
<p align="center"><b>2020-12</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/81">JavaScript中實用的8個代碼片段</a></p>
<p align="center"><b>2020-11</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/80">REACT生命週期</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/79">6個規則去淨化你的代碼</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/76">單元測試</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/75">怎樣創建一個谷歌擴展程序</a></p>
<p align="center"><b>2020-10</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/74">[CSS] 柵格化佈局</a></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/73">開發調試的九個技巧【谷歌瀏覽器】</a></p>
<p align="center"><b>2020-09</b></p>
<p align="center"><a href="https://github.com/reng99/blogs/issues/72">JavaScript兩個快速調試的技巧</a></p>
<p align="center"><a h
Related Skills
node-connect
350.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.9kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
350.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
350.1kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
