面對業務需求,多思考一下如何更好實現,不要成為麻木的前端npm調包俠
前言 前段時間,有一個業務需求,就是要實現類似excel單元格可以選中的需求,需求如下: ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化(邊框合併處理) 效果圖 線上預覽地址:https://ashuai.site/reactExamples/verticalSelection github地址:https:/
昵稱 水冗水孚
貢獻者88
粉絲0
前言 前段時間,有一個業務需求,就是要實現類似excel單元格可以選中的需求,需求如下: ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化(邊框合併處理) 效果圖 線上預覽地址:https://ashuai.site/reactExamples/verticalSelection github地址:https:/
昵稱 水冗水孚
2025年值得推薦的免費CRM客户管理軟件包括功能全面的Zoho CRM客户管理軟件、用户友好的HubSpot CRM客户管理軟件、多功能集成的Bitrix24、專注銷售的Freshsales和結合項目管理的Insightly,它們各自針對不同企業需求提供了獨特的解決方案。 對於預算有限的中小企業和初創公司而言,選擇一款功能強大且免費的CRM客户管理軟件尤為重要。2025年市場上有許多免費的CRM
昵稱 Python最棒
大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和
昵稱 長林啊
重大事項 📣 :重大事項提前通知!快來圍觀,不容錯過! 極限科技 一直致力於為開發者和企業提供優質的開源工具,提升整個技術生態的活力。除了維護國內最流行的分詞器 analysis-ik 和 analysis-pinyin,也在不斷推動更多高質量開源產品的誕生。 在極限科技成立三週年之際,公司宣佈以下產品和工具已全面開源: INFINI Framework INFINI Gateway I
昵稱 極限實驗室
背景 前段時間完成一個公司官網項目,個人第一感覺是整體風格簡潔但充滿科技感。所以想着抽時間寫篇文章出來分享一下(其實想着拿出來炫一下,得瑟一下,滿足一下自身虛榮心,請大家包容一下我的虛榮心,莫噴。) 抽空寫下這篇文章,既是分享,也希望能夠聽到更多反饋。 官網地址是:https://infinilabs.com/, 大家可以先去看看。對了,也歡迎直接在評論區告訴我:“這樣的官網設計,你覺得怎麼樣?”
昵稱 極限實驗室
大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在開發過程中,調試無疑是我們解決疑難雜症的手段之一,但調試不僅僅是在解決 Bug 的時候才能應用的技能,當拿到一個新的項目時,我們也可以通過調試的方法,去快速瞭解代碼、熟悉業務。 本文工具及代碼環境: Visual Studio
昵稱 長林啊
ts編譯成js的工具 npm install -g typescript 使用命令: tsc example.ts 只執行ts代碼,但不編譯的工具 1、nodemon , 只要保存代碼就會執行,比較推薦 安裝:``` npm intall -g nodemon ``` 使用: ``` nodemon example.ts ``` 2、ts-node ,每次需要執行ts-node命令 安裝
昵稱 馮諾依曼的馮
擅長技術:Vue、React、Uniapp、nuxt、小程序開發、公眾號開發、後台管理系統開發、Nodejs、Java 10年多工作經驗 聯繫方式微信:wang-de-love
昵稱 potato1314
Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n
昵稱 linong
JavaScript 是一種廣泛應用於前端開發的編程語言,最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言,JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一,還隨着 Node.js 的出現,逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景,幫助你掌握這門現代化的編程語言。 一
昵稱 chongdongdedaxiongmao_kxfei
div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中,div的寬度默認獨佔一行,而高度需要手動設置。 上面的佈局,box 高度 300 box1的高度未
昵稱 兔子先森
下面是一段scss示例: .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col
昵稱 兔子先森
效果: 在css中,對文字可以使用:flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址,該屬性則無效。 我們需要對英文、網址進行斷字,然後使其換行,下面是mdn的解釋: .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;
昵稱 兔子先森
vue3項目,主要通過wavesurfer.js實現前端錄音+實時波形渲染 template div class="audio-container" @click="onStop" div class="flex-between audio-box" v-if="!transform" div你可以開始説話/div div class="audio" id="w
昵稱 兔子先森
該組件是一個透明佔位的頭部nav-bar組件,組件的大小位於最頂部一直到膠囊底部的位置,如下: 內部提供一個插槽,這個插槽的高度跟膠囊的高度一致,你可以自定義一些按鈕,跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back
昵稱 兔子先森
1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-07),目前最新是 4.0.7,
昵稱 若川
1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,
昵稱 若川
1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-12-26),目前最新是 4.0.8,
昵稱 若川
2025 年,企業數字化轉型步入深水區,客户關係管理(CRM)系統成為提升銷售效率、優化客户體驗和驅動業績增長的關鍵工具。面對全球 CRM 市場的持續擴張和智能化升級,企業如何在眾多 CRM 產品中做出最優選擇,成為管理層關注的焦點。本文基於 Gartner、IDC 等權威數據,系統梳理了 2025 年主流 CRM 系統排行榜,涵蓋全球巨頭如 Zoho、Salesforce、Microsoft D
昵稱 Python最棒
觸底加載的方式 長列表需要觸底加載,觸底顯示loading,加載後loading小時 若長列表為空,則顯示空狀態 加載到底,沒有更多分頁,則顯示“沒有更多了” 這裏我基於vant封裝了一個組件,可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,
昵稱 兔子先森
主要參數: ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數,比如getList,該函數是一個async的Promise函數 ● threshold
昵稱 兔子先森
代碼可直接複製使用,主要用於頁面容器內的滾動觸底加載 主要參數: ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表
昵稱 兔子先森
/** * 根據傳入的時間字符串按照格式轉換並返回 * @param { string } dateString 傳入的時間字符串 * @param { string } format 需要轉換的格式 * @param { object } options 配置項 * @returns { string } 轉換後的時間 */ function formatDate(dateStrin
昵稱 兔子先森
globalProperties全局函數掛載 在vue3項目中,一般使用globalProperties實現全局函數掛載 import { createApp } from "vue"; import "@/style.css"; import App from "@/App.vue"; const app = createApp(App); // 這裏掛載 app.config.globa
昵稱 兔子先森