前端可以做桌面软件开发吗?
不知名程序员:换个角度看世界,另辟蹊径,提供新的思路和优质答案。前端当然可以做桌面开发。
Electron是一个跨平台的桌面应用程序开发框架。就是用Javascript,HTML,CSS来构建跨平台的桌面应用。
电子是非常迷人的,因为它是基于"历史与文学和"节点",一个负责接口,另一个负责背后的逻辑,典型的"你负责美丽,我负责赚钱养家",所以可以理解为什么电子可以开发跨平台的桌面应用。
在这个框架中,基于HTML、CSS和Javascript技术,很容易构建跨平台的应用。构建的应用程序将很好地兼容Mac、Windows和Linux操作系统。
它还具有其他一些特性:
自动更新-应用程序支持自动更新。
本地菜单和通知——您可以创建本地应用程序菜单和上下文菜单。
应用程序崩溃报告?-崩溃报告可以提交到远程服务器。
调试和分析。;的内容模块可以发现性能瓶颈和缓慢的操作。你也可以在你的应用中使用你喜欢的Chrom
如何更优雅地调试Javascript?
抄袭我的文章,大家可以简单看一下(截图可以不可复制,抱歉)
介绍
在我们的日常开发中,经常会遇到Javascript的调试问题,而我们传统的解决问题的方法是使用大量的console.log或者其他方法的console对象,这样会给我们带来很多不便,尤其是遇到复杂的问题,可能会导致大量的console.log,而我们在排除故障后还要回去删除这些调试信息,这就大大降低了我们的工作效率。因此,我们有必要寻找一种更好的解决方案来解决Javascript的调试问题。毫无疑问,Chrome的调试工具ChromeDevTools给我们带来了调试遍历。让让我们一步步学习DevTools中调试的基本工作流程!
步骤1:确定我们需要调试的地方。
让让我们通过一个简单的案例来模拟一下。本案例来自官方网站的调试演示,代码如下。
然后是index.js
该代码的初衷是使一个简单的加法,但让让我们运行并看看结果:
很明显,执行结果是错误的,结果应该是33。我们假设这是我们在开发中遇到的问题。
第二步:打开Chrome的调试面板。
命令选项I(Mac)或控制ShiftI(Windows、Linux)或F12。
单击源选项卡。源有三个面板。
从左边看,是的
文件导航器窗格。此处列出了页面请求的每个文件。
代码编辑器窗格。在文件导航器窗格中选择一个文件后,该文件的内容将显示在这里。
Javascript调试窗格。用于检查页面Javascript的各种工具。如果DevTools窗口布局较宽,此窗格将显示在代码编辑器窗格的右侧。
使用断点暂停代码。
通常我们会在这里写console.log。中断断点后,我们将填写两个数字提交。
我们的代码在断点处暂停,所以我们可以直观地看到我们需要看到的变量值。简单来说,断点可以快速方便的看到你想看到的值。有时候我想单步调试代码,只是F10,当我想进入功能时按F11。我们像猜测的那样调试了这个,因为是字符串,所以数字表示连接,导致结果错误。
使用控制台直接评估
我认为这是最值得称赞的功能,因为我们可以直接在控制台中输入变量或表达式或者执行一个函数。我们打开控制台选项卡,输入以下内容,前提是我们在前面的地方断点。
我们可以执行需要执行的函数和表达式,然后就可以正确的看到结果了。知道它的人可能会认为它没什么,但是不喜欢的人。;tknow它可能觉得这个函数很好看,也可以直接修改代码保存后再执行,也不用去编辑器修改就知道结果了。调试正确后直接复制就行了。
摘要
本文只是想通过一个简单的案例介绍来改变我们传统的js调试方法,目的是提高工作效率。当然还有很多其他调试javascript的方法,比如在WebStorm和VSCode中安装DebugforChrome,但我觉得这种是最直接最简单的。虽然是小技巧,但要知道不是。希望能帮到大家!