@react

动态 列表
@shuirongshui

面對業務需求,多思考一下如何更好實現,不要成為麻木的前端npm調包俠

前言 前段時間,有一個業務需求,就是要實現類似excel單元格可以選中的需求,需求如下: ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化(邊框合併處理) 效果圖 線上預覽地址:https://ashuai.site/reactExamples/verticalSelection github地址:https:/

shuirongshui 头像

@shuirongshui

昵称 水冗水孚

@zohocrm

2025年免費CRM客户管理軟件推薦

2025年值得推薦的免費CRM客户管理軟件包括功能全面的Zoho CRM客户管理軟件、用户友好的HubSpot CRM客户管理軟件、多功能集成的Bitrix24、專注銷售的Freshsales和結合項目管理的Insightly,它們各自針對不同企業需求提供了獨特的解決方案。 對於預算有限的中小企業和初創公司而言,選擇一款功能強大且免費的CRM客户管理軟件尤為重要。2025年市場上有許多免費的CRM

zohocrm 头像

@zohocrm

昵称 Python最棒

@changlina

掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

changlina 头像

@changlina

昵称 長林啊

@infinilabs

如何讓 localStorage 數據實現實時響應

重大事項 📣 :重大事項提前通知!快來圍觀,不容錯過! 極限科技 一直致力於為開發者和企業提供優質的開源工具,提升整個技術生態的活力。除了維護國內最流行的分詞器 analysis-ik 和 analysis-pinyin,也在不斷推動更多高質量開源產品的誕生。 在極限科技成立三週年之際,公司宣佈以下產品和工具已全面開源: INFINI Framework INFINI Gateway I

infinilabs 头像

@infinilabs

昵称 極限實驗室

@infinilabs

如何實現一個充滿科技感的官網(一)

背景 前段時間完成一個公司官網項目,個人第一感覺是整體風格簡潔但充滿科技感。所以想着抽時間寫篇文章出來分享一下(其實想着拿出來炫一下,得瑟一下,滿足一下自身虛榮心,請大家包容一下我的虛榮心,莫噴。) 抽空寫下這篇文章,既是分享,也希望能夠聽到更多反饋。 官網地址是:https://infinilabs.com/, 大家可以先去看看。對了,也歡迎直接在評論區告訴我:“這樣的官網設計,你覺得怎麼樣?”

infinilabs 头像

@infinilabs

昵称 極限實驗室

@changlina

React 調試不求人:VS Code 與 Chrome 的終極指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在開發過程中,調試無疑是我們解決疑難雜症的手段之一,但調試不僅僅是在解決 Bug 的時候才能應用的技能,當拿到一個新的項目時,我們也可以通過調試的方法,去快速瞭解代碼、熟悉業務。 本文工具及代碼環境: Visual Studio

changlina 头像

@changlina

昵称 長林啊

@chongdongdedaxiongmao_kxfei

深入 JavaScript:前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言,最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言,JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一,還隨着 Node.js 的出現,逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景,幫助你掌握這門現代化的編程語言。 一

chongdongdedaxiongmao_kxfei 头像

@chongdongdedaxiongmao_kxfei

昵称 chongdongdedaxiongmao_kxfei

@tuzixiansen_63d4d65909d62

uniapp一個透明佔位的nav-bar組件

該組件是一個透明佔位的頭部nav-bar組件,組件的大小位於最頂部一直到膠囊底部的位置,如下: 內部提供一個插槽,這個插槽的高度跟膠囊的高度一致,你可以自定義一些按鈕,跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森

@ruochuan12

Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-07),目前最新是 4.0.7,

ruochuan12 头像

@ruochuan12

昵称 若川

@ruochuan12

Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,

ruochuan12 头像

@ruochuan12

昵称 若川

@ruochuan12

Taro 源碼揭秘:10. Taro 到底是怎樣轉換成小程序文件的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-12-26),目前最新是 4.0.8,

ruochuan12 头像

@ruochuan12

昵称 若川

@zohocrm

2025 CRM系統排行榜:全球巨頭與本土黑馬的選型終極指南

2025 年,企業數字化轉型步入深水區,客户關係管理(CRM)系統成為提升銷售效率、優化客户體驗和驅動業績增長的關鍵工具。面對全球 CRM 市場的持續擴張和智能化升級,企業如何在眾多 CRM 產品中做出最優選擇,成為管理層關注的焦點。本文基於 Gartner、IDC 等權威數據,系統梳理了 2025 年主流 CRM 系統排行榜,涵蓋全球巨頭如 Zoho、Salesforce、Microsoft D

zohocrm 头像

@zohocrm

昵称 Python最棒

@tuzixiansen_63d4d65909d62

vue3基於vant封裝loading組件

觸底加載的方式 長列表需要觸底加載,觸底顯示loading,加載後loading小時 若長列表為空,則顯示空狀態 加載到底,沒有更多分頁,則顯示“沒有更多了” 這裏我基於vant封裝了一個組件,可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森

@tuzixiansen_63d4d65909d62

vue3封裝一個頁面級的滾動條觸底加載函數

主要參數: ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數,比如getList,該函數是一個async的Promise函數 ● threshold

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森

@tuzixiansen_63d4d65909d62

vue3封裝一個容器級的滾頂條觸底加載函數

代碼可直接複製使用,主要用於頁面容器內的滾動觸底加載 主要參數: ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森