markdown文本編輯器--核心功能（解析和渲染）
🙌開源項目地址 🌍 GitHub 開源地址（YtyMark-java） 歡迎提交 PR、Issue、Star ⭐️！ 1. 簡述 YtyMark-java項目分為兩大模塊： UI界面（ytyedit-mark） markdown文本解析和渲染（ytymark） 本文主要內容為核心模塊--markdown文本解析和渲染。 關於markdown文本解析器怎麼設計，
昵稱 淵渟嶽
動態
開源項目YtyMark文本編輯器--UI界面相關功能（關於設計模式的實戰運用）
🙌開源項目地址 🌍 GitHub 開源地址（YtyMark-java） 歡迎提交 PR、Issue、Star ⭐️！ 📌1. 簡述 YtyMark-java項目分為兩大模塊： UI界面（ytyedit-mark） markdown文本解析和渲染（ytymark） 本文主要內容為UI界面相關功能。 關於markdown文本解析器UI界面的實現。在這整個流程中，
昵稱 淵渟嶽
Angular 使用 Injector API 人工獲取依賴注入的實例
這個例子的完整源代碼： import { Component, OnInit, Injectable, Injector } from '@angular/core'; @Injectable() class UsefulService { constructor(){ console.log("Useful Service is created"); } }
昵稱 註銷
學習設計模式找不到練手的實戰項目？項目已開源
手寫解析器、渲染器、主題樣式、自定義彈窗和精細的撤銷/恢復機制等。 📌整體總結 YtyMark-java 項目，從用户輸入到用户查看到實時渲染結果的全過程 監聽文本區域內容是否發生變化 解析和渲染：“原始文本的塊裁剪”→“塊級元素解析” → “行內元素解析” → “渲染” 四大階段 將渲染結果重新刷新展示出來 從UI界面到核心的解析渲染，通過一系列
昵稱 淵渟嶽
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
昵稱 註銷
學習設計模式有這兩就夠了：手冊+實戰項目
歷經一年時間，設計模式手冊和練手項目已全部編寫完成 秘籍1設計模式手冊：《掌握設計模式：23種經典模式實踐、選擇、價值與思想》 秘籍2練手項目：設計模式實戰項目--markdown文本編輯器軟件開發（已開源） 📝秘籍1 設計模式手冊 該手冊將為你回答： 什麼是設計模式？ 怎麼學習設計模式 為什麼學了設計模式卻用不上？ 設計模式在開發流程中如何
昵稱 淵渟嶽
《Head First設計模式》讀書筆記 —— 觀察者模式
《Head First設計模式》讀書筆記 相關代碼：Vks-Feng/HeadFirstDesignPatternNotes: Head First設計模式讀書筆記及相關代碼 讓你的對象知悉現狀，不會錯過對象感興趣的事 對象甚至在運行時可決定是否要繼續被通知 JDK中使用最多的模式之一 本節例子 系統三部分： 氣象站：獲取實際氣象數據的物理裝置 WeatherData對象（
昵稱 Vcats
RxJs map operator 工作原理分析
使用一個例子來研究 map 操作符的工作原理。 推薦閲讀本文之前，先瀏覽這篇文章RxJs fromEvent 工作原理分析以瞭解相關知識。 源代碼： import { Component, OnInit, Inject } from '@angular/core'; import { fromEvent, combineLatest } from 'rxjs'; import { mapTo, s
昵稱 註銷
《Head First設計模式》讀書筆記 —— 裝飾者模式
《Head First設計模式》讀書筆記 相關代碼：Vks-Feng/HeadFirstDesignPatternNotes: Head First設計模式讀書筆記及相關代碼 給愛用繼承的人一個全新的設計眼界 本節用例 Starbuzz咖啡因迅速擴展，準備更新訂單系統，以合乎其飲料供應需求 原有類設計如下： 在購買咖啡時，可以在其中加入各種調料，系統需要考慮調料部分計算費用 第
昵稱 Vcats
《Head First設計模式》讀書筆記 —— 工廠
《Head First設計模式》讀書筆記 相關代碼：Vks-Feng/HeadFirstDesignPatternNotes: Head First設計模式讀書筆記及相關代碼 除了new操作符外，還有更多製造對象的方法 “實例化”這個活動不應該總是公開地進行 初始化經常造成“耦合”問題 實例化的問題 當看到“new”就會想到“具體” 使用new時，就是在針對實現編程，而非針對接
昵稱 Vcats
C語言一點五編程實戰：純 C 的模塊化×繼承×多態框架
本文將大量涉及C語言高級操作，如函數指針、結構體指針、二級指針、指針頻繁引用解引用、typedef、static、inline和C語言項目結構等知識，請確保自己不會被上述知識衝擊，如果沒有這顧慮，請盡情享受~ 摘要： 本文探討在C語言中模擬面向對象編程（OOP）的"一點五編程"技術，通過函數指針、結構體嵌套和二級指針強制轉換實現類、接口與多態。開發流程分聲明（接口/類結構體、類型轉換函數）、
昵稱 FreakStudio
single-spa-react搭建微前端單實例應用
單實例微前端設計思想 拿到子應用構建後的資源清單，一般項目中都會生成一個asset-manifest.json文件，用來記錄各個子應用的入口資源url信息，以便在切換不同子應用時使用模塊加載器去遠程加載。因為每次子應用更新後入口資源的hash通常會變化，所以需要服務端定時去更新該配置表，以便框架能及時加載子應用最新的資源； 同樣，子應用之間的一些公共依賴通過配置文件記錄； 主應用監聽路由
昵稱 浪遏飛舟
《Head First設計模式》讀書筆記 —— 單例模式
《Head First設計模式》讀書筆記 相關代碼：Vks-Feng/HeadFirstDesignPatternNotes: Head First設計模式讀書筆記及相關代碼 用來創建獨一無二的，只能有一個實例的對象的入場券 為什麼需要單件模式 有些對象只能有一個實例 線程池、緩存、對話框、設備的驅動程序的對象、註冊表設置對象 如果製造出多個實例，就會導致許多問題產生
昵稱 Vcats
UML之包與包圖
瞭解UML的人都知道UML中也有包的概念，包在UML中作用與面向對象編程語言中類似，它是管理對象的工具，也是解決對象同名衝突的手段。 在UML中，包的表示圖形是一個左上角帶標籤的矩形，而包名可以標註於矩形中央（如下圖所示，包名Package1位於矩形中央）或者左上角的標籤之內。 將包名置於包圖形中央時，通常會影響包中所包含內容的描畫，因而在需要體現包中的內容時，通常將包名置於左
昵稱 光頭顏
UML之包的導入與訪問
包是UML中管理元素的有效手段，UML中的所有元素均隸屬於某一個包，即使你沒有指定元素所屬的包，這些元素也會被置於一個默認包中，包的本質是命名空間。當我們在一個包中需要訪問另一個包中的元素時，可以使用符號“::”逐級引用。 例如在下圖所示的包圖中，存在兩支包含多個層次的包，如果包A3中的元素需要訪問包B3中的元素C，則可以使用B1::B2::B3::C的形式達到目的。 不同包中
昵稱 光頭顏
3 KB 的博客首頁，我是如何做到的？
這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material
昵稱 kkocdko
Java 泛型詳細解析
泛型的定義 泛型類的定義 下面定義了一個泛型類 Pair，它有一個泛型參數 T。 public class PairT { private T start; private T end; } 實際使用的時候就可以給這個 T 指定任何實際的類型，比如下面所示，就指定了實際類型為 LocalDate，泛型給了我們一個錯覺就是通過個這個模板類 PairT，我們可以在實際使用的時候動態的派生出各種實
昵稱 用户bPbhIAe
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, 並且
昵稱 註銷
UML之模型、包及包的版型（構造型）
包是UML模型的組織結構，也是UML項目的配置管理結構。包存在多個層級，除了頂層包，所有包隸屬於一個且僅隸屬於一個上層包。在項目不同階段實際推進與配置過程中，通常以不同層級的包為單位進行check-in、check-out、打標籤及建立基準。許多項目會在計劃的時間點進行正式的官方評審，例如系統需求評審（SRR）、系統設計評審（SDR）、初步設計評審（PDR）、關鍵設計評審（CDR）或測試準備評審（
昵稱 光頭顏
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分鐘。
昵稱 註銷
UML之屬性與參數的多重性
在UML中，多重性是指一個條目潛在的數量範圍。多重性可被用於屬性、操作參數、關聯關係。UML元模型也使用多重性對元模型元素之間的關係進行約束。多重性總是包含基數值，它是相關條目在現實世界中的確切數量。本文將説明類屬性和類操作參數的多重性。 一、屬性的多重性 假設我們需要定義一個表示書的Book類，它包含有一系列的屬性。我們只選取其中的書名（title）、作者（author）、頁數（pa
昵稱 光頭顏
UML之集合類型
無論何時當我們要使用一個多值對象時，我們必須要清楚兩個問題，一是這些值的順序重要嗎？二是允許重複值的存在嗎？在編程語言中還會有其他的明確的信息，在UML中，只需明確這兩個問題的答案即可確定對應的集合類型。 1.Set Set是一個不允許存在重複值且未排序的集合。 例如一個騎行活動中，有許多騎手參加。每個騎手在一個騎行活動中只可能出現一次，即任一個特定的騎手在騎行活動中不可能重複出現；每個參與
昵稱 光頭顏
UML之關聯
關聯指兩個類之間的各種聯繫。UML使用各種單實線表示關聯，這個單實線可以是直線（垂直的、水平的或者傾斜的）、折線甚至曲線。 事實上，關聯也是展示類的屬性的另一外的一種形式。例如在下圖中，我們通過一條實線連接類Book和類Person，表示它們之間存在關聯。在關聯的末端，標出多重性[*]和關聯端名稱（通常稱為“角色名稱”）author。 從上圖中我們可以看到關聯端名稱（角色名稱）
昵稱 光頭顏