tag 前端

標籤
貢獻1,036
984
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

煩惱的沙發 - 2025 年構建現代全棧應用程序的 8 個前沿項目

從本地環境到雲端部署,用它們武裝你的開發 工作流 ,告別重複與繁瑣。 構建一個現代全棧應用挺麻煩的。為新項目搭建本地環境,在 docker 和各類配置折騰半天,終端卻依然飄紅。而從本地環境、數據庫、用户認證,再到部署上線,一長串的任務清單就足以讓人頭皮發麻。 但是優秀的軟件可以讓我們事半功倍,因為它們都是不斷進化,專為解決真實世界的開發難題而生。 在本文中,我將為你介紹 8 個足以改變你全棧開發方

全棧 , 開發工具 , 後端 , 前端

收藏 評論

細心的紅酒 - TLS 1.3來了:為什麼你網站的“安保協議”需要升級?

想象一下,你家的門鎖還是十幾年前的老款式,雖然能用,但鎖芯結構早已被小偷研究透,開鎖時間大大縮短。你會感到安全嗎? 同樣,你的網站正在使用的網絡安全協議——TLS(傳輸層安全協議),也面臨着同樣的代際更迭。TLS 1.3 就是這個領域的“新一代超C級鎖芯”,它並非簡單的版本更新,而是一次徹底的安全與性能革命。 如果你的服務器仍在運行舊版協議(如TLS 1.2甚至1.1),那麼是時候為你的網站“換鎖

後端 , 前端

收藏 評論

數據庫知識分享者 - 評審恩仇錄——我為什麼願意執行代碼評審

簡介: 代碼評審帶來的好處不言自明, 但企業業務快速發展的訴求與代碼評審推動落地兩者之間, 往往存在矛盾。在如今快速發展的互聯網時代,數字化、智能化已經是基礎能力,單純只靠人肉審查的時代已經過去了,基於各種自動化檢查能力的加持,其實代碼評審並沒有想象中那麼費時費力。今天和大家聊一聊在快節奏的業務現狀下基於雲效代碼管理產品 Codeup 如何更低成本的開展代碼評審。 難得請了年假,躺在陽光海浪仙人掌

react , coffeescript , bootstrap , 前端

收藏 評論

點量實時雲渲染 - 點量雲流Linux&信創版安裝指南:專為國產信創環境打造,兩步開啓雲端實時交互

本期我們為大家講解一下點量雲流Linux及信創版的安裝部署教程。只需完成兩個簡單的步驟,即可快速創建雲流,實現實時雲渲染交互啦! 點量雲流下載安裝教程—Linux信創版 下載前系統支持須知 1、Linux版支持常見Linux機器使用,如Ubuntu/Centos/Debian等; 2、信創版支持常見國產信創服務器使用,如銀河麒麟、中科方德、華為歐拉、統信OS等; 3、提供適用於

資訊 , 教程 , Linux , 後端 , 前端

收藏 評論

user_elHWYOad - 前端:React/Vue項目打包後的代碼不部署,怎麼在本地運行?

前端:React/Vue項目打包後的代碼不部署,怎麼在本地運行? 前端web工程要查看運行效果,要怎麼做? 開發時本地預覽: 一般腳手架可以通過配置webpack的webpack-dev-server, 安裝 npm i -D webpack-dev-server 直接運行通過命令行運行 npx webpack serve 打包構建 這時如果直接運行npn run build是可以運行並打包你的代

部署 , server , 調試技巧 , 前端 , Javascript

收藏 評論

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求,以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡: 2、電腦

charles , 前端

收藏 評論

網絡安全守護先鋒 - 淺談Promise與async/await的區別

一,為什麼要用異步請求 異步請求是一種編程模式,允許代碼在等待某些操作(如網絡請求、文件讀取等)完成時繼續執行其他任務,而不需要阻塞整個程序。(JavaScript的單線程特性) 同步請求

異步請求 , 用户信息 , Css , ios , 前端開發 , HTML , 前端

收藏 評論

編程三昧 - 深挖前端 JavaScript 知識點 —— 史上最全面、最詳細的 Cookie 總結

完整閲讀本文大約需要二十分鐘時間,可根據文章結構圖直接閲讀自己需要的部分。 1. Cookie 產生的背景 所有新技術的出現都是為了解決某一痛點。 ——《前端三昧》 我們都知道,HTTP 協議是無狀態的,服務器無法知道兩個請求是否來自同一個瀏覽器,也不知道用户上一次做了什麼,每次請求都是完全相互獨立,這嚴重阻礙了交互式 Web 應用程序的實現。例子: 購物車:在典型的網上購物場景中,用户瀏覽

cookies , cookie , chrome-devtools , 前端 , Javascript

收藏 評論

mob64ca1418e88d - 作業內存內存管理之固定分區和動態分區詳解_51CTO博客

文章目錄 前言 摘要 一、從內存分配失敗説起 二、內存分區管理核心原理 2.1 連續分配 vs 非連續分配 2.2 內部碎片 vs 外部碎片 三、固定分區分配 3.1 固定分區原理 四、動態分區分配

