tag 前端

標籤
貢獻1,076
3394
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

lihaixing - 二進制運算

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

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

收藏 評論

Addison - 深度覆盤: WebGL 數字孿生前端架構:如何打造高顏值、高性能的 Web 3D 可視化系統

🚀 前言 在企業級數字孿生(Digital Twin)項目中,“前端可視化表現”往往決定了項目的成敗。 很多項目後台數據很穩,但前端渲染卡頓、模型醜陋、交互生硬,最終導致無法交付。作為一名專注於 Web 3D 呈現與前端可視化 的開發者,我認為:讓數據“好看”且“好用”,是前端的核心價值。 本文將基於我們團隊最近交付的智慧園區可視化前端項目,覆盤一套高內聚、低耦合的 Three.js 前端架構設

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

一顆冰淇淋 - 原來ES7~12分別增加了這些屬性呀

ES6也稱為ES2015,於2015年發佈,此後每年都有新增一些屬性,分別命名為ES7~12,發佈的年份分別對應2016年到2021年 ES7 includes方法 數組中新增了includes方法,用來判斷數組中是否存在某一元素,在此之前進行這樣的判斷是使用indexOf判斷下標值,小於0時則代表不存在。 const list = ['alice', 'kiki', 'macus'] cons

ecmascript-6 , es7 , ecmascript , 前端 , Javascript

收藏 評論

xufengww - this到底指向誰?

this關鍵字是JavaScript函數內部的一個對象,this是一個指針,指向調用函數的對象。看似簡單的定義但卻由於在解析this引用過程中可能涉及到執行上下文、作用域鏈、閉包等複雜的機制,導致this的指向問題變得異常複雜。首先必須明白一點,任何複雜的機制都不可能輕而易舉的學懂弄通,因此,本文將與大家一起耐心回顧this對象,歸納總結this的引用機制,希望對你有所幫助。 一、函數到底執行了沒

this的用法 , 前端 , Javascript

收藏 評論

erishen - 解決前端開發效率問題:shadcn + Bun 帶來的組件安裝革命

問題背景:npm install 慢、依賴衝突多、組件定製困難?本文分享一種全新的前端組件獲取方式:copy instead of install。通過 shadcn 的組件註冊表模式 + Bun 的極致性能,將開發效率提升 10 倍以上。 🚨 傳統開發方式的痛點 npm install 的性能問題 # 常見的等待時間 npm install # 3

sass , tailwind-css , styled-components , bun.js , 前端

收藏 評論

