tag 前端

標籤
貢獻1,036
1006
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

wensandaoshi 頭像

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數，今天我就來總結一下什麼是防抖和節流，並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中，防抖（debounce）和節流（throttle）是用來限制函數執行頻率的兩種常見技術。 防抖（debounce） 是指在某個時間段內，只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數，會重新計時，直到等

性能優化 , 前端性能優化 , loadsh , 前端 , Javascript

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - Linux服務器上運行Puppeteer的Docker部署指南

承接上一篇文章Puppeteer無頭瀏覽器：開啓自動化之門，掌握瀏覽器世界的無限可能。文章給大家介紹了什麼是Puppeter無頭瀏覽器，也提及到我在雲服務器Docker部署踩了硬骨頭，本文記錄分享我是如何解決的。 解決問題的過程 最初的Dockerfile： FROM node:18.12.0-slim RUN mkdir -p /yice WORKDIR /yice COPY ./package

puppeteer , node.js , 前端

收藏 評論

u_16213567 頭像

數碼墨魚 - 簡單探索Rust Web開發

深入 Actix-web 源碼：解密 Rust Web 框架的高性能內核 目錄 深入 Actix-web 源碼：解密 Rust Web 框架的高性能內核 摘要 一、Actix-web 探索起點 1.1 宏觀架構：連接器、Acceptor 與 Worker 1.2 與 Tokio 的共生關係 二、核心抽象：Serv

中間件 , 開發語言 , rust , ActixWeb , Css , 前端開發 , HTML , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [VScode] VScode浮窗顯示完整的ts類型定義

在vscode中寫ts項目時，當定義的type結構體很大(即key非常多)的時候 鼠標懸停在變量上，顯示的類型提示彈窗中，類型定義是被摺疊起來的。 (能看到 ... xxx more ...) 但是沒有一個可操作的交互能夠讓這個摺疊展開。 這是個2018年就被提出的issue，現在依然是open狀態 (Interactive Diagnostics) https://gi

visual-studio-code , 配置 , 類型檢測 , 前端

收藏 評論

qaz666 頭像

可不簡單 - 如何使用 vxe-gantt table 甘特圖來實現多個維度視圖展示，支持切換年視圖、月視圖、周視圖等

如何使用 vxe-gantt table 甘特圖來實現多個維度視圖展示，支持切換年視圖、月視圖、周視圖等，通過 task-view-config 來配置日期軸。 https://gantt.vxeui.com 效果 代碼 通過 task-view-config.scales 可以靈活的切換顯示模式 template div vxe-radio-group v-model="viewM

前端

收藏 評論

lulu_up 頭像

lulu_up - 技術人員第一次創業掏心掏肺級別攻略(建議收藏)

背景、    23年作者從大廠前端開發崗位裸辭後開始了ai方面的創業, 作為一個純粹的技術人員在這個過程中遇到諸多挑戰, 希望我的思考+實戰可以幫你創業路上少走一些彎路, 哪怕只想打工一輩子, 這篇文章也可以讓你看看創業者們的"樂子"。    技術人創業優勢: 創業肯定要花錢的, 但技術人員能將成本壓縮到極低(省錢), 可快速多次的試錯, 可更理性分析問題, 創業過程可擴展綜合能力, 提升等級上

react , 創業 , 人工智能 , 後端 , 前端

收藏 評論

yancy_5f300f5cc4004 頭像

yancy - JS中的第二世界--正則表達式

近期的繁忙讓我一直沒有空閒靜下心來好好寫一些文章。好在，所有的忙碌都已過去，願明天更美好。剛過完七夕，帶着歡樂的心情寫下這篇文章。希望讀者能夠喜歡喲~~ 你是不是經常遇到正則，卻不知它在説什麼，你是不是就算再項目中看到了，也會選擇一眼略過，你是不是整天忘記搜索什麼，卻不知道有的編輯器搜索支持正則的模糊搜索…… 熟悉的旋律縈繞在耳邊，卻早已不是當初的少年。 工作了很久之後，猛然發現之前自己忽略的正則

基礎 , javascript正則 , 正則表達式 , 前端

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 新一代狀態管理工具，Pinia.js 上手指南

本文為轉載文 作者：小學生study 鏈接：https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器，由 Vue.js團隊中成員所開發的，因此也被認為是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點： 完整的 typescript 的支持； 足夠輕量，壓

