Hello，大家好，我是Fiona，從事前端開發工作，我十分熱愛我的工作和一直默默栽培我的老板(這段請加粗)。
前不久，接到老板的安排：
說實話，接到這個需求，我整個人的狀態是這樣的：
但是，我不能辜負領導的期待，畢竟這是我最喜愛的工作！（這段請加粗，H1字號）
Excel經過數十年的發展，已經成為當之無愧的數據處理之王，如今不但要實現它的全部功能，還要把它嵌入到我們自己的系統中，為了避免 996.ICU，我選擇百度一下：
度娘果然強大，這就是我需要的產品：SpreadJS！大家來體驗一下，仿佛直接用瀏覽器打開了Excel一般。>>點擊這里，體驗一下
果然，老板給予了肯定。看來距離我升職加薪、當上總經理、嫁給高富帥、走上人生巔峰的道路越來越近了。WoW，想想還有點小激動呢~
今年的小目標
從今天起，我要開始好好學習這款產品，為了報答領導的知（薪）遇（資）之（報）恩（酬），並做好每次的學習筆記！
初識SpreadJS
“SpreadJS 是一款基於 HTML5 的純 JavaScript 電子表格和網格功能控件，以“高速低耗、純前端、零依賴”為產品特色，可嵌入任何操作系統，同時滿足 .NET、Java、響應式 Web 應用及移動跨平台的表格數據處理和類 Excel 的表格應用開發，為用戶提供更快捷、更安全、更熟悉的表格數據處理方式和更友好的類 Excel 操作體驗。“
——來自SpreadJS產品官網的介紹
SpreadJS控件下載地址：https://www.grapecity.com.cn/developer/spreadjs
點擊網頁中的立即試用，輸入郵箱獲取下載郵件，如下所示：
在收到的郵件中下載SpreadJS免費試用版：
SpreadJS安裝包目錄結構
├── Spread.Sheets SpreadJS產品包
│ └── Designer SpreadJS 表格設計器
│ ├── Spread.Sheets-Designer.12.0.0.AppImage [Mac]
│ ├── Spread.Sheets-Designer.12.0.0.dmg [Linux]
│ └── Spread.Sheets-Designer.12.0.0 [Windows]
│ └── Spread.Sheets.Docs.12.0.0 SpreadJS 表格接口文檔
│ ├── content
│ └── index
│ └── Spread.Sheets.Release.12.0.0 SpreadJS 表格 JavaScript 庫和演示用例
│ ├── css 樣式文件
│ ├── definition TS 引用文件
│ ├── readme
│ ├── samples 示例代碼（包括原生JS,Angular,Vue,React）
│ ├── scripts JS文件
│ ├── GrapeCity-EULA
│ └── LICENSE
查看更詳細的SpreadJS產品試用包目錄結構及說明，請點擊這里
由於我是Windows系統，點擊Designer當中的第三個文件，安裝了Spread.Sheets 設計器，長這樣：
這個設計器還有個在線版的可以參考：https://demo.grapecity.com.cn/spreadjs/excel-online/content/index.html
SpreadJS產品結構組成說明
SpreadJS在線表格編輯器組成說明
添加一個Spread到一個工程目錄中
創建以下幾個文件路徑：
- 在css中拷入SpreadJS產品安裝包路徑下的全部文件：
SpreadJS.Production.V12\Spread.Sheets\Spread.Sheets.Release.12.0.0\css
- 在js中拷入以下兩個文件：
gc.spread.sheets.all.12.0.0.min.js 和 gc.spread.sheets.resources.zh.12.0.0.min.js
- data中准備用來存放數據：
index.html ：
完成上述步驟，Spread的表格就展示出來了：
OK，今天先記錄到這里，下一步計划，我要開始學習SpreadJS的工作簿和表單，先立下這個Flag。
SpreadJS，我一定會征服你的，加油！