收藏 / 列表

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

細心的紅酒 - 那把綠色的小鎖:信任與安全的視覺象徵

那把綠色的小鎖:不只是個圖標,而是信任與安全的基石 當我們在互聯網上衝浪時,瀏覽器地址欄裏的那把綠色的小鎖已經成為一個無處不在的符號。但您是否曾停下來思考過,它究竟意味着什麼?它遠不止是一個簡單的裝飾圖標,而是您與網站之間建立安全連接的可視化保證,是現代網絡安全的信任基石。 一、小鎖的“雙重身份”:加密與認證 這把小鎖代表了兩層核心含義: 身份認證 它首先告訴你:“你訪問的正是你想要訪問的網站,而

後端 , 前端

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式,而無需依賴外部或內部樣式表(儘管在大型項目中,通常推薦使用外部樣式表以維護樣式的集中管理和重用性)。 使用style屬性的好處 直接性:可以立即看到樣式變化的效果,無需跳轉到CSS文件進行修改。 靈活性:對於小型項目或快速原型設

前端 , html5

用户bPdeG32 - 深入理解 CSS Flexbox:如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中,佈局一直是 CSS 的一個重要主題,而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現,代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局(Flexbox)的引入,水平和垂直居中變得非常簡單、直觀,幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中,包括水平

ecmascript-6 , css3 , Css , HTML , 前端

倔強的鉛筆 - 如何高效測試 gRPC 接口:最佳實踐詳解

gRPC是由谷歌開發的現代開源高性能RPC 遠程過程調用框架,由於採用了HTTP/2 作為底層傳輸協議,它特別適用於高性能應用場景。gRPC 在視頻流傳輸等大規模數據傳輸場景以及密集的服務間通訊的微服務架構中表現出色。 數據交換使用輕量級的 Protobuf 序列化協議,這不僅提高了數據處理速度,尤其是在資源有限的環境(如移動設備)中,而且還有助於減少數據傳輸量,節省網絡帶寬,從而降低能耗並延長電

grpc , API , rpc , 接口 , 後端

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

羊先生 - 前端開發要學會如何查看端口占用並殺死

今天在啓動node服務的時候,發現端口被佔用 查詢端口 netstat -ano | findstr 7010 可以看到有個程序佔用着端口7010,它的進程號為23796 通過進程查看程序 tasklist | findstr 23796 殺死進程 taskkill -PID 23796 -F 任務管理器殺死進程 也可以通過任務管理器殺死指定的pid進程號

node.js , 進程 , 端口

可不簡單 - vxe-table 如何自定義排序圖標按鈕,自定義排序

vxe-table 如何自定義排序圖標按鈕,自定義排序 查看官網:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 使用表頭排序按鈕插槽 sort 來自定義模板 template div vxe-g

前端

codechen8848 - 絕了!一款簡潔優雅的高性能個人博客系統!

大家好,我是 Java陳序員。 作為一名程序員,你是否會想搭建個人技術博客,卻被各種技術配置搞得頭大?用靜態博客系統要手動部署,用動態系統又擔心速度太慢,找圖牀、配評論、做統計還要東拼西湊各種工具? 今天,給大家介紹一款簡潔優雅的高性能個人博客系統,開箱即用! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 VanBlog ——

react , 前端

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , Javascript

點量實時雲渲染 - Tizen版應用上架三星商店,海外OTT/IPTV系統實現全平台覆蓋新突破

近日,一套為海外視頻運營商定製的Tizen版OTT/IPTV影音系統應用APP,已通過三星官方審核,並在Samsung Smart TV應用商店正式上架。此舉標誌着該運營商的影音服務已全面覆蓋iOS、Android、Android TV及Web等主流平台,完成了全球智能電視生態的關鍵佈局。 一、合作背景:從單點部署到全平台生態的構建 該海外視頻運營商在當地市場擁有廣泛的用户基礎。在長期的數字化升

資訊 , Android , ios , 後端 , 前端

小帆聊前端 - CSS 選擇器全解析:從基礎語法到組件庫樣式修改,解決前端樣式定位難題

前言:被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式,為什麼按鈕沒反應?” “#nav .list li和.nav-list li到底誰能生效?” “想改組件庫的輸入框樣式,加了類卻被覆蓋?” “用[class=btn]匹配按鈕,多了個類名就失效了?” CSS 選擇器是前端樣式的 “定位工具”,但很多開發者停留在 “會用類和 ID” 的初級階段,面對動態元素、組件庫樣式修改

css3 , Css , 前端

王大冶 - React Native 0.76 重大更新:新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性(如 Suspense、Transitions),還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

億元程序員 - 今天我去面試遊戲開發,説我回答得不全面...

點擊上方font color=blue億元程序員/font+關注和font color=orange★/font星標 引言 面試官:“我們上一個項目就在包體大小上吃了虧,你能詳細講講,有哪些手段可以優化遊戲包體嗎?” 我嘴角微微上揚,這題我會: 嗯…包體優化很重要。 我們主要是壓縮圖片,把小的圖片合成一張大圖,這樣可以減少DrawCall。 還有就是音頻文件不能太大,要用MP3格式。

前端

ohoherror - async/await實現原理

async/await是ES2017帶來的異步編程語法糖,實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise,它並不是一種新的異步處理方式,而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理: async 函數本質上是一個 Generator 函數,返回一個 Promise 對象。 await 表達式本質上是一個 Pr

es7 , async , 前端