原创 使用electron-vue寫一個處理excel表格小軟件(1)

目錄問題思路electron-vue生成腳手架界面部分node.js處理部分源碼地址 問題 寫一個小工具:處理一個81M的excel文件,將其按一定數據規則拆分成多個小的excel文件,可以可視化操作。 大概是這樣子的一個東西:

原创 使用electron-vue+go寫一個處理excel表格小軟件(2)

目錄問題思路go部分主要流程遇到的坑node部分主要流程遇到的坑源碼鏈接 問題 使用node-xlsx處理excel一次最多能處理30M的文件,所以來個80M的話就要手動拆成3個文件,這看起來太蠢了,需要換一個能處理大excel文

原创 使用electron-vue+go寫一個處理excel表格小軟件(3)

目錄問題思路go重寫node部分的excel處理流程html2canvas的使用遇到的坑源碼鏈接 問題 實測發現用tcp讓go進程傳數組給node進程處理,傳輸速度太慢了,go解析80M的文件只需要1分鐘,而傳輸數據用了3分鐘,

原创 使用electron-vue寫一個處理excel表格小軟件

問題 寫一個小工具:處理一個81M的excel文件,將其按一定數據規則拆分成多個小的excel文件,可以可視化操作。 大概是這樣子的一個東西: 思路 使用vue寫一個簡單頁面獲取處理文件的路徑,和放置輸出文件的文件夾路徑, 使用

原创 iframe之父子頁面間如何用postMessage通信?

在業務上需要使用iframe嵌入頁面的話,很多邏輯和樣式需要通過父子頁面間的通信來進行調整,本文主要從實踐上介紹使用postMessage進行iframe父子頁面間的通信 一、postMessage基本語法 otherWindow.pos

原创 知道css有個content屬性嗎?有什麼作用?有什麼應用?

1.背景介紹學習前端知識我們常常提到盒模型,盒模型的幾個要素,margin、border、padding 、content這四個屬性,前三個經常用到講到,但第四個content屬性怎麼用?今天我們就來講講這個 。content的意思顧名思

原创 對一個數組 filter、some、map、foreach的操作分別有什麼作用?

1.背景介紹 使用JavaScript數組常常需要對數組進行遍歷、迭代操作。而我們常用的就是for語句對數組進行迭代。  然而在ECMAscript5已經爲數組定義了5個迭代的方法,分別是:filter、some、map、foreach、

原创 JAVASCRIPT中THIS的指向

1.背景介紹 this是什麼? this是Javascript語言的一個關鍵字。它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。隨着函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函

原创 開發過程中應該遵守哪些編碼規範和class命名規範?

1.背景介紹真正閱讀程序的是人,而不是計算機,所以所寫代碼具有良好的可讀性,是優秀程序員必備的素質之一。在大型的系統開發中,往往需要很多人的通力配合,例如,開源軟件Linux 之所以能夠爲全球頂尖程序員共享、協作開發,也得益於規範化和標準

原创 JavaScript有哪些數據類型和常用方法?

一.背景介紹        JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱爲JavaScript引擎,爲瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記