@前端

動態 列表
@yayu

SvelteKit 最新中文文檔教程(22)—— 最佳實踐之無障礙與 SEO

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

yayu 頭像

@yayu

昵稱 冴羽

@yayu

SvelteKit 最新中文文檔教程(23)—— CLI 使用指南

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

yayu 頭像

@yayu

昵稱 冴羽

@lllllxt

vue2 多頁面構建後chunks無法注入script問題

概述 @vue/cli-service@4.x下,配置了多頁面,構建後因為chunks沒有注入到html中,導致訪問頁面時頁面空白 原因 自定義了splitChunks,且單個包的大小達到某些條件後,會分割為多個包,如index~123.111.js,index~123.222.js,其中index~123是 chunkName 而html-webpack-plugin@3.x中,是判斷 i

lllllxt 頭像

@lllllxt

昵稱 lllllxt_in_sf

@axui

AXUI v3.1.27震撼發佈:全新Viewer媒體查看器模塊和Toast短消息模塊

更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow,可選值為 h/v(水平/垂直) 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件,使用shape屬性時報錯的問題。 修復Search組件,使用s

axui 頭像

@axui

昵稱 AXUI

@sovitjs

Web前端設計開發工具集(框架、驗證器、編輯器)

什麼是前端開發 前端開發是創建Web頁面或app等前端界面呈現給用户的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用户界面交互。前端開發主要關注用户體驗。 前端開發的技術 超文本標記語言(HTML) HTML 是基本的前端技術之一,也是前端開發的核心,是所有網站的標記。HTML 元素可幫助您向網站添加表單、按鈕、容器和其他功能。 級聯

sovitjs 頭像

@sovitjs

昵稱 可視化PaaS開發

@zhidechaomian_detxs7

戴着鐐銬跳舞:數字化生存時代如何重建生活秩序?

左手插着輸液管,右手還在瘋狂敲擊鍵盤改方案——25歲設計師小周的第七次急診室加班,換來病歷本上"自主神經功能紊亂"七個大字。這不是個例,而是996、短視頻、信息轟炸三重絞殺下的集體生存危機。本文將帶你看透混亂真相,用數字工具奪回人生掌控權。 一、秩序感崩塌:現代人的精神失重 神經學家實錘,人腦根本不是多線程CPU,當你邊回微信邊寫方案,錯誤率會像坐火箭般飆升——這就是你總忘關燃氣灶的科學解釋

zhidechaomian_detxs7 頭像

@zhidechaomian_detxs7

昵稱 睿智的炒蘑菇

@jueqiangqingtongsan

苦練Python第1天:為何要在2025年學習Python

苦練Python第1天:為何要在2025年學習Python 原文鏈接:Day 1/100: Why Learn Python in 2025? 作者:therahul_gupta 譯者:倔強青銅三 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。歡迎點贊、收藏、關注,一鍵三

jueqiangqingtongsan 頭像

@jueqiangqingtongsan

昵稱 倔強青銅三

@xixindeshoutao

HTTP代理:網絡世界的智能中轉站

在互聯網信息高速流動的時代,HTTP代理作為一種基礎卻強大的網絡工具,正在各類網絡活動中扮演着越來越重要的角色。它就像一位經驗豐富的網絡嚮導,不僅能夠優化訪問路徑,還能在用户與目標網站之間建立起安全屏障,讓網絡體驗更加流暢和安全。 HTTP代理最基本的功能是作為網絡請求的中轉站。當用户通過代理訪問網站時,請求首先發送到代理服務器,再由代理服務器向目標網站獲取數據。這種間接訪問的方式帶來了多重優勢:

xixindeshoutao 頭像

@xixindeshoutao

昵稱 細心的手套

@axiaoxin_blog

Ghostty 終端默認快捷鍵列表

文章目錄 Ghostty 終端默認快捷鍵列表 基本操作 分屏操作 光標和選擇操作 其他操作 物理按鍵綁定 特殊按鍵説明 注意事項 結語 Ghostty 提供了豐富的默認快捷鍵,用户可以通過這些快捷鍵快速執行各種操作。以下是 Ghostty 的默認快捷鍵列表,這些快捷鍵可以通過keybind配置進行自定義。 Ghostty 終端默認快捷

