@前端

動態 列表
@software-Development

【金融行業案例】藉助DHTMLX打造高效銀行排班與管理系統

作為全球知名的前端控件開發商之一,DHTMLX一直致力於為企業提供靈活、高效的 JavaScript 界面組件。近日,DHTMLX 再次與北美軟件開發商Point Enterprises Inc.展開深入交流,瞭解其基於DHTMLX Suite與Scheduler的銀行員工排班系統StaffPro®的最新成果。 該系統通過靈活的組件組合與定製化開發,實現了跨網點員工調度、現金訂購、數據分析及

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@NobodyCares

CSS尺寸、盒子模型、定位、浮動與佈局(Flex/Grid)

CSS尺寸、盒子模型、定位、浮動與佈局(Flex/Grid) 尺寸單位: px,em,rem,fr 各單位定義 px (像素): 相對固定的單位,代表屏幕上的一個物理點。在高分辨率屏幕上,1個CSS像素可能對應多個物理像素。 em: 相對單位,相對於父元素的字體大小。如果父元素字體大小為16px,則1em = 16px。 rem (root em): 相對單位,相對於根元素(html)的

NobodyCares 頭像

@NobodyCares

昵稱 Nobody_Cares

@leexiaohui1997

【AI説HTML 01】HTML從零基礎到精通路徑

學習HTML從零基礎到精通,是一個循序漸進的過程,關鍵在於建立正確的認知、通過實踐鞏固知識,並逐步關注更宏觀的網頁質量維度。下面我為你梳理一條清晰的路徑,並附上每個階段的學習重點和建議。 為了讓你對整體學習旅程有個直觀的印象,我用下面這張圖為你勾勒出了從入門到精通的四個關鍵階段和核心目標。 flowchart TD A[零基礎入門br構建認知與基礎] -- B[核心語法與語義化br用對標籤] B

leexiaohui1997 頭像

@leexiaohui1997

昵稱 #橙續緣

@smileZAZ

移動端h5適配方案

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 em + PostCSS插件 使用PostCSS插件將項目中的px單位自動轉換為rem,搭配JS動態設置根字體大小(監聽window.resize)。 vite配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@smileZAZ

棄用 html2canvas!快 93 倍的截圖神器

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 在前端開發中,網頁截圖是個常用功能。從前,html2canvas是大家的常客,但隨着網頁越來越複雜,它的性能問題也逐漸暴露,速度慢、佔資源,用户體驗不盡如人意。 好在,現在有了SnapDOM,一款性能超棒、還原度超高的截圖新秀,能完美替代html2canvas,讓截圖不再是麻煩事。 什麼是 SnapDOM SnapDO

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@yunpan-plus

前端開發就業課程:10個企業級項目+3000課時完整學習路線

3000+課時,10個企業級項目,覆蓋HTML5、CSS3、JavaScript、Vue.js、React、小程序6大技術棧。 這套前端開發完整課程,從零基礎到就業水平,所有內容都配有源代碼和課件。 有人用這套課程從轉行小白變成了前端開發,有人用它補齊了學校課程沒教的Vue和React,還有人把裏面的項目改改放進簡歷拿到了面試。 課程不保證你一定能找到工作,但能保證你學完後具備找工作的能力。 課

yunpan-plus 頭像

@yunpan-plus

昵稱 雲棧開源日記

@qaz666

vxe-table 複製單元格時如何自定義內容,自定義複製的文本內容

vxe-table 複製單元格時如何自定義內容,自定義複製的文本內容 默認情況下是複製對應 field 字段值,當需要對特定字段進行格式化或自定義時,就可以通過 copyMethod、pasteMethod 配置可以精確控制複製粘貼的所有行為以及自定義複製粘貼的邏輯控制。比如需要控制某個單元格複製後的值,本來是下拉框的鍵值,要轉成實際值複製到 excel,這時候就可以使用該轉換函數了 查看官

qaz666 頭像

@qaz666

昵稱 可不簡單

@wuwhs

「過程詳解」async await綜合題

前言 如果你之前跟我一樣一直對async await熟悉又陌生的話(熟悉是可能每天都在用,陌生是針對一些組合題又丈二和尚摸不着頭腦),不妨可以邊看邊練,總結規律,相信會逐漸清晰並有所得。本文對每個案例都詳細描述了代碼的執行流程,如有不妥歡迎指正。 async 函數return值 async函數默認會返回一個Promise對象,不管最後函數有沒有return值。但是針對具體的返回值情況,實際上表現會

wuwhs 頭像

@wuwhs

昵稱 wuwhs

@webinfoq

瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

webinfoq 頭像

@webinfoq

昵稱 破曉L

@kkocdko

3 KB 的博客首頁,我是如何做到的?

這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭,更進一步!本文以我的博客為例,介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實,本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub,喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面,體積再小,也不足為奇。我需要: 單頁面(SPA)。 使用 Material

kkocdko 頭像

@kkocdko

昵稱 kkocdko

@molufange

Nginx配置單頁應用

上一期我們講了如何在一個新服務器上用Nginx跑起一個前端項目,但是還有很多缺陷,比如我們想在這個Nginx下跑多個項目怎麼辦,spa單頁項目常見的刷新空白原因及處理等等,本篇將一一介紹。 同端口多項目配置 假設我們有兩個單頁項目,一個pc官網,一個mobile官網,我們都想跑在上期8082端口上,這時候發現我們上一期部署的文件夾是直接放在www目錄下的,這可不行,文件全放這下面都不能區分是哪個項

