hello，好久不见，最近笔者花了几天时间入门Electron，然后做了一个非常简单的应用，本文就来给各位分享一下过程，Electron大佬请随意~
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 背景说明： 窗口指的就是我们在电脑端经常使用的软件时候显示Logo，标题和操作最小化，最大化
由于Electron基于Chromium架构，所以自然而然遵循其多进程架构，一个完整的Electron应用包含多个进程，这些进程被分为主进程与渲染进程
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单： <script language="javascript"> window.open ('xx.html') </scri
如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性，则window对象会赋予一个属性，其名字为id属性的值，其值指向该元素
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium (opens new window) 和 Node.js (opens new window) 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
window.open 弹出新窗口的命令； ‘page.html’ 弹出窗口的文件名； ‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false
大家好，今天和大家讨论 nodeIntegrationInSubFrames , 这个选项看起来和 nodeIntegration 很像，不过后面跟了 InSubFrames ，说明是在 SubFrames 中开启 Node.js
该组件将自己发布为DropdownHandle，因此其子级可以通过注入来控制其可见性：
JavaScript知识点范围：常用方法 标识：< script type = “text/javascript” \> 引入外部js文件：< script src = “script.js” \> 变量名字以字母，_和$符号开始，不能使用关键字与保留字； js是区分大小写的的，变量可以不声明直接使用，就是不规范； 输出Html标签会直接起作用，比如换行符"“用”"括起来； alert消息对话框可以用于调试程序。消息对话框的排他性，有消息对话框时不能程序会暂停； 调用函数，<input >标签内加o
浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接
JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素）， 注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象） 变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。 运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。
由于Auto.js Pro的插件更新，原插件使用方式已经不适合新插件，现推出此教程。
现在已经有很多框架可以让我们用JavaScript、HTML和CSS来编写跨平台桌面应用，Atom Shell便是其中之一。Atom Shell基于nodejs和Chromium实现，Github的开源编辑器Atom便是基于Atom shell和Coffee scrpit开发的。
前阵子将排课系统的一些功能，提供给 solar 编辑器使用，solar 是基于互动课件编辑器 Cocos ICE 进行二次定制和个性化开发的课件制作系统，其底层是 Cocos Creator。而 Cocos Creator 是基于 Electron 进行开发的，所以学习了一些关于 Electron IPC 通信的相关知识，在这里做一个总结。 文章的开始，先让我们来了解下 Electron 是什么。 1. 什么是 Electron？ Electron 官网只有一句简单的话： 使用 JavaScript，HTM
【1、最基本的弹出窗口代码】 其实代码非常简单： window.open(page.htmJavaScript
Atom、Postman、Notion、Vscode等都是用Electron开发的
Electron 是一个可以用JavaScript，Html，Css构建桌面应用的库，可以打包部署到Mac，Windows，Linux上。 Chrominum + nodejs + Native api = Electron 两个进程 拥有两种进程：主进程 和 渲染进程。 主进程充当幕后角色，渲染进程是应用程序各个窗口。 主进程 通常是个命名为main.js的文件，该文件是每个Electron应用入口，控制了应用生命周期(从打开到关闭)。 既能调用原生元素，也能创建多个渲染进程。 渲染进程 是应用的一个
网页通过<script>标记可以引入在线的js文档，只有把网页保存在本地硬盘才能使用相对路径引入本地js文档，普通浏览器难以实现在线页面上引入本地js文档。怎么解决这个问题呢？ 首先准备好需要引入的JS文档，可以是成熟的JS库，也可以是自己编写的JS代码，把这些代码保存到本地硬盘浏览器的安装目录下的js文件夹。浏览器默认安装路径为“C:\Program Files\木头软件\木头浏览器(旗舰版)\js”，浏览器将自动读取该路径下的所有JS文档。
打开记事本，写这么一行，然后保存关闭（文件名hello），再把扩展名（.txt）改成.js。代码就写好了。
从最开始我开始写文章就讲过Node.js与Java的优缺点，我当时说过，JAVA能做的如果非要使用Node.js最后肯定是能实现的，但是我们会考虑用什么更加适合。说到桌面应用程序，可能更多人会想到使用QT或者JAVA FX去实现，Node.js能实现桌面程序么？可能很多人对这个问题的答案抱着怀疑的态度。实际上Node.js现在生态圈越来越完善，所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。
当我们在同时在做几个需求不同的项目时，可能我们需要使用不一样的node.js版本，那么我们就需要在不同的node.js版本中进行切换，我们要在电脑上重复卸载安装多个不同版本的node，非常麻烦，这个时候，我们就可以使用nvm来管理我们安装的node，需要使用哪个就指定哪个即可。
通常用来显示一个单独的源内容或者是对一些模块进行进一步详细的介绍，可以在不离开父窗体的情况下进行一些互动和内容的交互。
前言——几日前，我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈，但是问题是复制不了！
Electron 是由 Github开发的开源框架 它允许开发者使用Web技术构建跨平台的桌面应用 Electron = Chromium + Node.js + Native API
****Shortcut Key Usage**** Shortcut Function Esc 切换到代码编辑状态 F1 查看帮助（选中某一类或函数，按下F1，出现帮助文档） F2 在光标选中对象的声明和定义之间切换（和Ctrl+鼠标左键一样的效果，选中某一类或函数，按下F2，迅速定位到该类或函数声明的地方或被调用的地方） F3 查找下一个 F4 头文件和源文件之间切换 F5 开始调试/继续执行 F9 设置和取消断点 F10 单步跳过 F11 单步进入 Shift + F2 声明和定义之间切换 Shift
使用<script>标签在HTML网页中插入JavaScript代码。<script>标签要成对出现，并且JavaScript代码写在<script></script>之间。
ookie数据大小不能超过4ksessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大
在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。
目前网上有好多关于electron相关的文章，但是本人在开发的时候发现，网上大部分文章可以说是千篇一律，没有真正的痛点解析啥的很无语 ，好多的问题都需要自己去找、去试，这无异于加大了开发成本与学习成本，所以本篇博客会从electron 的api 到 electron +vue 组合式开发到 打包 及开发过程中遇见的问题分门别类的进行说明， 当然在最后的文末我会将我写的 electron + vue全家桶的git开源项目附上，需要的话就去git 吧
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 如何创建一个非矩形的窗口： 调整主进程代码 调整窗口的宽高尺寸一致，是窗口变为正方形；
关于Electron这个框架我就不多介绍，它说白了就是Node和Chromium内核的一种封装。用它开发出来的桌面应用程序其实就是套壳浏览器的应用，这就是为什么它可以用web前端技术来开发，并且可以跨平台的原因了。
大家好，今天和大家讨论的是 Web 嵌入，无论是网站还是应用程序，在部分场景下我们需要嵌入一些第三方的 web 内容，例如我写了篇技术文章，其中部分包含视频内容，我上传到 B 站上了，我想把这段内容嵌入到我的技术文章中，就可能要使用 web 嵌入技术
今天应小伙伴们意愿写一下过无限 debugger 的两个案例(其实都很简单，只要掌握一两个操作点的话)
bootstrap3-dialog是一款第三方提示框插件，但是使用过程中感觉对打开新的远程页面不太友好，而打开表单嵌套在原页面中又显得代码非常臃肿，所以对bootstrap3-dialog进行二次封装，将新页面嵌套进dialog，形成全局统一的打开页面方式。
作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 Window closed 属性 ---- Window closed 属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> var myWindow; function
作为一枚前端同学，提及JS 语言的本地数据存储方案，你可能会本能地想到Cookie、sessionStorage、localStorage等。先简单的陪大家回忆一下：
由DOM核心和DOM HTML组成， DOM核心规定如何映射基于XML的文档结构，DOM HTML 则在DOM核心的基础上加以扩展，添加针对HTML的对象和方法。
有时候，我们希望在Vue.js中在选项改变时获取所选的选项。在这篇文章中，我们将学习如何在Vue.js中获取选择的选项。
Selenium是一个用于测试网站的自动化测试工具，支持各种浏览器包括Chrome、Firefox、Safari等主流界面浏览器，同时也支持phantomJS无界面浏览器。
Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;
具体效果可以参考本站,当然这个只能防小学生了。 (因为开启后连自己都无法调试了，所以关了) (但将这个运用在单页上还是挺好的)
请注意，本文编写于 1727 天前，最后修改于 996 天前，其中某些信息可能已经过时。
在向下的过程中，需要添加下层协议所需要的首部或者尾部，而在向上的过程中不断拆开首部和尾部。
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