服務器 , 後端開發 , 鏈表 , JAVA , 內部碎片 , harmonyos , 前端

收藏 評論

vivo互聯網技術 - vivo 場景下的 H5無障礙適配實踐

作者:vivo 互聯網前端團隊- Zhang Li、Dai Wenkuan 隨着信息無障礙的建設越來越受重視,開發人員在無障礙適配中也遇到了越來越多的挑戰。本文是筆者在vivo開發H5項目做無障礙適配的實踐總結。本文主要介紹了在前端項目中常用的無障礙手勢和無障礙屬性,並且結合具體的開發案例為開發者真實展示了適配要點,提供組件適配思路。希望本文能為前端開發者帶來更多的參考和幫助。 一、背景 1.1

移動端適配 , 前端 , html5

收藏 評論

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript

收藏 評論

稀飯52 - 寫給自己的前端性能優化

一直想寫篇前端性能相關的總結,個人覺得這塊的內容會比較分散,面試的時候問起來,也不容易有一個清晰的框架,但是平時的習慣是想起來什麼就寫什麼,所以攢了好久的內容只能躺在一堆筆記草稿裏面; ---🚩🚩正文分割線🚩🚩--- 按頁面加載鏈路分類,從下面幾個方面開始 首屏加載 代碼優化 構建工具 首屏加載 這部分其實就是把從獲取資源到頁面呈現中可以優化的點提取出來 1. DNS預解析 不需

面試 , 總結 , 前端

收藏 評論

編程小天匠 - 60張圖spark

最近很多博友問,你的文章如何排版的?你的代碼怎麼這麼漂亮?你的圖片怎麼有陰影效果?為了滿足大家需要,我特地總結一下博文排版技巧~~希望你讀完這篇文章後有個全新的體驗和輕鬆的心情寫博文了~~ 在博客園博文五要素:標題、段落、代碼、圖片、版權。 我的原則是HTML最簡、文章最美觀、內容最清晰!本篇文章適用Windows Live Writer。

spark , 大數據 , ViewUI , 60張圖spark , 人工智能 , HTML , 前端

收藏 評論

LaughingZhu - DevNow x Notion

前言 Notion 應該是目前用户量比較大的一個在線筆記軟件,它的文檔系統也非常完善,支持多種文檔格式,如 Markdown、富文本、表格、公式等。 早期我也用過一段時間,後來有點不習慣,就換到了 Obsidian ,但是身邊人用的還是很多的,隨着 Astro 5.0 的發佈,在內容集成上也提供了更多的方向,這期就來聊聊 DevNow 對 Notion 的支持。 1.Notion 設置 1.1 創

astro , 博客 , 前端

收藏 評論

map_3d_vis - JSAPIThree 事件系統學習筆記:處理交互的基礎

作為剛接觸 mapvthree 的新手,今天我專門學習了事件系統。這裏彙總最實用的內容,幫助和我一樣的初學者快速掌握交互的核心用法。 綁定與移除事件,只需記住 add/remove mapvthree 複用了 Three.js 的 addEventListener / removeEventListener,所以任何繼承自 Object3D 的對象都能直接綁定事件。引擎內部的調度器會幫我們處

前端

收藏 評論

午後一小憩 - Kotlin協程實現原理:Suspend&CoroutineContext

今天我們來聊聊Kotlin的協程Coroutine。 如果你還沒有接觸過協程,推薦你先閲讀這篇入門級文章What? 你還不知道Kotlin Coroutine? 如果你已經接觸過協程,相信你都有過以下幾個疑問: 協程到底是個什麼東西? 協程的suspend有什麼作用,工作原理是怎樣的? 協程中的一些關鍵名稱(例如:Job、Coroutine、Dispatcher、CoroutineCon

Kotlin , coroutine , Android , 程序員 , 前端

收藏 評論

codigger - 編程語言的“奇點”融合(下):AI羽翼與人機共生

系列導讀: 在上篇中,我們介紹了“多語言奇點”生態中的核心——代表人類邏輯的 Phoenix(鳳凰),以及負責底層執行的 Rainbow(彩虹)。 但這還不夠。在AI時代,一個沒有AI深度的編程生態是不完整的。今天,我們將目光投向這個架構圖中最輕盈、卻也最神秘的部分——Feather(羽毛),並探討這一生態系統的最終目標。 (上篇)鳳凰涅槃與彩虹之橋 (下篇)AI羽翼與人機共生

編輯器 , 算法 , 知識 , 後端 , 前端

收藏 評論

lalala - 前端自動化部署

前端自動化部署 本文參考自: 作者:yeyan1996 鏈接:https://juejin.cn/post/684516... 來源:稀土掘金 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 docker簡介 開發5分鐘,打包半小時, 早已是前端的痛點, 更着, 開發者自身環境的差異會導致最終的產物也有不同 docker 可以靈活的創建/銷燬/管理多個“服務器”,這些“服務器

vue.js , 容器 , pm2 , Docker , 前端

收藏 評論

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

收藏 評論

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

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

前端

收藏 評論