axiaoxin_blog 頭像

@axiaoxin_blog

昵稱 axiaoxin

@jdcdevloper

深入跨域 - 從初識到入門 | 京東物流技術團隊

前言 跨域這兩個字就像一塊狗皮膏藥一樣黏在每一個前端開發者身上,無論你在工作上或者面試中無可避免會遇到這個問題。如果在網上搜索跨域問題,會出現許許多多方案,這些方案有好有壞,但是對於闡述跨域的原理和在什麼情況下需要用什麼方案,缺少系統性的説明。大家在工作中可能因為大佬們已經配置好了,不會產生跨域,但是作為一個前端的開發人員,面對跨域的問題,還是需要從原理上去理解跨域的原因,在不同的情況中,我們該如

jdcdevloper 頭像

@jdcdevloper

昵稱 京東雲開發者

@jdcdevloper

MCube動態化與原生工程結合最佳實踐 | 京東雲技術團隊

跨端動態化開發方案重要性日益凸顯,本文對我們團隊MCube動態化實踐做了總結,為大家提供經驗和借鑑。 接入背景 隨着我們工程的需求迭代,暴露出了業務需求量大,分端開發和發版更新成本高等痛點,使用H5頁面來代替,在用户體驗和性能相較原生有差異,所以我們團隊開始了對動態化改造的研究。 在做過一些列動態化開發的嘗試,並對多種方案進行調研後,我們選擇了MCube的動態化方案。之所以選用MCube,是因為它

jdcdevloper 頭像

@jdcdevloper

昵稱 京東雲開發者

@skychx

⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

skychx 頭像

@skychx

昵稱 鹵代烴

@finally_m

CORS跨域問題及解決方案詳解

大家好,我是 V 哥,跨域問題是應用開發中比較常見的問題,比如前端應用和後端業務的端口不同,前端要向後端發送請求來獲取數據,這個時候就會產生跨域問題,V 哥先從跨域問題的產生開始,來詳細介紹跨域問題及解決方案。 CORS跨域問題的產生原因 CORS(Cross-Origin Resource Sharing,跨域資源共享)跨域問題源於瀏覽器的同源策略。同源策略是瀏覽器的一種安全機制,它要求瀏覽器在

finally_m 頭像

@finally_m

昵稱 威哥愛編程

@fanudeyangcong_1nzqf

大模型開源開發全景與趨勢解讀

「根據 OpenDigger 的數據顯示,人工智能已經於 2023 年超越雲原生,成為協作影響力最大的技術領域」從近十年來 AI、雲原生、數據庫、前端、操作系統這五大技術領域的發展曲線來看,AI 類項目在近些年得到了快速發展,尤其在 2022 年後發展迅猛。AI 項目影響力總值在 2017 年超越前端技術,2022 年後進入快車道,並且在 2023 年超越了已經在逐漸下降的雲原生領域,成為影響力最

fanudeyangcong_1nzqf 頭像

@fanudeyangcong_1nzqf

昵稱 發怒的洋葱_1NZqF

@grapecity

前端性能優化終極清單:提升你的網站速度與用户體驗

在當今的 Web 生態中,性能即功能。用户期望網站加載瞬間完成,交互無比流暢。搜索引擎(尤其是 Google)也將核心 Web 指標 (Core Web Vitals) 等性能因素作為排名的重要依據。一個緩慢的網站會直接導致用户流失、轉化率下降和品牌形象受損。 這份前端性能檢查清單旨在為你提供一個系統性的框架,幫助你識別、診斷並修復影響網站速度的關鍵瓶頸。它涵蓋了從基礎測量到高級優化的各個

grapecity 頭像

@grapecity

昵稱 葡萄城技術團隊

@opentiny

“Performance面板”一文通,解鎖前端性能優化工具基礎用法!

