【單頁面應用 】發版後如何【通知用户端更新】
【單頁面 】發版後如何【通知用户端更新】 現象描述： 首先技術棧,是vue全家桶技術棧。典型spa單頁應用，每次有新功能的上線，都需要主動通知，使用者自主刷新頁面【強刷】，才能出現新功能。 產生原因： 每次打包發版【代碼有變化】，index.html,網站即入口文件是變化的。 但是在單頁面應用，頁面跳轉，都在同一個瀏覽器線程中，不會再一次請求index.html 資源，即使你對
昵称 方糖先生
@spa
贡献者14
粉丝0
贡献者
@spa
动态 列表
手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟
ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp
昵称 註銷
如何找出 SAP電商雲產品明細頁面讀取後台數據的代碼具體位置
以如下這個產品明細頁面為例： http://localhost:4200/electro... 觀察瀏覽器 url 的格式：/product/553637/nv10 在 default-routing-config.ts 裏，得知 product/ 後的 553637 代表 productCode，而 nv10 則是 product name. 因為我使用的是默認的 CSR 即客户端渲染
昵称 註銷
Angular 使用 Injector API 人工獲取依賴注入的實例
這個例子的完整源代碼： import { Component, OnInit, Injectable, Injector } from '@angular/core'; @Injectable() class UsefulService { constructor(){ console.log("Useful Service is created"); } }
昵称 註銷
SAP Spartacus Reference App Structure
https://sap.github.io/spartac... 該概念在 SAP Spartacus 3.1 版本引入。 這個 Reference App Structure 是 SAP 推薦客户在搭建自己的 Spartacus Storefront 時所用的參考。 Spartacus 包含若干可以 lazy load 的 feature libraries. Customizations an
昵称 註銷
RxJs map operator 工作原理分析
使用一個例子來研究 map 操作符的工作原理。 推薦閲讀本文之前，先瀏覽這篇文章RxJs fromEvent 工作原理分析以瞭解相關知識。 源代碼： import { Component, OnInit, Inject } from '@angular/core'; import { fromEvent, combineLatest } from 'rxjs'; import { mapTo, s
昵称 註銷
single-spa-react搭建微前端單實例應用
單實例微前端設計思想 拿到子應用構建後的資源清單，一般項目中都會生成一個asset-manifest.json文件，用來記錄各個子應用的入口資源url信息，以便在切換不同子應用時使用模塊加載器去遠程加載。因為每次子應用更新後入口資源的hash通常會變化，所以需要服務端定時去更新該配置表，以便框架能及時加載子應用最新的資源； 同樣，子應用之間的一些公共依賴通過配置文件記錄； 主應用監聽路由
昵称 浪遏飛舟
3 KB 的博客首頁，我是如何做到的？
這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material
昵称 kkocdko
Nginx配置單頁應用
上一期我們講了如何在一個新服務器上用Nginx跑起一個前端項目，但是還有很多缺陷，比如我們想在這個Nginx下跑多個項目怎麼辦，spa單頁項目常見的刷新空白原因及處理等等，本篇將一一介紹。 同端口多項目配置 假設我們有兩個單頁項目，一個pc官網，一個mobile官網，我們都想跑在上期8082端口上，這時候發現我們上一期部署的文件夾是直接放在www目錄下的，這可不行，文件全放這下面都不能區分是哪個項
昵称 陌路凡歌
將您的基於 Accelerator 的 SAP 電商雲 Storefront 遷移到 Spartacus Storefront
原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且
昵称 註銷
SAP Spartacus develop branch 的服務器端渲染啓動方式
(1) yarn build:libs 這個命令行是完成本地 library 的構建。需要將近10分鐘。 (2) 這個命令是完成 shell app 的構建。 yarn build --prod 命令行裏出現的 40.76 來自 .env-cmdrc 文件： 需要將近3分鐘。 (3) 使用如下命令進行服務器端 shell 應用的構建： yarn build:ssr 需要將近1分鐘。
昵称 註銷
SAP 電商雲 Spartacus UI 的響應式 UI 實現細節
在文件 projects\storefrontlib\layout\config\default-layout.config.ts 裏，定義了各個屏幕尺寸所對應的 breakpoint： export const defaultLayoutConfig: LayoutConfig = { breakpoints: { xs: 576, sm: 768, md: 992,
昵称 註銷
[譯]Vue.js + Astro 比 Vue SPA 更好嗎？
最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧
昵称 杭州程序員張張
SAP 電商雲 Spartacus UI 裏的 Content Security Policy
內容安全策略(Content Security Policy，簡稱 CSP)是一種工具，允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序，並降低內容注入漏洞的風險，例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking)，以及降低您的店面應用程序執行的權限。 Target Pol
昵称 註銷
現代前端原生路由：Navigation API
原文：https://github.com/zhbhun/blo... Navigation API 是 Chrome 提出的一套導航 API，提供了操作和攔截導航的能力，以及對應用程序的歷史導航記錄進行訪問。這為 window.history 和 window.location 提供了一個更有用的替代品，特別是 SPA 這種模式。目前該 API 只有 Chromium 內核的瀏覽器才支持。 W
昵称 zhbhun
單頁應用的優缺點
上月面試海康威視的一道面試題。 單頁應用，即常説的SPA，Single Page Application，從名稱上就可以看出它最大的特點，就是單頁面，即只有一個頁面；相對的就是多頁面，即MPA，Multi-Page Application。 在多頁面的情況下，我們在切換不同頁面時，需要向服務器發送多次請求來獲取不同頁面內容，在獲取到內容後，整個瀏覽器視口需要被重新渲染，而等待服務器的響應需要一定的
昵称 beckyyyy
原生JavaScript實現的SPA單頁應用（hash路由）
什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了
昵称 TANKING
微前端框架single-spa子應用加載解析
作者：京東物流 寧衝 1 前言 什麼是微前端？ 微前端是指存在於瀏覽器中的微服務。 本文主要通過對微前端框架single-spa的基座應用加載子應用的single-spa-vue函數庫進行分析，通過代碼維度分析讓大家瞭解在single-spa加載子應用的時候都做了哪些事情。如何通過優化single-spa-vue函數庫保持子應用的狀態。 由於是在代碼維度進行分析，要求讀者對single-sp
昵称 京東雲開發者
低成本單頁應用 SEO（Simple-Spa-Seo）
背景 本項目，低成本預渲染： 非侵入式，無需改動業務代碼 屏蔽框架差異，無依賴，單文本實現，直接拷貝粘貼本腳本即可實現功能 簡單，開源代碼，無編譯，腳本代碼量僅一百多行，二次集成門檻低，代碼清晰易懂 注意本項目僅適合低成本的中小型項目，大型商業項目可參考以下成熟方案 SSG 預渲染：Prerender SPA Plugin，和本工具類似，但集成
昵称 momo707577045
nginx在同一域名下部署多個vue項目
本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目，在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟，結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目，普通的前
昵称 來了老弟
StarRocks 在愛奇藝大數據場景的實踐
作者：林豪，愛奇藝大數據 OLAP 服務負責人 小編導讀： 本文整理自愛奇藝工程師在 StarRocks 年度峯會的分享，介紹了愛奇藝 OLAP 引擎演化及引入 StarRocks 後的效果。 在廣告業務中，StarRocks 替換 Impala+Kudu 後，接口性能提升 400%，P90 查詢延遲縮短 4.6 倍。 在“魔鏡”數據分析平台中，StarRocks 替代 Spar
昵称 StarRocks
前端數據拷貝簡史
本來是自己想了解下js中關於零拷貝的內容，順藤摸瓜瞭解了下相關歷史演進，便有了這篇文章。雖説是數據拷貝歷，但其中也夾雜了大量關於Ajax和SPA的歷史，也算是順着拷貝這條藤摸到的瓜，所以有點跑題。希望大家能開心吃瓜，如果有任何紕漏和補充，請在評論區暢所欲言，我們一起完善這段有趣的歷史。 一、為什麼我們需要拷貝？ 小明已經有了一個羅技G102鼠標，但是他又買了一個，請問為什麼？答：因為怕第一個壞掉了
昵称 Silkide