vue.js , vuex , 進階 , 前端

收藏 評論

u_16099253 頭像

數據解碼者 - 夸克瀏覽器禁用JavaScript

目錄 Day01 一、計算機基礎 1.1 計算機 1.2 軟件和硬件 1.3 軟件 1.4 應用軟件 1.5 服務端和客户端 1.6 C/S 結構和 B/S 結構 二、 代碼編輯器和瀏覽器介紹 2.1 代碼編輯器 2.2 瀏覽器 三、HTML概述 3.1 什麼是HTML？

夸克瀏覽器禁用JavaScript , 前端開發 , HTML , 前端 , html5 , Javascript

收藏 評論

mrqueue 頭像

隊列先生 - 前後端分離項目OAuth第三方登錄怎麼做（以Github舉例）

OAuth是一種授權機制。OAuth過程中，系統會詢問數據所有者，是否同意授權第三方應用進入系統獲取這些數據，同意，則系統將產生一個短期的進入令牌（token），用來代替密碼，供第三方應用使用。 # OAuth流程（假設你的站點是A網站） 1. 用户事件觸發（一般點擊事件）跳轉，到 Github 2. Github 要求用户登錄，並詢問用户是同意 Github 下放授權碼給 A 網站 3. 用户同

oauth , github , 後端 , 前端

收藏 評論

chenyob 頭像

碼農三少 - 160、相交鏈表 | 算法（leetcode，附思維導圖 + 全部解法）300題

零 標題：算法（leetcode，附思維導圖 + 全部解法）300題之（160）相交鏈表 一 題目描述 二 解法總覽（思維導圖） 三 全部解法 1 方案1 1)代碼： // 方案1 “自己。哈希法（JS裏的Map數據結構）”。 // 思路： // 1）狀態初始化：resMap = new Map(), resNode = null; 。 // 2）核心1：遍歷 鏈表A ，將每

leetcode , leetcode個人解題總結 , 筆試 , 前端 , Javascript

收藏 評論

software-Development 頭像

IT開發者筆記 - JavaScript圖表庫 DHTMLX Diagram 6.1 重磅發佈：全新PERT模式上線，項目可視化能力再升級！

近日，JavaScript圖表庫DHTMLX Diagram6.1 正式版本。本次版本更新帶來了全新的 PERT 可視化模式，並在無代碼/低代碼流程圖編輯體驗方面實現了更高的靈活性與可控性。同時，Diagram 編輯器在快捷鍵管理與圖形交互控制上也迎來了多項重要增強。 DHTMLX Diagram 最新版官方試用下載，請聯繫慧都科技 全新 PERT 模式：讓項目規劃更清晰 什麼是 PERT 模式

前端

收藏 評論

crstudio 頭像

CRStudio - React項目裏，Record<string, any>和{ [key: string]: any }有什麼區別？

