前端初學(xué)者，還在努力中......
IP屬地：北京
-
Angular cdk 學(xué)習(xí)之 Portals
CDK里面Portals模塊的功能就是將動(dòng)態(tài)內(nèi)容(這個(gè)內(nèi)容可以是Component也可以是一個(gè)TemplateRef)呈現(xiàn)到應(yīng)用程序中。更加直接點(diǎn)的解釋就是把Porta...
-
Angular路由參數(shù)改變后，組件不重新調(diào)用數(shù)據(jù)
場(chǎng)景：使用的是同一個(gè)組件，但是路由的參數(shù)不一樣需求：參數(shù)不同的時(shí)候，組件重新獲取數(shù)據(jù)舉例:articles?category=1&type=0 切換路由至 articles?...
-
TypeScript基礎(chǔ)
1、靜態(tài)類型語(yǔ)言 和 動(dòng)態(tài)類型語(yǔ)言 靜態(tài)類型語(yǔ)言在編譯階段確定所有變量的類型在編譯階段確定屬性偏移量用偏移量訪問(wèn)代替屬性名訪問(wèn)偏移量信息共存 動(dòng)態(tài)類型語(yǔ)言在執(zhí)行階段確定所有變...
-
qiankun 框架分析qiankun是基于 single-spa 做的二次封裝，主要解決了single-spa 的一些痛點(diǎn)和不足。 single-spa存在的問(wèn)題？ 1、對(duì)微應(yīng)用侵入性太強(qiáng)微應(yīng)用的...
-
single-spa框架分析single-spa的原理其實(shí)很簡(jiǎn)單，它就是一個(gè)子應(yīng)用加載器 + 狀態(tài)機(jī)的結(jié)合體，而且具體怎么加載子應(yīng)用還是基座應(yīng)用提供的；框架里面維護(hù)了各個(gè)子應(yīng)用的狀態(tài)，以及在適當(dāng)?shù)臅r(shí)候負(fù)...
-
single-spa實(shí)戰(zhàn)官網(wǎng)地址：https://zh-hans.single-spa.js.org/docs/getting-started-overview[https://zh-hans.si...
-
微前端導(dǎo)讀為什么需要學(xué)習(xí)微前端？我們通過(guò)3w（what，why，how）的方式來(lái)講解微前端 1、什么是微前端？ 微前端就是將不同的功能按照不同的維度拆分成多個(gè)子應(yīng)用，通過(guò)主應(yīng)用來(lái)加載這...
-
qiankun實(shí)戰(zhàn)css隔離方案 子應(yīng)用之間樣式隔離Dynamic Stylesheet 動(dòng)態(tài)樣式表，當(dāng)應(yīng)用切換時(shí)移除老應(yīng)用樣式，添加新應(yīng)用樣式 主應(yīng)用和子應(yīng)用之間的樣式隔離BEM（Block...
-
H5如何適配黑暗模式前言 在暗黑模式下，系統(tǒng)對(duì)所有窗口，視圖，菜單和控件采用較暗的調(diào)色板。Youtube 支持對(duì)比效果，可以看出 優(yōu)勢(shì) 可大幅減少耗電量（具體取決于設(shè)備的屏幕技術(shù)） 為弱視以及對(duì)...
-
創(chuàng)建數(shù)據(jù)流
注： 學(xué)習(xí)程墨老師《深入淺出RxJS》的筆記在RxJS中，一切都以數(shù)據(jù)流為中心，數(shù)據(jù)流以O(shè)bservable類的實(shí)例對(duì)象形式存在，創(chuàng)建Observable對(duì)象就是數(shù)據(jù)流處理的...
-
第3章 操作符基礎(chǔ)
注： 學(xué)習(xí)程墨老師《深入淺出RxJS》的筆記任何一種 Reactive Extension 的實(shí)現(xiàn)，都包含一個(gè)操作符的集合。操作符其實(shí)就是解決某個(gè)具體應(yīng)用問(wèn)題的模式。 為什么...
-
第2章 RxJS入門注： 學(xué)習(xí)程墨老師《深入淺出RxJS》的筆記 。 1、Observable和Observer Observable就是可以被觀察，Observer 就是觀察者，連接二者的橋梁...
-
第1章 函數(shù)響應(yīng)式編程
注： 學(xué)習(xí)程墨老師《深入淺出RxJS》的筆記 RxJS采用了函數(shù)響應(yīng)式編程。RxJS世界中有一種特殊的對(duì)象，稱為流stream，數(shù)據(jù)流，Observable對(duì)象。在RxJS的...
-
微信小程序--webp1、什么是webp在小程序中webp是image組件中的一種屬性，代表url可以設(shè)置webp這這種格式的圖片。webp是一種同時(shí)提供了有損壓縮與無(wú)損壓縮的，并且是可逆的圖片壓...
-
微信小程序?qū)霂в衯ant的項(xiàng)目,出現(xiàn)錯(cuò)誤"pages/index/index.json: ["usingComponents"]["van-field"]: "@vant/weapp/fiel...解決辦法 一.安裝vant1.通過(guò)npm安裝npm i @vant/weapp -S --productionnpm i vant-weapp -S --production...
-
【八】 10分鐘精通微信小程序云存儲(chǔ) | 云存儲(chǔ)
云存儲(chǔ) 云存儲(chǔ)提供高可用、高穩(wěn)定、強(qiáng)安全的云端存儲(chǔ)服務(wù)， 支持任意數(shù)量和形式的非結(jié)構(gòu)化數(shù)據(jù)存儲(chǔ)，如視頻和圖片， 可在控制臺(tái)進(jìn)行可視化管理。 云存儲(chǔ)包含以下功能： 存儲(chǔ)管理：支...
-
Angular路由守衛(wèi)
引言 在企業(yè)應(yīng)用中權(quán)限、復(fù)雜頁(yè)多路由數(shù)據(jù)處理、進(jìn)入與離開(kāi)路由數(shù)據(jù)處理這些是非常常見(jiàn)的需求。 當(dāng)希望用戶離開(kāi)一個(gè)正常編輯頁(yè)時(shí)，要中斷并提醒用戶是否真的要離開(kāi)時(shí)，如果在Angul...