收藏 / 列表

chencaize 頭像

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目，使用gulp自動上傳打包文件到服務器，建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js，將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

u_13934709 頭像

雲中小生 - 從零開始：構建你的第一個 Blazor WebAssembly 應用

第一章 Blazor WebAssembly 基礎入門 1. Blazor WebAssembly 簡介 什麼是 Blazor 和 WebAssembly 📚 Blazor是一個由微軟推出的開源 Web 框架，其核心優勢在於允許開發者使用 C# 和 .NET 技術棧來構建豐富的交互式 Web 用户界面（UI），而無需過多依賴 Java

redis , wasm , .netcore , Blazor , 教程 , 數據庫 , c

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 84 問：JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點： 1、sessionStorage 存入的數據在頁面關閉後，會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離，互不影響。也就是説相同的鏈接，在 A 標籤頁打開和在 B 標籤打開，A 寫入的 sessionSt

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - 被前端存儲坑到崩潰？IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據，並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序，如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

dirackeeko 頭像

DiracKeeko - [登錄鑑權] cookie、session和token的實現和區別

前言： 本文中的用户端(client)約等於瀏覽器。 服務端就是sever。 cookie、session、token都是由sever生成，保存在client端。 三者最大的不同在於服務端對cookie、session、token的處理。 cookie 1、在client輸入賬號密碼，點擊登錄發送請求 a到sever，sever驗證賬號密碼通過，獲知用户信息。 2、這

token , cookie , 前端 , session

apifox 頭像

Apifox - 使用 FastAPI 設置定時任務:方法詳解

Web 應用程序開發中，及時高效處理常規任務至關重要，包括定時收集數據或管理任務計劃。針對強大且性能卓越的 FastAPI 框架，我們可以通過幾種策略來管理這些必要的定時任務。 實現 FastAPI 中的定時任務 本指南將探討在 FastAPI 環境中管理定時任務的三種實用方法：使用 APScheduler，利用 Celery 任務隊列的力量，以及利用內置的 asyncio 進行調度。 1. 利

定時任務 , 微服務 , 任務調度 , fastapi , 後端

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

snowwolfarden 頭像

SnowWolfArden - Day 50/100 Object.defineProperty()有幾個參數

（一）需求 被問到了，本來以為會，結果發現之前理解的不大對。 （二）介紹 1、答案 是3個參數 obj 要定義屬性的對象； prop 要定義或修改的的屬性名稱或Symbol descriptor 要定義或修改的屬性描述符 對象裏目前存在的屬性描述符有兩種主要形式：數據描述符和存取描述符。 數據描述符是一個具有值的屬性，該值可以是可寫的，也可以是不可寫的。 存取描述符是由

object , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼？

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象，但是創建對象過程中，到底發生了什麼呢？ new 操作符的過程 上面是mdn的定義。 通過上面定義，我們知道使用new的時候，JS引擎就會給我們創建一個空對象作為 this值，然後執行函數，若函數沒有返回值，則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

mecode 頭像

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求（CSR）、提交至證書頒發機構（CA）以及最終獲取簽名的證書。以下是詳細流程： 密鑰對生成 使用加密算法（如RSA或ECC）生成公鑰和私鑰。私鑰需嚴格保密，公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息（如域名、組織名稱等）以及簽名。簽名使用私鑰生成，用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

jamesfancy 頭像

邊城 - 從列表生成樹 (JavaScript/TypeScript)

多數情況下，從服務端拿到用於樹形顯示的數據，本身是平面的，也就是列表。這是因為關係型數據庫是以“行”為單位保存數據，所以它保存了每一個節點的數據，而這個數據中包含了它與父節點之間的聯繫（比如 parentId）。 前端要以樹形顯示這樣的列表數據，需要把列表數據轉換成樹形結構數據。這個的樹形結構是指：每個節點數據中都含有其子節點集（通常是 children 屬性）。所以樹形結節的數據結構主要需要包含

隨機數 , 樹形結構 , typescript , Javascript

vitaly-friedman 頭像

Vitaly Friedman - Meet Accessible UX Research, A Brand-New Smashing Book

UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the need

Accessibility , ux , Smashing Books

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 《國家安全法》新規下的SSL證書對企業的核心影響

新《網絡安全法》通過強化數據傳輸安全與主體責任，使 SSL 證書從 “可選工具” 變為企業的 “合規剛需”，直接影響企業的合法運營、數據安全與用户信任。 一、新《網絡安全法》的核心要求：SSL 證書的法律依據 新《網絡安全法》圍繞 “數據安全” 和 “個人信息保護” 增設了多項強制性條款，而 SSL 證書的核心功能（加密傳輸、身份驗證）正是滿足這些條款的關鍵技術手段，具體對應以下核心要求：

vue.js , ssl證書 , node.js , chrome-devtools , Javascript

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何使用後期處理通道增強圖像效果

前言 大家好，本文分享的是如何使用後期處理通道增強圖像效果，通過前面幾篇文章，我們瞭解了一些動態生成紋理的方法，比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理，等等。這些生成紋理的技術有相似的地方，就是根據片元的紋理座標，對片元着色，直接生成紋理。 因為GPU是並行渲染的，每個像素的着色器程序是並行執行的，這樣的渲染很高效。但是在實際需求中，有時我們計算片元色值時，需要依賴周圍像素點

webgl , canvas , 可視化 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

類 , 繼承 , class , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端 JavaScript 數組扁平化處理：方法與技巧

在前端開發中，數組扁平化（Flattening an Array）是一個常見的操作，特別是在處理嵌套數組時。數組扁平化的過程就是將多維數組轉化為一維數組。這在許多場景下都非常有用，例如處理API返回的數據、操作複雜的列表、或是優化數據結構。 本文將深入探討如何在 JavaScript 中實現數組扁平化，並展示幾種常見的扁平化方法，幫助你更好地處理嵌套數組。 目錄

數組 , 扁平化 , 嵌套 , 前端開發 , Javascript

opentiny 頭像

OpenTiny社區 - 利用uplugin對比Webpack和Rollup插件系統

本文由華為云云嶺團隊鬆塔同學分享~ 江湖上一直流傳一種説法：Rollup 的插件系統設計，相比與 webpack，要更加科學順手。（網絡上對 webpack 插件編寫的吐槽不計其數）Talk is cheap，本文基於 unplugin 這個三方庫來對比研究一下二者的插件系統。Unplugin 是一個插件編寫工具，它可以讓開發者用一套代碼同時為主流 bundler 編寫插件，包括 webpa

rollup , webpack , 前端