收藏 / 列表

卡頌 - 組長讓我把所有state都放Redux裏

大家好,我是卡頌。 在我們React進階源碼羣裏,除了React外,狀態管理是最常討論的話題。 詭異的是,有多個羣友説過類似的話: 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對,又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係,希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端

華為雲開發者聯盟 - SpringBoot寫後端接口,看這一篇就夠了!

摘要:本文演示如何構建起一個優秀的後端接口體系,體系構建好了自然就有了規範,同時再構建新的後端接口也會十分輕鬆。 一個後端接口大致分為四個部分組成:接口地址(url)、接口請求方式(get、post等)、請求數據(request)、響應數據(response)。如何構建這幾個部分每個公司要求都不同,沒有什麼“一定是最好的”標準,但一個優秀的後端接口和一個糟糕的後端接口對比起來差異還是蠻大的,

後台 , springboot , swagger

不語 - elasticsearch-head 無法連接 elasticsearch問題的原因及解決

原因: elasticsearch開啓成功的前提下,elasticsearch的默認端口是9200 elasticsearch-head的端口是9100,會涉及到跨域問題所有無法直接連接 解決辦法: 安裝路徑\elasticsearch\elasticsearch-7.6.1\config 中有個elasticsearch.yml文件,這是elasticsearch的配置文件 裏面添加: http

es7 , 大數據 , JAVA , 程序員 , 前端

雲音樂技術團隊 - 社交直播遊戲場景前端解決方案專欄(一):關於Alice.js的起點

本文作者:QHC 前言: 長久以來,傳統前端的工作大多時候在與DOM打交道,近年來,瀏覽器廠商也在不斷努力提高DOM渲染性能,以提高用户體驗。但是更多複雜場景的出現,例如近幾年隨着在線直播、社交娛樂、各種小遊戲的火爆,前端性能的關注度持續提高。特別是遊戲場景,而我們團隊也面臨着一大波h5遊戲化場景,那麼這個系列文章,將帶讀者朋友們一起了解,雲音樂社交直播業務的遊戲化場景解決方案的整體思路與落地案例

dom , canvas , 前端

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件,從代碼到NPM發佈(2)- NPM發佈、在線示例

這裏分享一下本開源項目是如何構建組件庫及其如何發佈到NPM上的,還有組件庫與在線示例的構建有什麼差異。 請大家動動小手,給我一個免費的 Star 吧~ 大家如果發現了 Bug,歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 版本更新信息 拖動 調整大小 拖入 嵌套 有限的嵌套 關於構建 與構建有關的文件,主要有: └─ dist - 構建的組件

組件庫 , vue3 , 拖拽 , typescript , 前端

Sunshine_Lin - 看似簡單的題,席捲幾十個前端羣,王紅元老師都親自出面解答

前言 大家好,我是林三心,用最通俗易懂的話講最難的知識點是我的座右銘,基礎是進階的前提是我的初心。 首先説明這不是標題黨,是真的,這道題席捲了幾十個羣,能回答出來的人是微乎其微,最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

lihaixing - 二進制運算

一、JS進制 // 二進制(Binary system) // 以0b或0B開頭 var x = 0b10000000000000000000000000000000; // 2147483648 var y = 0B00000000011111111111111111111111; // 8388607 // 二進制轉換 // 正數:就是正數的原碼 // 負數:負號+正數的原碼 // 不是數

react , vue.js , 二進制 , 前端 , Javascript

李不要熬夜 - ES6 變量作用域與提升:變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前,JavaScript 中只存在着函數作用域;而在 ES6 中,JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域,在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中,所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

風流倜儻的傷痕 - 如何在API高併發中玩轉資源隔離與限流策略?

url: /posts/4ad4ec1dbd80bcf5670fb397ca7cc68c/ title: 如何在API高併發中玩轉資源隔離與限流策略? date: 2025-08-27T23:26:45+08:00 lastmod: 2025-08-27T23:26:45+08:00 author: cmdragon summary: 資源隔離是保障API穩定性的核

flask , django , fastapi , 後端 , Python

LaughingZhu - DevNow: 一個好的開源博客是什麼樣子的?

