https://www.zhihu.com/zvideo/1380450791975731200
最近有个需求，Electron 打开的窗口要实现拖拽功能，大概看了一眼 BrowserWindow 的 API 却只找到了一个 move 事件，这个事件默认是针对有边框窗口的，也即 frame: true 的窗口。
安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false
边界拖拽调整窗口大小功能是一个很常见的功能，比如浏览器、编辑器等很多场景都有应用，这种功能不仅提高了用户体验，也增强了应用的灵活性。
hello，好久不见，最近笔者花了几天时间入门Electron，然后做了一个非常简单的应用，本文就来给各位分享一下过程，Electron大佬请随意~
miniblink-180502.rar https://pan.baidu.com/s/1yLSzbKlL5WYCY93cxJP0hQ * 修复淘宝npaliedit控件崩溃的问题 -------------------------------------- miniblink-180502.rar https://pan.baidu.com/s/1R5RSmF2uNniv_TsK-SbL2w * 强制开启wmode=opaque，修复某些flash站点开启window模式不能显示的问题 * 修复devt
JDK8特性：https://blog.csdn.net/qq_38526573/category_11113126.html
目前网上有好多关于electron相关的文章，但是本人在开发的时候发现，网上大部分文章可以说是千篇一律，没有真正的痛点解析啥的很无语 ，好多的问题都需要自己去找、去试，这无异于加大了开发成本与学习成本，所以本篇博客会从electron 的api 到 electron +vue 组合式开发到 打包 及开发过程中遇见的问题分门别类的进行说明， 当然在最后的文末我会将我写的 electron + vue全家桶的git开源项目附上，需要的话就去git 吧
一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展示方式，它作为大数据展示媒介的一种，被广泛运用于各种会展、公司展厅、发布会等。
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 背景说明： 窗口指的就是我们在电脑端经常使用的软件时候显示Logo，标题和操作最小化，最大化
注意：driver.close() ，当前关闭的是主窗口，只有完成页面切换才可以关闭当前新的页面
React Grid Layout 是一个用于构建可拖拽、可调整大小和自适应的网格布局的 React 组件库。通过简单易用的API，在 React 项目中能够快速构建复杂网格布局，轻松地创建可交互的网格布局，适用于构建面向用户的仪表盘、拖拽式页面布局等应用，提供良好的交互体验。通常用于自定义搭建页面中，例如我们公司用到自定义搭建工作台系统等等
本项目为基于Hyperledger Fabric区块链的供应链资产跟踪解决方案，项目主要包括链码和Web应用两部分。Fabric链码采用GOLANG开发，负责维护资产的状态，后台为采用Node.js开发的Web应用，负责为用户提供访问区块链上资产的操作界面，例如资产的创建、所有权转移等操作。
因为项目上有一个在规定区域内自由拖拽的小需求，自己纯js写又有点小麻烦，就花了点时间寻找到这个小组件。
之前有分享一个svelte.js开发自定义移动端弹框组件sveltePopup。今天再分享一个svelte自定义网页版弹窗组件svelteLayer。
之前做一些js特效，网上找的一些demo，都是很长很长的js脚本。但是没办法，只能原样copy /paste，写出来的还不能用。唉，苦逼啊。。
转自： http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html
曾经的 JavaScript 脆弱、简陋、甚至有被边缘化的危险，不过 JavaScript 在经过了两次飞跃后（以 V8 为首的 JavaScript 引擎和 Node.js 的问世），不再受人欺负，早已升级为绿博士（复仇者联盟 4 中班纳博士和绿巨人的合体，强大而充满智慧）。
Tauri - 用 Web 前端构建更小/快/安全的桌面应用程序框架。提供了许多前端初始化框架模板。
HTML5是HTML最新的版本，万维网联盟。 HTML5是下一代的HTML标准，HTML5是为了在移动设备上支持多媒体。
但是 html5 新增了很多语义化标签, 一个个创建太麻烦了, html5shiv 插件很好的解决这个问题
HTTP请求中有一个referer的报文头，用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn/sports/了。在Javascript中，我们可以通过document.referrer来获取同样的信息。通过这个信息，我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说，是非常重要的，这可以告诉我们不同渠道带来的流量的分布情况，还有用户搜索的关键词等，都是通过分析这个referrer信息来获取的。
开展WEB UI自动化的核心思路，无非就是找到元素，然后操作元素这两个内容。在python selenium系列（二）元素定位方式一文中，已经介绍了如何找到元素这项技能，本文将介绍第二项内容，即如何操作已经找到的元素。
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。
您正在阅读的手册文档包括了系统化的介绍 Cocos Creator 的编辑器界面、功能和工作流程，但如果您想快速上手体验使用 Cocos Creator 开发游戏的大体流程和方法，这一章将满足您的好奇心。完成本章教程之后，您应该能获得足够上手制作游戏的信息，不过我们还是推荐您继续阅读本手册来了解各个功能模块的细节和完整的工作流程。
从参考文章1里发现有三种方法：HTMLRunExe 工具、hta文件、nwjs工具。 我只尝试过其中的 hta 和 nwjs，并且最终采用了nwjs工具。所以此处只比较下这两种方法。
#191、把代码拖拽到工具箱的常规选项卡 原文链接:drag and drop code onto the Toolbox General tab 操作步骤： 在工具箱有个常规选项卡 你可以选中一段代码，拖拽到常规选项卡里面，如下图所示 评论：这个功能不错，我一般将一些常规的头注释等都放到这里。拖拽进去后，你可以重命名。等需要的时候可以从工具栏拖拽到文本编辑器里面。同时你不一定在常规选项卡里放拖拽的文本，也可以在其他选项卡放，或者直接建一个选项卡放，同时把工具箱的配置文件toolbox.tbd（位于C:
不知道从何时起，微信、QQ和钉钉等相关软件，无法拖拽文件到对话窗口，拖拽的时候显示一个红色图标，可能是上次更新win之后导致的，所以嘛，系统真的不能设置自动更新，说不准哪些更新就把原设置覆盖或者关闭了，哎，吃一堑长一智吧，赶紧关闭自动更新，emmmm我在说我自己啊。正所谓科技改变的不只是我们的生活，而是成就了我们的懒惰，所以我决定排查不能拖拽的原因，而不是每次发送文件都使用窗口按钮，毕竟，我是真的懒。
这样有一个问题，就是对于可以拖拽边框自由调整窗口大小的需求，满足不了，不设置WS_SIZEBOX，就不方便自由拖拽来调整大小了。
这篇文章是总结了一下公司后台开发的经验，之前他的电脑系统突然就坏掉了，电脑里的小陈需源码也丢失了，但是小程序已经提交到微信小程序服务器平台审核通过，问了很多人，也想了很多办法，很多人说没救了，重新开发吧，但是最终在我们的努力下，找回丢失了的源码，开心。
本文完整版：《React Echarts 使用教程 - 如何在 React 中加入图表（内附数据看板实战搭建案例）》
有时候，我们在运行多个任务时，需要把窗口同时显示在屏幕上，这样操作比较方便，而且可以避免频繁切换窗口的麻烦。折叠屏设备的分屏模式可以让两个应用或者任务同时在一个屏幕下显示，提高工作效率。
正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则， 也可以将一个字符串中符合规则的内容提取出来。
1.Selenium是否支持桌面应用软件的自动化测试。 Selenium不支持桌面软件的自动化测试，Selenium是根据网页元素的属性才定位元素，而其他桌面软件自动化测试工具是根据桌面元素的位置来定位元素，当然现在也有根据桌面元素的属性来定位的。
前段时间有给大家分享一个Electron跨端仿QQ聊天，今天带来最新研发的Electron短视频|直播应用。
折叠屏手机自发布以来，就成为业内关注的焦点。其创新的屏幕形态给应用带来了很多创新玩法。如何让自己的App在折叠屏手机获得1+1大于2的效果？
2020年7月30日，由软件绿色联盟、华为联合举办的第六期折叠屏主题技术沙龙活动以线上直播的方式于云端圆满落幕。本场沙龙的分享嘉宾是来自华为、京东、微博的资深技术专家，以零基础高效适配折叠屏为主题在线畅聊，一千余人次在线观看。沙龙的演讲内容聚焦了行业内前沿的折叠屏技术和热门的应用实践案例，重点围绕折叠屏手机平行视界、多窗口、拖拽适配三大方面，为更多的开发者高效适配折叠屏提供强有力支撑。
没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题 比如事件无法使用 右键无法使用 以及不能使用手型等!
好多天前，领导让我实现一个树形图拖拽插件，这个插件用来描述各部门领导与员工之间的关系，每个父节点显示其子结点数量，拖拽任意一个叶结点上的人到另一个结点，他们之间的关系发生改变，树形图重新渲染。用户操作都完成后，点击保存根据树形图生成JSON，将JSON发送给后端，后端根据JSON修改数据库中的人员对应关系。
前端HTML5十大新特性总结: <!DOCTYPE html> 这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注意到，反正就照写就可以了。 HTML5不是SGML的子集，从最开始的声明方式
搜狗地图发布了新版的移动端地铁图，改版初衷是为了用户交互体验的提升以及性能的改善。原版地铁图被用户吐槽最多的是pinch缩放不流畅、无过渡动画、拖拽边界不合理等等，大体上都是交互体验上的问题。实际上原版的问题不仅仅存在于交互体验上，源代码也是一团糟： 无模块化概念； 存在冗余逻辑和文件； 滥用第三方库&工具； UI的更新仍旧是直接操作DOM； 构建&发布流程不规范。 以上问题其实跟业务以及技术选型无关，可以说是任何一个“历史悠久”的项目都难以避免的问题。针对以上问题的重构方案不是本文要阐述的核心，所以就一笔
由于资源管理器是以普通权限启动，而管理员权限启动的qt进程，权限较高导致qt的setAcceptDrops(true)后依然无法触发dropEvent，导致无法接受其它程序或者资源管理器拖拽过来的文件。
https://colorkit.co/background-maker/82cedd-b04a0d-56d8a9/
我需要窗口内的某个元素拥有拖动整个窗口的功能，也就是这个元素在拖动的时候是拖动整个窗口。而且我还开出一个有趣的方法，这个作为窗口的拖拽的元素如果是用户在元素上拖动，那么将会拖动窗口，如果用户是点击，将会触发点击事件
隐藏元素可以正常定位到，只是不能操作(定位元素和操作元素是两码事，操作元素是指click 、clear 、send_keys等这些方法)。我们可以用js来操作隐藏元素。js和selenium不同，只有页面上有的元素(在dom里面的)都能正常操作。
之前开发的一个项目需要实现窗口的浮出，拖拽，停靠等功能，于是想到了神器Avalondock，这个框架功能相当强大，而且能实现多种主题样式的控件，特别是窗口的浮动停靠等功能。目前该框架有收费版本和开源版本，我之前的项目使用的是avalondock v2.0的，目前最新的是v4.0。
类似QQ、迅雷等讲究UI体验的软件，都支持在窗口内多处地方拖动窗口，而不必老实巴交的去顶部标题栏拖，这个组件就是让winform也能这样随性拖拽，随性度或更甚。先看效果：
使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
