- 博客(4)
- 收藏
- 关注
原创 jQuery 实现DOM元素拖拽交换位置
实现步骤 html + bootstrap布局画3个面板。 注:面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index,设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位置和面板的相对位置计算出面板应该出现的新位置,就将面板位置设置为新位置。 监听当前被拖动的面板的mouseup事件。 当松开鼠标时,查看当前鼠标所在位置对应的面板的位置exchange_index
2020-07-14 10:06:53
1021
原创 基于Vue的Electron项目搭建
Electron 应用技术体系推荐 目录结构 demo(项目名称) ├─ .electron-vue(webpack配置文件) │ └─ build.js(生产环境构建代码) | └─ dev-client.js(热加载相关) │ └─ dev-runner.js(开发环境启动入口) │ └─ webpack.main.config.js(主进程配置文件) │ └─ webpack.renderer.config.js(渲染进程配置文件) │ └─ webpack.web.co...
2020-07-20 18:35:34
479
原创 Electron + WebSocket 通信
Electron + WebSocket 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子。 项目结构 main.js:程序入口文件 websocket.html:web视图 websocket.js :Websocket通讯脚本 技术 Node.js os 模块 提供基本的系统操作函数。 ( 参考:Node.js 工具模块 ) 引入: var os = require("os"); 属性 属性 描述 os.E
2020-07-03 14:40:54
12795
原创 Electron 初识-搭建一个简易桌面程序
Electron 第一个项目搭建 快速入门 简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。 这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。 应用的入口 在 Electron 中,入口是一个
2020-06-29 16:15:02
663
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