原创 胖胖熊技術網上線

胖胖熊技術網，由胖胖熊網絡科技工作室開發，這是一款基於人工智能的產品，利用AI讓編程學習更簡單。 在技術學習上，我們通常會發現比較枯燥無聊，於是想研發一款產品，讓技術學習有趣味性，讓技術學習簡單易懂。 當我們打算學習一門技術，我們通常會選擇

2024-01-24 14:19:40 3

原创 使用vue3、egg和SQLite開發通用管理後臺系統

使用vue3、egg和SQLite開發通用管理後臺系統 plaform是一個基於RBAC模型開發的後臺管理系統，沒有多餘的功能。本項目是一個以學習爲目的的後臺項目，旨在讓前端也能充分了解RBAC模型是如何設計的，不建議用於線上，因爲未經過充

2023-07-14 14:20:37

原创 essay 4.0更新發布

前言 Essay新版本終於肝完了，這是我17年寫的一個項目，本來都不打算更新了，只是最近在使用第三方平臺寫筆記的時候被噁心到了，想遷移文章發現也很費勁，就想着還是整一個自己喜歡的吧，於是就又撿起來了。 新版本做到了即使完全不懂技術也可以使用

2023-06-30 14:20:08

原创 windows修改鼠標滾動方向

場景： 由於長時間使用mac，mac使用的自然方向滾動，切換到window的鼠標滾動方向剛好相反，很不習慣，爲了體驗一致性，我把windows上的也修改爲自然滾動 第一步，打開設置的鼠標選項 第二步，點擊其他設置 第三步，點擊硬件》屬性

2023-06-04 14:17:04

原创 http緩存max-age說明

緩存能加快也面的打開速度，也能減輕服務器壓力，所以 HTTP 設計了緩存機制。 HTTP 1.0 的時候是使用 Expires 的 header 來控制的，指定一個 GMT 的過期時間，但是當瀏覽器時間不準的時候就有問題了。 HTTP 1.

2022-05-31 14:30:57

原创 如何實現一個簡單的發佈訂閱模式

背景 在業務開發中，經常會遇到要處理跨頁面通信的問題，比如說用戶打開了一個網站，網站的某些頁面需要根據用戶的登錄的狀態不同，顯示不同的數據。顯然這需要我們在登錄成功的那一刻， 去通知到那些需要改變的頁面。爲了解決類似這樣的問題，發佈訂閱模式

2022-02-28 14:17:46 1

原创 如何實現溢出文本省略號

背景 有時候爲了頁面美觀，對於比較長的標題或簡介內容，會希望溢出的內容用省略號代替。這麼做雖然降低了用戶體驗，但是視覺上會比較整潔。 方案 單行文本溢出省略 <p class="txt">這是一段簡介這是一段簡介這是一段簡介這是一段簡介

2022-02-26 14:20:06

原创 如何高效的處理數組映射

在處理數據的時候，經常需要對數據進行過濾和遍歷，以便把數據轉換成符合我們要求的格式，比如下面的場景： 過濾掉名字爲空的數據，如果年齡小於18，設置disabled: true，大於等於18，設置disabled: false // 原始

2022-02-26 14:20:05

原创 如何在請求數據時，顯示加載動畫

爲了優化用戶體驗，我們希望對於數據返回比較慢的接口，能夠顯示一個加載動畫，但是在數據返回比較快的時候我們又不希望顯示這個動畫。下面提供一種方式，來解決這個問題 方法的核心是Promise.race()，簡單回顧下Promise.race使用

2022-02-26 14:20:05

原创 對數組中的元素排序

背景 在進行數據展示的時候，有時候後端返回我們的數據不符合我們的要求，在數據量較小的情況下，前端去處理數據的排序可能更合適，下面是幾種常用的數據排序方式。 字符串數組排序 簡單回顧下數組的sort方法，默認排序順序是升序，也就是將元

2022-02-21 14:17:50

原创 擴大元素的點擊區域

問題背景 有時候我們在做移動端業務的開發時，會遇到這樣的問題：我們按照UI設計稿畫好了頁面，但是在驗收功能時，發現在小屏幕手機上有些按鈕不好點擊，可是UI同學又不希望我們調整按鈕的大小，破壞了他的設計。下面提供一種方法，既可以不改動UI

2022-02-21 14:17:50

原创 關於聚享小站

聚享小站是一個專注於代碼片段分享的網站，每段代碼都切實解決一個現實的業務問題，讓開發者能夠通過代碼片段打開思路，感受代碼的神奇，享受編碼的樂趣，做一個快樂的搬磚工。### 公衆號

2022-02-19 14:18:03 1

原创 vuepress blog自動生成標題、時間等信息

vuepress是一款很出色的靜態網站生成器，配合官方提供的blog主題，很快就能搭建一個自己的博客網站。vuepress blog使用yaml解析元信息，也就是一篇文章的title、date、author和tags等，筆者在使用時發現每次

2022-02-19 14:18:03

原创 微信支付前端對接流程

以vue spa項目爲例，測試微信支付對接。 在index.html中添加sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 在mai

2022-01-11 14:23:33

原创 支付寶支付前端對接流程

移動端h5支付 以vue項目爲例，首先在index.html中引入最新的sdk <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipay

2021-12-24 14:09:52