林恆 - display: contents 詳解

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 display: contents是一個相對較新的 CSS 屬性值,它會讓元素自身不生成任何盒子,但它的子元素和偽元素仍然正常生成。簡單説:元素本身從渲染樹中消失,但它的孩子還在。 基本概念 工作原理 div class="parent" div class="child"內容/div /div /* 正常情況下

前端

收藏 評論

紅領巾 - 函數式編程之柯里化

curry柯里化 首先我們先來看一個問題,如果實現一個add函數,可實現下面的功能 add(1,2,3) // 6 add(1)(2)(3) // 6 add(1,2)(3) // 6 add(1,2,3,4)(5)(6,7) // 28 當然了,所需要用到的知識點便是柯里化。 首先看下柯里化定義: 用於緩存函數參數的一種方式;給函數分步傳遞參數,每次傳遞部分參數,並返回一個更具體的函數接收

函數式編程 , ecmascript-6 , currying , 前端 , Javascript

收藏 評論

可不簡單 - vue 如何實現 vxe-gantt table 甘特圖的任務拖拽後調整日期的二次確認提示

vue 如何實現 vxe-gantt table 甘特圖的任務拖拽後調整日期的二次確認提示 查看官網:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-extends/vxe-gantt 效果 代碼 通過設置 task-bar-drag-co

前端

收藏 評論

Fan-iX - 利用自定義html元素實現支持實時修改的高亮代碼塊

利用自定義html元素實現支持實時修改的高亮代碼塊 代碼塊高亮是前端開發中常見的需求,尤其是在展示代碼片段的博客、文檔等場景中。市面上有很多成熟的代碼高亮庫,比如Highlight.js、Prism.js等,它們都能很好地實現代碼高亮功能。 通常的高亮代碼塊是“靜態”的,修改代碼內容後需要對DOM元素重新應用高亮樣式。由於涉及DOM操作,在Vue等前端框架中使用必須謹慎處理,否則會出現DOM樹和虛

前端

收藏 評論

悲傷的煎雞蛋_cQXuXF - 一個普通前端程序員的5年,結婚、買房、生子、被裁、謀出路…

今年的10月初我被辭退了,公司為盈利,部門整體裁掉,感慨挺多的。也是我工作以來待的最久的一家單位了,從原來的菜鳥到現在能算是合格的前端工程師,不管怎麼説,我很感謝這個平台。 被辭退以現在的環境制定要面臨降薪,或者換個沒有福利待遇那麼好的單位。 這五年我得到的太多了,可能有人説如果你在別的單位應該也會得到你應得的,這個説法確實沒毛病。我只不過是一個打工仔,平台不過是帶我見識了一些上限,如果我不願意去

程序員 , 後端 , 前端

收藏 評論

OpenTiny社區 - 貢獻者招募|朋友你好,一起加入OpenTiny社區吧~

🌟開發者朋友你好!我們誠摯邀請你加入 OpenTiny 開源社區,一起進行項目共建,一起成為 OpenTiny 開源項目的一份子~ 近期,OpenTiny 社區收到很多開發者對於 TinyEngine 低代碼引擎二開教程的建議,項目工程師們根據社區開發者們的建議也緊鑼密鼓的推進項目的演進更新。與此同時,社區開發者們也提出了很多項目 issue,作為開源社區,OpenTiny 也希望邀請更多的開源

vue.js , 組件庫 , 低代碼 , 開源 , 前端

收藏 評論

晨曦鑰匙扣 - 2025年優秀CRM客户管理系統推薦:6款主流產品全面評測

2025年優秀CRM客户管理系統推薦:6款主流產品全面評測 在數字化轉型背景下,CRM(客户關係管理)已從“銷售工具”升級為“企業增長引擎”。企業選型CRM的核心訴求,是打通全流程數據、提升銷售效率、實現數據驅動決策。本文選取超兔、Salesforce、Microsoft Dynamics 365 CRM、Zoho、 EC (騰訊EC)、HubSpot CRM六大主流品牌(覆蓋中小製造、大型集團、

前端

收藏 評論

此顏差矣。 - 使用ZLMRTCClient.j實現webRtc流播放

Vue 3 實戰:基於 ZLMRTCClient 實現高性能 WebRTC 流播放器 之前文章有介紹過weRtc的應用參考這邊文章:https://www.cnblogs.com/lijinhuaboke/p/19456259 後面發現一個更便捷的在現代webRtc提出播放器,都不用自己封裝寫方法,下載ZLMRTCClient.js直接用就行。就介紹如何在 Vue 3 項目中,利用 ZLMedia

前端

收藏 評論

mob64ca140a59b0 - Vue3摺疊面板(Collapse)_vue摺疊面板

摘要: 本文實現了一個Vue3摺疊面板組件,包含兩個核心文件:ibmCollpase.vue(父組件)和ibmCollpaseItem.vue(子組件)。父組件通過provide提供共享狀態和方法,子組件通過inject獲取。主要功能包括: 支持手風琴(accordion)模式和普通模式 提

ico , 開發語言 , 後端開發 , bc , 前端 , Javascript , Python

收藏 評論

京東雲開發者 - 全棧角度看分頁處理

作者:京東物流 楊攀 分頁是 web application 開發最常見的功能。在使用不同的框架和工具過程中,發現初始行/頁的定義不同,特意整理記錄。從這個技術點去看不同層的實現。以及不同語言實現的對比。 文章會從正常的web 結構分層的角度去梳理不同層的處理。 分為數據庫分頁、服務端分頁、前端分頁 數據庫分頁 這裏用mysql 舉例整理。我們常用的數據庫例如 Oracle/

服務端 , 分頁 , 數據庫 , 前端 , Web

收藏 評論

mob64ca13f9a97c - TypeScript 入門教程 — 函數的類型

本文是TypeScript系列第五篇,將深入探討TypeScript中函數類型的各種用法。函數是JavaScript的核心概念,TypeScript為函數提供了強大的類型支持,幫助您編寫更安全、更易維護的函數代碼。 一、函數聲明的類型定義 函數聲明的基本類型語法 在TypeScript中,我們可以為函數的參數和返回值添

User , 可選參數 , 前端開發 , typescript , 前端 , Javascript

收藏 評論

行雲流水 - Dart 運算符

Dart 支持下表中所示的運算符。 該表按從高到低的順序顯示了 Dart 的運算符結合性和 運算符優先級 ,這只是 Dart 運算符關係的 近似值 。 您可以將許多這些 運算符實現為類成員 。 描述 運算符 結合性 一元后綴 expr++ expr-- () [] ?[] . ?. ! 無 一元前綴

dart , Android , flutter , ios , 前端

收藏 評論

ohoherror - componentWillUpdate可以直接修改state的值嗎

不應該在 componentWillUpdate 生命週期方法中直接修改 state 的值,因為這樣做可能導致錯誤。 在 componentWillUpdate 生命週期方法中,仍然可以訪問當前組件的 state 和 props,但是更改它們的值可能會導致不可預見的結果。這是因為該生命週期方法觸發時,組件的狀態正在被更新,如果在此時更改狀態會導致組件進入無限循環的狀態。 如果需要更改狀態,建議使用

react , 生命週期 , 前端

收藏 評論

不語 - kibana.bat 啓動閃退問題的解決

kibana.bat 啓動閃退問題的解決 elasticsearch啓動成功的情況下 kibana.bat啓動閃退,鼠標右擊以管理員的方式啓動,就能成功啓動

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

收藏 評論

十安 - 我説這是全網最全vue組件通信方式,你沒意見吧?

父子組件通信 prop event style和class natvie修飾符 $listeners v-model sync修飾符 $parent和$children $slots和$scopedSlots ref 跨組件通信 Provide和Inject router vuex store模式 eventbus 父子組件通信 prop 最常見的組件通信方式,由父組件向子組件傳遞。p

vue.js , 組件通信 , 前端 , Javascript

收藏 評論

小滿zs - Next.js第十四章(緩存策略)

緩存策略(Cache Strategies) 友情提示:光敏性癲癇患者請勿觀看!!! 緩存策略分兩種: 未啓用緩存組件: 確保cacheComponents配置為false或者不配置。 import type { NextConfig } from "next"; const nextConfig: NextConfig

獲取數據 , 緩存 , 後端開發 , harmonyos , 前端 , Json

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 4.1 react 代碼規範

書籍完整目錄 4.1 react 代碼規範 關於 基礎規範 組件結構 命名規範 jsx 書寫規範 eslint-plugin-react 關於 在代碼的設計上,每個團隊可能都有一定的代碼規範和模式,好的代碼規範能夠提高代碼的可讀性便於協作溝通,好的模式能夠上層設計上避免不必要的 bug 出現。本節會參考社區提供一些

react , leanreact , 前端 , Javascript

收藏 評論

放飛的雲 - vue表格 vxe-table 如何實現鍵盤導航時,按回車健向右移動,併到最後一行時按回車自動新增一行

vue表格 vxe-table 如何實現鍵盤導航時,按回車健向右移動,併到最後一行時按回車自動新增一行,表格組件本身支持按回車鍵自動新增行/按 Tab 鍵自動的新增行,通過以下參數開啓就可以了。 https://vxetable.cn 按 Tab 鍵在最後一行tab鍵自動新增一行 通過 keyboard-config.isLastTabAppendRow 設置當活動單元格處於最後一行時,按Tab鍵

前端

收藏 評論

晨曦鑰匙扣 - CRM/ERP打通 “採購 - 生產 - 委外” 供應鏈鏈路,貫通全業務數字流程

訂單驅動型供應鏈數智化能力橫評:五大CRM/ERP品牌的路徑差異與場景適配 在中小企業數字化轉型中, “訂單驅動 供應鏈協同 ”是破解“需求-供應”脱節、“流程-數據”孤島的核心邏輯。超兔、Salesforce、釘釘、用友、 SAP 五大品牌均圍繞這一邏輯構建能力,但因核心定位、架構設計與生態邊界的差異,形成了不同的落地路徑。本文從訂單核心驅動深度、供應鏈鏈路打通能力、全業務流程貫通效果三大維度展

前端

收藏 評論