前言 如果要開發一個新項目，傳統方式要敲不少命令 如下：使用最新版的vite，創建一個項目，選擇對應的框架語言等 然後就是安裝各種依賴，安裝antd、安裝路由、安裝zustand等，如npm install axios react-router-dom antd ...... 若每次新開一個常規項目，都執行這樣的搭建操作，整體來説，效率略低，不優雅——（畢竟是手動配置） 於是，在此
某些情況下，我們的一些npm包，需要發佈到npm上，但是，又不太適合設置成公開的。儘管npm提供了私密包的服務，但是要收錢的，因此，Verdaccio就應運而生了 什麼是Verdaccio 簡單來説，Verdaccio 是一個輕量級、開源的私有 npm 倉庫管理器，就是“自己搭建的 npm 私服”。 核心作用如下： 替代公共 npm 倉庫：你可以把公司內部的私有包、不想公開的代碼包發佈到這個私
前言 看文，看的是一種思路，希望筆者的文章能給諸位帶來一些靈感思路☺️☺️☺️ 業務需求場景描述 公司每個月都會安排員工學習一個pdf文檔（有點形式主義的學習） 然後，根據文檔內容寫一篇500字左右讀後感txt 員工都是把文檔丟給AI讓其幫忙寫讀後感 一個員工每個月要花費10分鐘，幾十個員工，就累計是幾個小時的成本 人越多，成本越高 針對於這個情況，筆者思考，倒不如寫一個工具 由專
前言 看文，看的是一種思路，希望筆者的文章能給諸位帶來一些靈感思路☺️☺️☺️ 場景概述 實際場景描述有些冗餘，特抽象出來描述如下： 公司平台上有一個視頻文件列表，列表有近千條數據，對應接口返回的就是一個數組，length將近1000，如： let tableData = [ { id: 1, name: '視頻1', duration: 364, url: 'https://abc.co
前言 本文梳理了後端的相關操作流程環節 使用Svelte+Vite（前端）搭配Spring Boot（後端） 實現了一個增刪改查全棧項目 有助於前端更好理解後端java的分層思想，數據流轉控制 和Svelte嚐鮮學習瞭解 完整前後端代碼在github：https://github.com/shuirongshuifu/svelte-springBoot-crud 大道至簡，一些知識
問題描述 最近上了一版需求，其中有一個接口因為後端的計算量超級巨大，導致接口時間要達到七八秒才能返回對應結果。 上了生產環境以後，請求總是失敗。 測試環境是好好的... 查看控制枱請求發送的報文相關信息如下： 筆者看一下報文，發現請求的狀態從開始的pending等待到最後的canceled取消。 點開請求的Timing面板查看，發現請求卡在Connection Star的Initial conn
題目描述 給定一個整數，寫一個函數來判斷它是否是 4 的冪次方。如果是，返回true；否則，返回false。 整數n是 4 的冪次方需滿足：存在整數x使得n == 4x 示例 1： 輸入： n = 16 輸出： true 示例 2： 輸入： n = 5 輸出： false 示例 3： 輸入： n = 1 輸出： true 力扣原題目地址 4 的冪：https://leetcode.cn/probl
思路 一些視頻學習網站，在學生觀看一段時間後，就自動暫停，防止學生掛機 針對於這個情況，我們可以寫一個腳本去處理，從而做到電腦不關機 睡覺的時候，也能夠自動播放，就很嗨皮 大致就是，通過setInterval定時檢查判斷視頻狀態 並且派發點擊事件讓視頻播放 這樣的話，就可以掛機了 其他的視頻類網站也是類似的思路... 腳本一 document.querySelector(".btn
前言 閲讀本文，可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼：https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下，自己手寫的簡單插件的操作效果圖（點擊彈出時間） 拓展程序部分 或者地址欄輸入：chrome://extensions/ 回
需求描述 前兩天和以前公司的同事聊天，他提到在刷leetcode，並提到算法感覺不接地氣 似乎也沒有什麼應用場景 於是乎，筆者翻出一個案例需求給到他 看完以後，他感嘆道： 還是自己見得少了... 需求：假設有一個時間線組件，按照時間順序展示對應內容，如下圖 這個時間線可能很長，能有好幾個月 為了提高用户體驗，當用户進入這個頁面的時候 我們需要看看當天是哪一天，同時滾動到，距
本文不贅述具體概念，通過具體案例效果，學習sse （Server-SentEvents）的具體實現，以react框架為例 SSE具體應用場景 SSE（Server-Sent Events，服務器推送事件）是一種基於 HTTP 的單向實時通信協議，核心特點是服務器主動向客户端推送數據，客户端僅被動接收，無需頻繁輪詢，且天然支持斷線重連、事件標識等特性。其應用場景主要集中在 “服務器需主動向客户端推送
需求描述 前段時間有這樣的一個需求： 筆者有一個項目，在啓動或者打包的時候 需要根據一些實際情況，去選擇展示那個視圖 就是我們在項目啓動或者打包的時候，需要注入一個全局變量（保存在.env.development或.env.production文件中）通過命令行npm run dev的方式 一般來説，vue-router就可以實現這個需求 但是，某些情況下，這個需求不太適合用vue-
本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-
問題描述 面試中，面試官除了問基礎知識以外，還喜歡問一些框架原理。比如：你對vue的數據雙向綁定mvvm是如何理解的？網上的部分貼子可能寫的有點抽象，不便於快速閲讀理解。本篇文章就使用通俗易懂的簡單方式，來講解並實現一個簡單的vue數據雙向綁定原理demo，希望對大家有一定的幫助 先複習基本知識 為了便於大家更好的理解下文數據雙向綁定的代碼，我們最好先複習一下舊知識，如果基礎知識紮實的道友，可以直
前言概述 本文記錄使用docker安裝jenkins以後，推送代碼到gitee和gitlab上，而後執行構建前端項目的過程，對應cicd的操作設置流程環節 包含：手動觸發構建和webhook自動化構建 50多張圖，詳細記錄過程，且按照筆者的這篇文章操作，不會踩坑被卡好久（筆者已經踩過坑了） 前端CICD自動化部署角色分工 前端開發過程中，關於項目發佈上線，標準化而言涉及四個角色（假設是四台硬件設備
什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix
問題描述 筆者把服務器上的node，從14升級到18 再次使用express的連接池連接mysql的時候（mysql版本：2.18.1） 出現連接不上的報錯 報錯信息如下： Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1555:16)
問題描述 兩年前，筆者寫過一篇文章 《面試官桀桀一笑：你沒做過大文件上傳功能？那你回去等通知吧！》 當時，後端是用java語言寫的 本篇文章，就是講解一下，後端的nodejs如何實現大文件上傳 後端使用node的express框架寫 完整代碼在github上：https://github.com/shuirongshuifu/bigfile 在看本篇文章之前，建議看一下之前的筆者的大
我有一個朋友，前端，最近在找工作，面試官就問了他，對oss瞭解嗎，他沒回答上來，於是就有了這篇文章... 介紹 本文簡介 本文使用react實現前端，node的express框架實現後端，搭配開源的minio 實現一個oss文件存儲服務功能 有助於前端更好地理解文件存儲的過程 完整項目代碼：https://github.com/shuirongshuifu/react-node-mini
需求描述 日常開發中，我們常常會要執行一些定時任務 比如定時清理文件夾，定時發郵件等 本文是在node的express框架中用node-schedule這個包 來實現定時清理文件夾功能 node-schedule介紹 node-schedule 是一個用於在 Node.js 環境中調度和執行任務的庫。 這個包可以設置定時任務、週期性任務以及一次性任務 很靈活，很強大，精度高，也
前言 前段時間，有一個業務需求，就是要實現類似excel單元格可以選中的需求，需求如下： ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化（邊框合併處理） 效果圖 線上預覽地址：https://ashuai.site/reactExamples/verticalSelection github地址：https:/
需求描述 樹結構表格 可展開摺疊，有children子集項 並且對應列還需要合併單元格（大類合併） 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個：:tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是，只能換種思路實現了 添加行、刪除行方式，同時動態計算需要合併的單元格信息 效
前言 筆者的一個好友（女生），學歷普通一本，非科班出身，在國內一家大型外包公司上班 因遲遲無法轉正成為正式甲方員工（當初入職的時候承諾，有一定的機率轉正成為甲方員工） 且在這家公司認真工作了三年多了，三年只漲工資500塊錢 遂在六月份開始準備跳槽去甲方 歷時將近三個月，總算是在8月底拿到了自己滿意的offer 一共是通過了9家的面試，其中有6家是外包公司（練手的面試） 當然，外包的
問題描述 某些公司的項目可能偶爾會有安全掃描軟件去掃描漏洞 然後項目中使用了jquery包 然後，因為jquery的版本低了 導致安全掃描軟件提示，版本低，存在漏洞，請升級到高版本 但是，高版本的jquery有一些語法發生變化了 假若是老項目，會牽一髮動全身，會出現一些奇怪的報錯 就是不太好升級 解決方案很簡單，直接修改版本號（障眼法） 安全掃描漏洞簡要報告
