前端可以做桌面軟件開發(fā)嗎？不知名程序員:換個角度看世界，另辟蹊徑，提供新的思路和優(yōu)質(zhì)答案。前端當(dāng)然可以做桌面開發(fā)。Electron是一個跨平臺的桌面應(yīng)用程序開發(fā)框架。就是用JavaScript，HTM

前端可以做桌面軟件開發(fā)嗎？

不知名程序員:換個角度看世界，另辟蹊徑，提供新的思路和優(yōu)質(zhì)答案。前端當(dāng)然可以做桌面開發(fā)。

Electron是一個跨平臺的桌面應(yīng)用程序開發(fā)框架。就是用JavaScript，HTML，CSS來構(gòu)建跨平臺的桌面應(yīng)用。

電子是非常迷人的，因為它是基于 "歷史與文學(xué)和 "節(jié)點 "，一個負責(zé)接口，另一個負責(zé)背后的邏輯，典型的 "你負責(zé)美麗，我負責(zé)賺錢養(yǎng)家 "，所以可以理解為什么電子可以開發(fā)跨平臺的桌面應(yīng)用。

在這個框架中，基于HTML、CSS和JavaScript技術(shù)，很容易構(gòu)建跨平臺的應(yīng)用。構(gòu)建的應(yīng)用程序?qū)⒑芎玫丶嫒軲ac、Windows和Linux操作系統(tǒng)。

它還具有其他一些特性:

自動更新-應(yīng)用程序支持自動更新。

本地菜單和通知——您可以創(chuàng)建本地應(yīng)用程序菜單和上下文菜單。

應(yīng)用程序崩潰報告？-崩潰報告可以提交到遠程服務(wù)器。

調(diào)試和分析。;的內(nèi)容模塊可以發(fā)現(xiàn)性能瓶頸和緩慢的操作。你也可以在你的應(yīng)用中使用你喜歡的Chrom

如何更優(yōu)雅地調(diào)試Javascript？

抄襲我的文章，大家可以簡單看一下(截圖可以 不可復(fù)制，抱歉)

介紹

在我們的日常開發(fā)中，經(jīng)常會遇到JavaScript的調(diào)試問題，而我們傳統(tǒng)的解決問題的方法是使用大量的console.log或者其他方法的console對象，這樣會給我們帶來很多不便，尤其是遇到復(fù)雜的問題，可能會導(dǎo)致大量的console.log，而我們在排除故障后還要回去刪除這些調(diào)試信息，這就大大降低了我們的工作效率。因此，我們有必要尋找一種更好的解決方案來解決JavaScript的調(diào)試問題。毫無疑問，Chrome的調(diào)試工具Chrome DevTools給我們帶來了調(diào)試遍歷。讓 讓我們一步步學(xué)習(xí)DevTools中調(diào)試的基本工作流程！

步驟1:確定我們需要調(diào)試的地方。

讓 讓我們通過一個簡單的案例來模擬一下。本案例來自官方網(wǎng)站 的調(diào)試演示，代碼如下。

然后是index.js

該代碼的初衷是使一個簡單的加法，但讓 讓我們運行并看看結(jié)果:

很明顯，執(zhí)行結(jié)果是錯誤的，結(jié)果應(yīng)該是33。我們假設(shè)這是我們在開發(fā)中遇到的問題。

第二步:打開Chrome的調(diào)試面板。

命令選項I (Mac)或控制Shift I(Windows、Linux)或F12。

單擊源選項卡。源有三個面板。

從左邊看，是的

文件導(dǎo)航器窗格。此處列出了頁面請求的每個文件。

代碼編輯器窗格。在文件導(dǎo)航器窗格中選擇一個文件后，該文件的內(nèi)容將顯示在這里。

JavaScript調(diào)試窗格。用于檢查頁面JavaScript的各種工具。如果DevTools窗口布局較寬，此窗格將顯示在代碼編輯器窗格的右側(cè)。

使用斷點暫停代碼。

通常我們會在這里寫console.log。中斷斷點后，我們將填寫兩個數(shù)字提交。

我們的代碼在斷點處暫停，所以我們可以直觀地看到我們需要看到的變量值。簡單來說，斷點可以快速方便的看到你想看到的值。有時候我想單步調(diào)試代碼，只是F10，當(dāng)我想進入功能時按F11。我們像猜測的那樣調(diào)試了這個，因為是字符串，所以數(shù)字表示連接，導(dǎo)致結(jié)果錯誤。

使用控制臺直接評估

我認為這是最值得稱贊的功能，因為我們可以直接在控制臺中輸入變量或表達式或者執(zhí)行一個函數(shù)。我們打開控制臺選項卡，輸入以下內(nèi)容，前提是我們在前面的地方斷點。

我們可以執(zhí)行需要執(zhí)行的函數(shù)和表達式，然后就可以正確的看到結(jié)果了。知道它的人可能會認為它 沒什么，但是不喜歡的人。;t know它可能覺得這個函數(shù)很好看，也可以直接修改代碼保存后再執(zhí)行，也不用去編輯器修改就知道結(jié)果了。調(diào)試正確后直接復(fù)制就行了。

摘要

本文只是想通過一個簡單的案例介紹來改變我們傳統(tǒng)的js調(diào)試方法，目的是提高工作效率。當(dāng)然還有很多其他調(diào)試javascript的方法，比如在WebStorm和VSCode中安裝Debug for Chrome，但我覺得這種是最直接最簡單的。雖然是小技巧，但要知道不是。希望能幫到大家！