本文由體驗技術團隊董福俊原創。 一、背景 在做前端頁面性能優化時,Performance面板是一個必不可少的工具。這個工具比較強大,既可以從全局視角分析整個網頁加載情況,又可以從代碼細節,挖掘某個具體環節的性能情況。但這個工具的結果可能讓人看着感覺難以理解,因為它本質上是將各種運行信息呈現給我們,而不是直接告訴我們問題在哪兒。我們需要將各類信息:瀏覽器加載過程、框架打包(webpack)、代碼編譯

opentiny 頭像

@opentiny

昵稱 OpenTiny社區

@opentiny

TinyVue表格重構5大關鍵幀一次曝光!內存節省 27%,JS 執行時間減少 43% ,FPS 提升 110%

本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件,它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説,表格組件樹表數據滾動場景卡頓,偶爾會出現白屏現象,甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通,加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸,存在大量的計算與dom操作。

opentiny 頭像

@opentiny

昵稱 OpenTiny社區

@opentiny

實戰解析前端優化工具Performance面板!

一、背景 關於Performance面板的基礎用法介紹,可參考上一篇文章《“Performance面板”一文通,解鎖前端性能優化工具基礎用法!》。文章中還從一個HTTP請求的四階段的角度來介紹Performance圖的"觀看方式",並重點介紹了worker線程跟主線程的協作關係 本篇文章中,我們將會以一個實際網頁 ——VPC列表頁為例,介紹Performance抓圖及分析的過程,並將上一篇文章中介

opentiny 頭像

@opentiny

昵稱 OpenTiny社區

@dianliangxiaocheng_19854189632

破解數字孿生落地難題,點量雲流引領高效新徑

在數字化轉型的浪潮的正盛的當下,數字孿生作為連接物理世界與數字世界的核心橋樑,正深刻變革着城市規劃、工業製造、科研教育等領域。然而,構建一個高保真、高實時、高可用的數字孿生系統,始終面臨着一系列技術挑戰:海量三維模型與實時渲染數據的輕量化交付、多終端設備的廣泛適配、以及至關重要的數據安全與國產化信創需求。 點量雲流實時雲渲染以五大核心技術標杆,為這些挑戰提供了完美的解決方案,並已在實際項目中獲得驗

dianliangxiaocheng_19854189632 頭像

@dianliangxiaocheng_19854189632

昵稱 點量實時雲渲染

@dianliangxiaocheng_19854189632

全球國際化市場深度拓展:點量軟件日語OTT/IPTV影音系統成功落地

近日,我司正式完成面向全球日語市場的高規格OTT/IPTV影音系統整體交付。該系統具備多終端、多語言與跨地域的全場景服務能力,實現了技術架構與內容分發的全球化適配,標誌着公司在國際化流媒體系統建設領域取得關鍵性突破,為海外業務佈局再添一具標杆意義的示範案例。 一、項目核心:精準匹配海外日語市場需求 本次合作方是專注於服務全球日語受眾的專業媒體機構,針對其核心訴求,我司提供從系統架構設計、UI定製

dianliangxiaocheng_19854189632 頭像

@dianliangxiaocheng_19854189632

昵稱 點量實時雲渲染

@pinmingxueqianduandelaji

package.json的認識

前言 感覺這塊也是一個知識點,雖然我現在還不能系統的用xmind總結每個知識點的串聯關係,但是隻能看一個記一個了 package.json是什麼 我個人理解,package.json是描述包,管理包的一個信息json文件,給npm用的,比如你可以寫一個包,發到npm,那這個json就是記錄這個包的信息,或者對用vue腳手架開發的項目而言,它就是管理包的文件,npm install會讀這個文件的de

pinmingxueqianduandelaji 頭像

@pinmingxueqianduandelaji

昵稱 bug之所措

@heiyanjing

Gulp基本概念及應用

gulp簡介,基本使用 Gulp.js 是一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。 yarn add gulp 安裝gulp的時候會安裝gulp-cli。gulpfile.js中導出一個函數,最新的gulp中取消了同步代碼模式,每一個任務都是異步任務,最後需要調用回調函數或其他方式標記任務完成。如例子中如果沒有done,會報錯.如果任務名是default,運行時的命

heiyanjing 頭像

@heiyanjing

昵稱 HeiYanjing