tag 前端

標籤
貢獻1,041
1071
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

invalidnull 頭像

註銷 - Rxjs SwitchMap 的一些容易犯的錯誤和替代方案

下面是一個在 Effect 裏使用 SwitchMap 的例子：從購物車裏移除某個行項目 @Effect() public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action = this.backend .removeFromCart(action

rxjs , typescript , 前端 , html5 , Javascript

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Day 56/100 AngularJS 依賴注入

（一）需求 被問到AngularJS依賴注入的原理時，發現自己掌握的不好，於是總結記錄下。 （二）依賴注入介紹 1、為什麼要有依賴注入？ 減少代碼之間的耦合度，使代碼有很強的可擴展性。 模板功能強大豐富，並且是聲明式的，自帶了豐富的Angular指令； 是一個比較完善的前端MVC框架，包含模板，數據雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能； 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - 深度解析javaScript常見數據類型檢查校驗

前言 在JavaScript中，數據類型分為兩大類，一種是基礎數據類型，另一種則是複雜數據類型，又叫引用數據類型 基礎數據類型：數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 引用數據類型：日期Dete，對象Object，數組Array,方法Function, 正則regex,帶鍵的集合：Maps, Sets, WeakM

ecmascript-6 , ecmascript , 前端 , Javascript

收藏 評論

sadhuji 頭像

Sadhu - 從 MVC 到 Flux，從 Redux 到 Mobx

前端狀態管理的工具庫紛雜，在開啓一個新項目的時候不禁讓人糾結，該用哪個？其實每個都能達到我的目的，我們想要的無非就是管理好系統內的狀態，使代碼利於維護和拓展，儘可能降低系統的複雜度。 使用 Vue 的同學可能更願意相信其官方的生態，直接上 vuex/pinia，不用過多糾結。由於我平常使用 React 較多，故就當前應用較廣泛的 Redux、Mobx 倆工具庫為例，研讀了一番，記錄下自己的一些閒言

flux , mobx , redux , mvc , 前端

收藏 評論

invalidnull 頭像

註銷 - 使用 RxJS timeout 操作符給 Angular SSR 服務器端渲染模式下的 HTTP 請求添加超時機制

Angular Universal 是一個開源項目，擴展了 @angular/platform-server 的功能。 該項目使 Angular 中的服務器端渲染成為可能。 為了在服務器上渲染，Angular 使用 node.js 的 DOM 實現——domino. 對於每個 GET 請求，domino 都會創建一個類似的 Browser Document 對象。 在該對象上下文中，Angular

rxjs , angular , sap , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs TakeUntil 操作符的學習筆記

TakeUntil 的官方文檔對這個操作符的解釋是： Emit values until provided observable emits. 即它可以被賦予另一個起錨定作用的 Observable，當該錨定 Observable emit 值時，原始的 Observable 就停止發射值，進入 complete 操作。 看一個實際的例子： import { interval, timer } f

rxjs , angular , jquery , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs mergeMap 的使用場合

注意： flatMap 是 mergeMap 的別名。 如果一次只能激活一個內部訂閲，請使用 switchMap. 如果內部 observables 的發射和訂閲順序很重要，請使用 concatMap. 當需要展平內部 observable 但想要手動控制內部訂閲的數量時，是 mergeMap 極佳的使用場合。 例如，當使用 switchMap 時，每個內部訂閲在源發出時完成，即任意時間

rxjs , angular , bootstrap , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs map, mergeMap 和 switchMap 的區別和聯繫

map、mergeMap 和 switchMap 是 RxJS 中的三個主要運算符，在 SAP Spartacus 開發中有着廣泛的使用場景。 map map 是 Observables 中最常見的運算符。 它的作用與數組中的映射相對相似。 map 接收從 Observable 發出的每個值，對其執行操作並返回一個 Observable（因此 Observable 鏈可以繼續）。 把它想象成一個函

rxjs , angular , 前端 , html5 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - webpack dev server 與 hot module replace 提高開發效率

通過 webpack 命令編譯源代碼時，如果我們對源代碼進行了修改，需要重新執行命令才能看到編譯後的效果。 這樣在開發中非常的影響效率，如果存在一種方式，當文件被修改時，webpack 自動監聽重新編譯，並反饋給開發者，這樣就能更高效的進行開發。 watch 我們通過 webpack 執行命令時，編譯完成之後進程會停止，而 webpack --watch 編譯完成後，不會停止進程，並且當文件內容發

webpack-dev-server , webpack , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs Observable 設計原理背後的 Pull 和 Push 思路

Observables 顧名思義，是可以被觀察的事務。在 Rxjs 的上下文裏，Observable 會隨着時間的推移，在某個時間點產生數據。 Observables 可以： 不停地（永遠）產生值，比如 interval 操作符。 可以一次性生產價值，然後進入 complete 狀態。 可能會產生錯誤，然後進入 complete 狀態。 Observable 是一種異步事件的實現利器，例

rxjs , angular , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs Observable 兩大類操作符簡介

Observable 生產的數據，應該提供開發人員足夠的自由度，對這些數據進行各種處理，比如 map / transform 等等。這就是 Rxjs Operator 大展身手的地方。 運算符是對 Observable 進行操作並返回 Observable 的函數。 這允許我們鏈接這些運算符。 鏈中的每個運算符都會修改由前一個運算符的運算產生的 Observable。 鏈中的算子不會同時工作，而是

rxjs , node.js , HTML , 前端 , html5

收藏 評論

steven_code 頭像

Steven - 窗口間通信方案——postMessage

postMessage 是 html5 引入的 API，postMessage 方法允許來自不同源的腳本採用異步方式進行通信，其實同源不同頁面的腳本也可以採用 postMessage 方法進行通信。 介紹 發送數據 需要在接收數據窗口的全局對象下調用該方法。 targetWindow.postMessage(message, targetOrigin, [transfer]) targetWi

postmessage , 前端 , html5 , Javascript

收藏 評論

jiangchuan_5ecf6be720834 頭像

蔣川 - 7 款最棒的 React 移動端 UI 組件庫 - 特別針對國內使用場景推薦

本文完整版：《7 款最棒的 React 移動端 UI 組件庫 - 特別針對國內使用場景推薦》 優秀的 React UI 移動端組件庫和模版框架，幫我們節省開發時間，提高開發效率，統一設計語言。更棒的是內置的功能複雜，我們自己很難處理的常用組件，比如表格、表單、富文本編輯器、時間日期選擇器、實時拖拽組件等，再進一步，還有幫我們把組件的輪子裝好的 React admin 後台管理系統。本文推薦 7 款

react , 前端框架 , 組件庫 , 移動端web , 前端

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

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

收藏 評論

gracetangyi 頭像

Grace糖衣 - 瀏覽器存儲

瀏覽器存儲 瀏覽器存儲包括兩種方式，分別是 sessionStorage、localStorage 對於每個源（origin）sessionStorage 和 localStorage 使用不同的 Storage 對象——獨立運行和控制 關於兼容性：部分瀏覽器不可用 sessionStorage 為每一個給定的源維持一個獨立的存儲區域，該存儲區域在頁面會話期間可用 只要瀏覽器處於

localstorage , 前端

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

收藏 評論

cloudyttt 頭像

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.2.0 版本，新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography，內置豐富的內容排版 UI，支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件： Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 天人合一物我相融，站點升級漸進式Web應用PWA(Progressive Web Apps)實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_216 PWA（Progressive web apps，漸進式 Web 應用）使用現代的 Web API 以及傳統的漸進式增強策略來創建跨平台 Web 應用程序，説白了，PWA可以讓我們的站點以原生APP的形式運行，但相比於安裝原生APP應用，訪問PWA顯然更加容易和迅速，還可以通過鏈接來分享PWA應用。 有許多知名的網絡平台已

pwa , 響應式設計 , tornado , 響應式 , 前端

收藏 評論

dewujishu 頭像

得物技術 - 得物前端喚端業務場景和技術精講

前言 當你在刷朋友圈時突然看到一個潮鞋廣告，正是你非常喜歡、一直想買的那款而且價格美麗，於是你興奮地點擊廣告直接打開了購物App，並且直接進入剛剛看到的潮鞋詳情頁，你只需要直接點擊購買就能得到這雙你期待已久潮鞋，這流程如絲般順滑！ 你正在瘋狂追的愛豆在微博發了一款聯名潮玩內容，還是獨家發售，貼文中就有網頁鏈接，你點擊後直接打開購物平台進入了與愛豆聯名同款的潮玩詳情頁，迫不及待的下單擁有一款時尚的潮

業務 , 前端框架 , 場景 , 前端構建 , 前端

收藏 評論

mosquito_612af76da10ff 頭像

mosquito - iframe跨域的幾種常用方法

在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須

iframe , vue.js , iframe跨域 , postmessage , 前端

收藏 評論

aresn 頭像

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

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript中async和await的使用以及隊列問題

宏任務和微任務的隊列入門知識，可以參考之前的文章： JavaScript的事件循環機制 宏任務和微任務在前端面試中，被經常提及到，包括口頭和筆試題 async await概念 async 使用async關鍵字聲明的函數，是AsyncFunction構造函數的實例，在async函數體內，可以使用await接收promise實例 async和await關鍵字，在開發過程中，可以簡潔地去做

typescript , 隊列 , 前端 , Javascript

收藏 評論