原创 企業開發架構及技術的變更

寫在前面 興趣是學習最好的老師 知古鑑今 概述 Java+Servlet Java+JSP JSP和PHP 前後端分離架構+Javascript+Restful+SpringMVC+Angular iframe實現企業應用集成 微

原创 Electron常見問題(三)常用路徑/靜態資源丟失 二、 靜態資源路徑一致性處理方案-resolvePath 三、常用路徑---userPath/appData/文檔 四、pathUtil的封裝

本文主要是描述electron中路徑相關的問題 靜態資源丟失的原因 靜態資源路徑一致性處理方案-resolvePath 常用路徑---userPath/appData/文檔 pathUtil的封裝 一、靜態資源丟失的原因 Elect

原创 Electron常見問題(二)Electron圖標打包

本文介紹electron中所有的圖標打包方式 應用圖標 安裝包圖標 安裝包側邊欄圖片 關聯文件圖標 托盤圖標 應用圖標/安裝包圖標/側邊欄圖片 在windows中,我們推薦使用nsis安裝程序,可以輕鬆的完成打包,這裏主要將pac

原创 Electron常見問題(一)自定義窗口

在開發Electron應用時,我們往往希望用更好看的窗體代替系統原有的窗體。 結果演示 實現思路 實現細節 結果演示 實現思路 在electron的窗口中配置frame爲false製作無邊窗口 自己繪製toolbar 利用elec

原创 用js開發桌面軟件Electron+Typescript+React

Electron(原名爲Atom Shell)是GitHub開發的一個開源框架。它允許使用Node.js(作爲後端)和Chromium(作爲前端)完成桌面GUI應用程序的開發。Electron現已被多個開源Web應用程序用於前端與後端的開

原创 webpack打包純ts項目

場景 當我們單純用ts開發一個公有庫時,沒有了腳手架的幫助,我們需要藉助webpack完成該ts項目的打包。 核心要點: 將ts編譯成js 對打包進行自定義配置 依賴包 webapck(打包工具,必須) ts-loader(將ts編譯

原创 WebAssembly的現狀與使用

WebAssembly的現狀與實戰。 原文鏈接: https://www.ibm.com/developerworks/cn/web/wa-lo-webassembly-status-and-reality/index.html 該文章介

原创 Typescript 職責鏈模式(Chain of Responsibility)

標籤: 前端 設計模式 職責鏈模式 typescript Chain of Responsibility 請仔細閱讀下面代碼,理解其中的設計理念。 職責鏈模式 職責鏈模式: 職責鏈模式是用來消除消息的請求者和處理者之間的耦合的模式,尤

原创 Typescript 觀察者模式(Observer)

標籤: 前端 設計模式 觀察者模式 typescript observer 請仔細閱讀下面代碼,理解其中的設計理念。 觀察者模式 觀察者模式: 觀察者模式是定義對象間的一種一對多的依賴關係,當一個對象的狀態發生改變時,所有依賴於它的對

原创 Typescript 命令模式(Command)

標籤: 前端 設計模式 命令模式 typescript Command 請仔細閱讀下面代碼,理解其中的設計理念。 命令模式 命令模式: 命令模式是一中封裝方法調用的方式,用來將行爲請求者和行爲實現者解除耦合。 實際場景 在軟件系

原创 Typescript 橋接模式

標籤: 前端 設計模式 橋接模式 typescript bridge 如果下面的代碼你能輕易閱讀,那麼你已經熟悉橋接模式,可以接着學習其他的設計模式。 橋接模式:橋接模式是將抽象部分與它的實現部分分離,使它們都可以獨立地變化。它是一種

原创 Typescript 組合模式(Composite)

標籤: 前端 設計模式 組合模式 typescript composite 請仔細閱讀下面代碼,理解其中的設計理念。 組合模式 組合模式: 將對象組合成樹形結構以表示“部分整體”的層次結構。組合模式使得用戶對單個對象和組合對象的使用具

原创 Typescript 裝飾者模式(Decorator)

標籤: 前端 設計模式 裝飾者模式 typescript Decorator Wrapper 如果下面的代碼你能輕易閱讀,那麼你已經熟悉裝飾者模式,可以接着學習其他的設計模式。 裝飾者模式 裝飾者模式: 裝飾模式是在不必改變原類文件和

原创 Typescript 單體/單例模式

標籤: 前端 設計模式 單體模式 單例模式 typescript 如果下面的代碼你能輕易閱讀,那麼你已經熟悉單體模式,可以接着學習其他的設計模式。 前言 設計模式(Design Pattern)是一套被反覆使用、多數人知曉的、經過分類

原创 Typescript 享元模式(Flyweight)

標籤: 前端 設計模式 享元模式 typescript flyweight 請仔細閱讀下面代碼,理解其中的設計理念。 享元模式 享元模式: 運用共享物件來儘可能減少不變量的內存消耗。 實際場景 如果一個應用程序用到了大量的對象,且佔