1. 前言 為什麼會想着來做這樣一個開源博客項目呢? 原因為總結了幾點: 作為程序員,怎麼能沒有自己的博客呢。 用來沉澱自己的一些學習內容和記錄一些技術文章。 促進自己持續輸出一些內容,來提高語言表達能力。 個人屬性吧,覺得有一個屬於自己的平台,那真是,泰褲辣。 其實陸陸續續寫過很多個blog,去年基於 Nextjs 重構了一次 blog,大概是長這樣,是參考一個博客的模版寫的,當時覺

astro , blog , 前端

漢得數字平台 - Choerodon UI V1.6.7發佈!為 H-ZERO 開發注入新動能

引言 作為漢得 H-ZERO 開發平台的核心 UI 組件庫,Choerodon UI 始終以企業級場景的實際需求為導向,遵循語義化版本規範持續迭代,並支持平滑升級。 近日,Choerodon UI V1.6.7 正式發佈,版本迭代聚焦「高頻場景體驗優化」與「穩定性提升」,帶來30+核心功能升級、50+體驗細節優化及40+穩定性修復,從功能拓展、操作流暢度到系統可靠性全面提升,助力企業客户在數字化

組件庫 , 前端

友人A - hightchart的3d餅狀圖圖例顯示問題記錄

3d餅狀圖不顯示圖例,需要在plotOptions.pie.showInLegend設置為true var chart = Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45,

vue.js , highcharts , 前端 , Javascript

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤(空格分隔): underscore 本文是underscore源碼剖析系列第六篇文章,上節我們介紹了throttle節流函數的實現,這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下,為了防止函數的頻繁調用,將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 token

Ajax , 前端 , Javascript

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候,有一篇文章《外賣騎手,困在系統裏》。 作為一個互聯網從業人員,我之前從未有機會體會到,當每一個工作都要被時間和算法壓榨時,我會是一種怎樣的感受。 而最近的一段經歷,我感覺也被困在系統裏了。 起因 如果你是一個研發人員,免不了要值班、處理線上問題。當然這都很正常,每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多,加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 為何講這個內容?以為後續大家會使用 redux-toolkit,資產上週做了 redux-toolkit 的升級順便了解了相關內容,產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 新年新氣象,讓我們耍一個兔飛猛進的祝福吧: 這個是一個完整的線上小實例,小夥伴們可以填寫數據,服務器會用 Node.js 定期讀取數據: 填寫數據:https://kdocs.cn/l/cbmawranzvNL 效果查看:https://liangjunrong.github.io/ 例如你填的用户名稱是:

puppeteer , node.js , css3動畫 , html5 , Javascript

linong - 前端培訓-中級階段(10)- 同源策略(2019-08-15期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 同源策略是什麼? 同源策略是瀏覽器的一個安全功能,不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容,這些元素不僅讓網頁內容更加豐富多彩,還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明: 文本格式化標籤 b 和 strong:兩者都用於加粗文本,但 strong 在語義上更強調文本的重要性,而 b 僅僅是樣式上的加粗。 i 和 em:i 用於表示斜體文本,但主要是樣式上的變化;em 則用

前端 , html5

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

qinyuanqiblog - puppeteer模擬用户爬取網站(附贈Chromium 無法下載的解決辦法)

起源 最近被前同事問是否可以幫他去爬取一個網站的數據,然後他把網站發給我了,之後我就去研究了下, 本來計劃用spider-flow 這個東西來爬的,畢竟能不寫代碼的,為啥我要去寫代碼,然後研究了下spider-flow 發現滿足不了需求,浪費了兩天時間, 😄😄😄, 還是老老實實手寫把,對spider-flow 感興趣的可以看看我寫的:https://www.mubucm

puppeteer , nodejs爬蟲

zxl20070701 - H5輸入區域光標控制

什麼是光標? 頁面上輸入區域(比如input和textarea)中閃爍的光標其實是一個選區,也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有兩個屬性: selectionStart、selectionEnd,分別代表選區開始位置,選區結束位置。 通過修改這兩個值就可以形成選區,寬度為0也就實現了光標

input , textarea , 光標 , HTML , 前端

MangoGoing - CSS 技術沉澱

基礎理論 元素的顯示與隱藏 根據不同的需求選擇隱藏方案 如果希望元素不可見,同時不佔據空間,輔助設備無法訪問,同時不渲染,使用script標籤隱藏 script type="text/html" img src="./img/55.png" / /script 獲取數據的方法使用 document.querySelector('script').innerHTML 如果希望元素不可

css技巧 , HTML , 前端