收藏 / 列表

編程三昧 - Webpack 簡介

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

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

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

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

後端 , 前端

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋,這些註釋對瀏覽器是不可見的,因此不會影響頁面的顯示。註釋標籤的語法非常簡單,以!--開始,以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分,或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋,它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒:

前端 , html5

用户bPdeG32 - ECMAScript 6(ES6)深入剖析:箭頭函數的革新與應用

引言 ECMAScript 6(簡稱 ES6),也被稱為 ECMAScript 2015,是 JavaScript 語言的重要版本更新,帶來了許多功能和語法的改進,極大地增強了 JavaScript 開發的簡潔性與可讀性。其中,箭頭函數(Arrow Functions) 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法,同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新,探

ecmascript-6 , typescript , 前端 , html5 , Javascript

倔強的鉛筆 - 深入探討Node.js文件寫入:逐步教程

文件寫入是 Node.js 中的一項重要任務,它允許你將數據保存到本地文件系統中,供後續使用。這個功能在許多應用中都有廣泛的應用,包括數據備份、日誌記錄、配置文件更新等。在本文,我們將介紹如何在 Node.js 中執行文件寫入操作,提供基本概念、常用方法、使用場景和實踐案例。 基本概念 在開始之前,讓我們先了解一些基本概念。 文件系統模塊 Node.js 提供了內置的文件系統模塊 fs,它包含了

node.js , 最佳實踐 , 前端工程師 , 程序員 , 前端

Aresn - View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站,需要用到自定義字體,在網上找到一ttf的字體,發現體積很大,需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體,其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體(如TrueType、OpenType或其他開放字體格式),且這些字體均經過WOFF的編碼工具壓縮,以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

可不簡單 - vxe-table 樹形表格顯示連接線的方式

vxe-table 樹形表格顯示連接線的方式 完整連接線 通過 tree-config.showLine 來啓用是否顯示連接線 template div vxe-grid v-bind="gridOptions"/vxe-grid /div /template script setup import { reactive } from 'vue' const gridOpti

前端

codechen8848 - 網頁版微信來了!無需下載安裝客户端!

大家好,我是 Java陳序員。 你是否遇到過:在公共電腦上想臨時用微信卻擔心賬號安全,服務器或 Linux 系統上找不到合適的微信客户端,或者想在多個設備上便捷訪問微信卻受限於安裝環境? 今天,給大家介紹一個超實用的開源項目,讓你通過瀏覽器就能輕鬆使用微信,無需在本地安裝客户端! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹

操作系統

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

點量實時雲渲染 - 點量雲流核心技術解析:構建高性能數字孿生的三大架構設計

當前,數字孿生正處於一場深刻的範式變革之中:其價值核心正從靜態的可視化,向動態的決策智能加速遷移。然而,這一進程正面臨一個根本性的挑戰:高精度模型所帶來的龐大計算需求,與終端側有限的本地算力之間,形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下,基於雲端協同的實時渲染技術,正成為破局的關鍵——它並非簡單的遠程顯示,而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

小帆聊前端 - CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題

CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題 前言:被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了?” “浮動元素怎麼把父容器‘撐破’了?” “文字怎麼總繞着浮動圖片跑,我想讓它老老實實換行!” “子元素用了絕對定位,怎麼就超出父容器範圍了?” 如果你在前端開發中遇到過這些問題,説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

王大冶 - 使用 React Query 時還需要 Redux 嗎?| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展,狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫,為開發者提供了可預測的狀態容器和強大的生態系統。然而,隨着React Query等新興工具的出現,開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , 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 , 前端