molufange 頭像

@molufange

昵稱 陌路凡歌

@invalidnull

將您的基於 Accelerator 的 SAP 電商雲 Storefront 遷移到 Spartacus Storefront

原文:Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章,您可能想要遷移到基於無狀態高性能架構的 storefront, 並且

invalidnull 頭像

@invalidnull

昵稱 註銷

@dunizb

[譯]Vue.js + Astro 比 Vue SPA 更好嗎?

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣,我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究,認為它真的值得一試。 在本文中,我將向您展示如何使用 Astro 構建基於 Vue 的應用程序,我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

dunizb 頭像

@dunizb

昵稱 杭州程序員張張

@invalidnull

SAP 電商雲 Spartacus UI 裏的 Content Security Policy

內容安全策略(Content Security Policy,簡稱 CSP)是一種工具,允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序,並降低內容注入漏洞的風險,例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking),以及降低您的店面應用程序執行的權限。 Target Pol

invalidnull 頭像

@invalidnull

昵稱 註銷

@beckyyyy

單頁應用的優缺點

上月面試海康威視的一道面試題。 單頁應用,即常説的SPA,Single Page Application,從名稱上就可以看出它最大的特點,就是單頁面,即只有一個頁面;相對的就是多頁面,即MPA,Multi-Page Application。 在多頁面的情況下,我們在切換不同頁面時,需要向服務器發送多次請求來獲取不同頁面內容,在獲取到內容後,整個瀏覽器視口需要被重新渲染,而等待服務器的響應需要一定的

beckyyyy 頭像

@beckyyyy

昵稱 beckyyyy

@jdcdevloper

微前端框架single-spa子應用加載解析

作者:京東物流 寧衝 1 前言 什麼是微前端? 微前端是指存在於瀏覽器中的微服務。 本文主要通過對微前端框架single-spa的基座應用加載子應用的single-spa-vue函數庫進行分析,通過代碼維度分析讓大家瞭解在single-spa加載子應用的時候都做了哪些事情。如何通過優化single-spa-vue函數庫保持子應用的狀態。 由於是在代碼維度進行分析,要求讀者對single-sp

jdcdevloper 頭像

@jdcdevloper

昵稱 京東雲開發者

@laomao_5902e12974409

nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目,在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式,以及vue-router中history的配置方式,以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟,結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目,普通的前

laomao_5902e12974409 頭像

@laomao_5902e12974409

昵稱 來了老弟

@tonyyoung

前端工程化4:如何去做js模塊化開發?ES Modules/CommonJS有什麼區別?

1. 如何去做js模塊化開發 = 模塊化標準 + 加載器 1.1、我們説討論的僅限於javascript代碼的模塊化,如果要涉及到所有文件的模塊化請使用webpack。 1.2、那麼js的模塊化可以用一句話概括:模塊化標準 + 加載器;本文主要介紹模塊化標準。 2. 幾種模塊化標準對比: CommonJS 1、以同步的模式加載模塊:通常在Nodejs環境使用,不適合瀏覽器 1. 因為服務器讀

tonyyoung 頭像

@tonyyoung

昵稱 拖泥羊

@juwairen_59422060e07ce

深入淺出 ESM 模塊 和 CommonJS 模塊

阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異: CommonJS 模塊輸出的是一個值的拷貝,ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載,ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異,會產生諸多疑問: 為什麼 CommonJS 模塊輸出的是一個值的拷貝?其具體細節是什麼樣子的? 什麼叫 運行時加載? 什麼

juwairen_59422060e07ce 頭像

@juwairen_59422060e07ce

昵稱 局外人

@gkymfrg1

CommonJS和ESM (ES6模塊)的區別

CommonJS和ESM (ES6模塊)都是JavaScript模塊標準,但是它們有一些區別,主要包括以下幾個方面: 語法差異:CommonJS使用require語法引入模塊,而ESM使用import語法引入模塊。 加載方式:CommonJS使用同步加載方式,即遇到require就執行代碼,並等待結果返回後再繼續執行;而ESM使用異步加載方式,它是通過Promise的方式異步加載模塊,遇到i

gkymfrg1 頭像

@gkymfrg1

昵稱 ohoherror

@jdcdevloper

前端技術探秘-Nodejs的CommonJS規範實現原理 | 京東物流技術團隊

瞭解Node.js Node.js是一個基於ChromeV8引擎的JavaScript運行環境,使用了一個事件驅動、非阻塞式I/O模型,讓JavaScript 運行在服務端的開發平台,它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊,提供各種各樣的功能,同時也提供許多第三方模塊。 模塊的問題 為什麼要有模塊 複雜的

jdcdevloper 頭像

@jdcdevloper

昵稱 京東雲開發者

@icecreamlj

前端模塊化進化史:從全局 function 到 ES Modules

目前,前端開發已經離不開由 CommonJS、ES Modules 和 Webpack 構建的模塊化開發環境。無論是 JavaScript、CSS、圖片還是其他資源,都可以作為一個模塊來處理。那麼,模塊化究竟是如何發展到今天的呢? 全局函數模式 最初的前端模塊化嘗試是通過 全局函數來實現的。例如,在一個 util.js 文件中定義了一個變量 count 和一個工具函數 formatNumberWi

icecreamlj 頭像

@icecreamlj

昵稱 一顆冰淇淋