在 React 項目中，Recordstring, any 和 { [key: string]: any } 在功能層面幾乎等價（都表示「鍵為字符串、值為任意類型的對象」），但在類型語義、語法靈活性、TS 內置特性上存在關鍵區別，以下是詳細拆解（結合 React 實戰場景説明）： 一、核心結論先明確 維度 Recordstring, any { [key: strin

react , typescript , 前端

收藏 評論

gracetangyi 頭像

Grace糖衣 - this 指向踩坑總結

一. vue 中使用回調函數使用 this 無效 踩坑場景：vue 實例中綁定 data 的 this 無效 解決方式： 使用箭頭函數解決 let self = this 二. react 中使用回調函數使用 this 無效 踩坑場景：react 內部組件調用時傳入函數參數時，this 指向不對導致函數執行時機不對 解決方式：在函數傳參時使用箭頭函數（也有別的方法，不過此種最方

this的用法 , this , 前端 , Javascript

收藏 評論

jenemy 頭像

jenemy - Sequelize 多態關聯學習記錄

學習 Sequelize 時對這部分理解作一個小小的筆記分享出來，方便查閲和其他需要同樣需求的小夥伴少走彎路。 一個 多態關聯 由使用同一外鍵發生的兩個(或多個)關聯組成. 例如：考慮模型 Article, Video, Image 和 Comment. 前3個代表用户可能發佈的內容. 我們希望3者都擁有評論，我們可以這樣去定義關係： Article.hasMany(Comment) Commen

orm , node.js , 數據庫 , sequelize , 前端

收藏 評論

ruochuan12 頭像

若川 - 分析 vant4 組件庫源碼，寫一個 Vue3 highlight 高亮文本的組件

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。我傾力持續組織了 3 年多每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（5.8k+人）第一的專欄，寫有幾十篇源碼文章。 我們開發業務時經常會使用到組件庫，一般來説，很多時候我們不需要關心內部實現。

vue.js , vant , 組件庫 , 前端 , Javascript

收藏 評論

huopodeyaokongqi_c3jobz 頭像

ZeroNews內網穿透 - ZeroNews IP 訪問控制能力

在信息安全領域，IP白名單和黑名單作為最常用的兩種安全策略，用於控制訪問權限，限制應用的訪問來源目標，以防範潛在威脅。雖然很多人對這兩個詞並不陌生，但未必清楚它們的具體含義和工作原理。下面我們就來具體瞭解一下它們的定義與應用。 什麼是 IP 黑白名單？ IP 白名單：默認拒絕，只允許名單內的 IP 訪問，其他全部拒絕，將應用的訪問權限限制在選定的已批准 IP 地址列表內，從而在您的端點周圍創建一個

運維 , 後端 , 前端

收藏 評論

echeverra 頭像

echeverra - 遲到的2024年終總結，看清生活，熱愛生活（工作、副業、家庭）

前言 一如既往，我的年終總結總是遲了那麼一些，回首過往的一年，經歷了好多，腦中卻又混沌空白。那就索性和去年一樣，從工作，副業和家庭三個方面聊一聊吧。 無論是好是壞，是對是錯，我們都是被生活不停催促趕路的人兒。 工作 24 年我經歷了裁員，然後又入職了一家外包公司，我把這一段時間的心路歷程記錄了下來：《中年被裁，記錄下這段時間的心路歷程，內含前端面試題和麪經》。真正的轉變都是痛苦且無聲的，人都是內

遊戲 , 總結 , 前端

收藏 評論

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（promise篇）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 本篇主要涉及promise相關的題目。 往期： "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前

面試 , 筆試 , 前端 , Javascript

收藏 評論

smalbox 頭像

SmalBox - 【渲染流水線】[應用階段]-[渲染命令隊列]以UnityURP為例

應用階段最後是CPU向GPU提交需要渲染的數據。通常數據會被複制到顯存中，然後設置渲染參數，最後調用渲染接口。PC中是這樣的，但是移動設備一般沒有單獨的顯存。使用內存為GPU服務。他們使用同一內存地址。除非要讀/寫這段內存內容才會複製出一份調整CPU和GPU之間協作。 【從UnityURP開始探索遊戲渲染】專欄-直達 渲染狀態： 一連串開關或方法，以及方法的地址指向（階段中的各種可配置的

渲染 , unity , 前端

收藏 評論

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳，閲讀更多原創技術文章 生成器 ES6 新增的結構，可以在一個函數塊內暫停和恢復代碼執行，可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數，函數名稱前加一個星號* 可以定義函數的地方，都可以定義生成器（箭頭函數除外） function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

收藏 評論

wadelau 頭像

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

收藏 評論

u_15654855 頭像

此星光明 - 中科星圖（案例）——基於Landsat8 TOA數據的全國大範圍2022年的NDVI指數計算

簡介 Landsat 8是一顆搭載有多光譜遙感儀器的衞星，可以捕捉地表的反射率數據。其中，TOA (Top of Atmosphere) 數據是指觀測到的反射率值，未經過大氣校正。NDVI (Normalized Difference Vegetation Index) 是一種衡量植被生長狀況的指數，可以通過Landsat 8 TOA數據計算得到。

中國 , 後端開發 , ndvi , 植被指數 , 前端 , Javascript , Python

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 07_在highcharts渲染完成後結束loading

vue2項目 highcharts實例，如何在highcharts渲染開始時加載loading，在渲染結束時結束loading? 好久沒寫highcharts，最近有個同事寫highcharts時遇到了一個問題。 該業務場景的數據處理非常複雜，且存在某些個特定id的情況下，數據量極大，導致頁面上的highcharts卡頓(具體表現是：點了切換之後，有一段時間沒反應，之後highcharts重新渲染

vue2 , loading , highcharts , 前端

收藏 評論