原创 CSS 實現一個帶弧邊的區域

一、需求描述 在移動端的開發中,經常遇到下圖這樣的弧邊設計 弧邊其實有很多方案,但像上圖這樣的情況更適合用 border 實現,因爲這樣更方便封裝爲組件   二、初步實現 可以將頁面頂部的區域看做一個大圓與頁面的交集,基於這個思路就能開

原创 Rust + Tauri 開發一個自動生成申論的桌面應用

前端開發桌面應用,第一反應肯定是 Electron 但 Electron 有一個衆所周知的問題:每一個應用都會打包一個 chromium。如果電腦上安裝了10個 Electron 應用,就會安裝10個 chromium 而 Tauri 使用

原创 支付寶小程序 hideTabBar 無效,出現兩個 TabBar

問題描述: 使用 uni-app 開發的小程序,使用組件的形式做了自定義 TabBar,在部分支付寶小程序中出現了兩個 TabBar 在支付寶小程序的開發社區中也有類似問題的反饋《hideTabBar IOS失效,模擬器和安卓正常》 《真

原创 使用 Taro 開發跨平臺小程序

現在很多大廠都推出了自己的小程序平臺,作爲開發者,採用跨平臺方案開發小程序幾乎成了必選項 目前市面上跨平臺解決方案基本只剩下 uni-app 和 Taro, 其他的比如 WePY、飛冰 社區生態都不夠活躍 由於公司採用 React 技術棧,

原创 由“交卷”功能引發的思考——對比兩個字符串數組的差異

最近在做一個答題系統,在交卷的時候需要判斷客觀題的答題情況 客觀題的題型有單選題、多選題、判斷題 其中判斷題可以當做單選題處理,而單選題也可以當做標準答案長度爲一的多選題 所以最終只需要實現多選題的判定即可   一、需求分析 將標準答案和考

原创 Excel 數據轉二維數組 JSON

問題描述: 偶爾會遇到讀取 Excel 數據的場景 在網頁中,可以上傳文件然後處理(可藉助 js-xlsx 等插件),如果有 node 服務,也可以使用類似的操作 不過如果是在應用外,只是臨時拿到一個 Excel,需要一些數據分析,可以用更

原创 前端生成二維碼並批量打包成zip文件

最近接到一個需求,需要在列表上顯示二維碼圖片,用戶還可以勾選多個二維碼圖片,打包爲 zip 文件下載 將 URL 轉爲二維碼圖片並不複雜,qrcodejs、node-qrcode 都是很成熟的方案 打包 zip 聽起來很恐怖,但用上 jsz

原创 Rust 走馬觀花(二)—— 猜數字遊戲

本文是《Rust 程序設計語言 - 猜數字遊戲》的學習筆記 會涉及到:條件判斷, 循環, 獲取輸入內容, 異常捕獲 等知識點 建議有一定編程基礎的小夥伴閱讀~    一、需求描述 猜數字遊戲的規則如下: 1. 程序運行之後,會隨機生成一個

原创 2022 年終總結 & 2023 年度計劃

家裏多了一位小公主~   《2021 年終總結 & 2022 年度計劃》   2022 年度計劃完成情況:   1. 健身時間不少於330天:  達標 悄悄安利一波,樂刻的“脂肪燃燒彈”還不錯   2. 至少每個月看一本書:  達標 《笑

原创 這可能是在 React 項目中使用 ECharts 的最佳實踐

項目經常會用到 echarts, 也嘗試過 echarts-for-react、原生封裝等實踐方案 但總覺得不夠完善,比如不能自適應容器尺寸,或者沒法開箱即用 最終我咬一咬牙,寫了一個 react-echarts-core   一、快速上手

原创 Rust 走馬觀花(一)—— 從安裝到編譯

Rust 官網的入門教程已經很詳情,本文只是基於官方文檔做一些補充 請配合官方文檔《Rust 入門:快速配置 Rust 開發環境並編寫一個小應用》食用   一、VS Code 擴展 在正式開始編寫 Rust 之前,可以先安裝一些擴展插件 1

原创 WebAssembly 實戰 —— 前端提速的黑科技

WebAssembly 早在 2015 年就開始萌芽,直到 2018 年纔得到各大瀏覽器的廣泛支持 從最初的狂熱到現在的冷靜,WebAssembly(簡稱 wasm )到底給前端開發帶來了什麼?   一、什麼是 WebAssembly 首先

原创 使用 Vite 從零開始構建 React 組件庫

這篇文章會介紹一個 React 組件庫項目的搭建、打包、發佈 但不會涉及組件庫文檔站點的構建,如有需要,建議查看《使用 dumi 打包 React 組件庫並生成文檔站點》 另外,雖然本文介紹的是 React 組件庫,但對於 Vue 組件庫也

原创 大事記 - Jenkins 腳本部署報錯 “Host key verification failed”

// 這本是一個不應該出現的問題...   問題描述: 有一臺用來部署項目的 Jenkins 服務器,然後新開了一臺應用服務器,需要通過 Jenkins 將打包後的代碼部署到應用服務器 但由於權限控制,我不知道兩邊服務器的密碼,應用服務器(

原创 記憶中的香河肉餅

近來瑣事纏身,加之愛妻臨產,我終於有幸體會到人近中年的苦惱。   恰逢夏日時節,天愈炎熱,人愈煩悶。正當此時,有老友相邀於江湖,喜不自勝。酒酣胸坦之餘,話題漸漸來到了我北漂的日子。   “北漂的那幾年,你印象最深的是什麼?”老友瞪着微醺的眼