当前位置: 首页 > news >正文

网站首页滚动图片怎么做网页设计的页面

网站首页滚动图片,怎么做网页设计的页面,温州营销网站制作报价,广州预计明年1月达疫情高峰快速创建基于vue的electron项目:quick-start/create-electron - npm 视图线程也就index.html是无法直接访问这个api的(如果没有开启视图层访问nodejs的功能,现在几乎没法直接开启,开启了一堆警告提示) 所以需要通过r…

快速创建基于vue的electron项目:@quick-start/create-electron - npm

视图线程也就index.html是无法直接访问这个api的(如果没有开启视图层访问nodejs的功能,现在几乎没法直接开启,开启了一堆警告提示)

所以需要通过reload.js方式给index.html视图层注入对应的方法,挂在window对象下面

视图层给后端发起消息如果希望通过then的方式获取结果,推荐使用
ipcRenderer.invoke
如果是同步情况可以使用
ipcRenderer.sendSync
个人建议使用ipcRenderer.invoke
如果是仅仅视图层发起消息,不关注后续处理结果,推荐使用
ipcRenderer.send


主线程处理


他们三个发起消息后,主线程处理的方式是不一样的
ipcRenderer.invoke:

//main.jsconst { ipcMain } = require('electron');ipcMain.handle('message-from-renderer', (event, message) => {console.log('主进程收到消息:', message, "event", event);return "我是主进程的返回值:btn2"});


ipcRenderer.sendSync:

//main.js
const { ipcMain } = require('electron');ipcMain.on('render-send-sync-to-main', (event, message) => {console.log(`receive message from render: ${message}`)event.returnValue = '主进程回复的消息';})


ipcRenderer.send

//main.js
const { ipcMain } = require('electron');ipcMain.on('message-from-renderer1', (event, message) => {console.log('主进程收到消息:', message, "event", event);event.reply('reply-from-main', '我是主进程的返回值:btn1');});

preload封装
 

const { contextBridge, ipcRenderer } = require('electron');// 使用 contextBridge 安全地暴露 ipcRenderer 功能
contextBridge.exposeInMainWorld('api', {sendMessage: (id, message) => ipcRenderer.send(id, message),//单向【发送】,视图层发起请求,没有then接受onMessage: (id, callback) => ipcRenderer.on(id, callback),//视图层单向接受数据onMessageOne: (id, callback) => ipcRenderer.once(id, callback),//视图层单向接受数据invoke: (id, message) => ipcRenderer.invoke(id, message),//【双向响应】,视图层发起请求,用then接受成功
});


视图层访问

window.onload = () => {//使用旧的通讯方式document.querySelector('#btn1').onclick = function () {console.log('click', this.id)window.api.sendMessage('message-from-renderer1', 'id:' + this.id);window.api.onMessageOne('reply-from-main', (event, message) => {console.log('btn1响应结果', message);});}//使用新的通讯方式document.querySelector('#btn2').onclick = function () {console.log('click', this.id)window.api.invoke('message-from-renderer', '你好啊,我来来之渲染层').then((result) => {console.log("btn2:响应结果", result)})}
}


更多参考:
1.electron渲染线程与主线程通信,渲染线程与渲染线程通信_electron主线程和渲染线程通信-CSDN博客

2.打包的文档:electron-builder

3.包含打包的模板库,链接和上面一样

http://www.dinnco.com/news/35908.html

相关文章:

  • 高安网站建设公司seosem顾问
  • 网站建设投资风险分析google搜索网址
  • 大连建设厅网站竞价排名采用什么计费方式
  • 开一个网站需要什么手续网页设计培训学校
  • 郑州专业网站建设企业网站搜索优化网络推广
  • 温州网站制作报价资源网
  • 十大互联网营销公司石家庄百度搜索引擎优化
  • 哪家做网站好 成都江苏企业网站建设
  • 广州开发区建设局网站app制作费用一览表
  • 长春火车站电话人工服务杭州网站推广找哪家
  • 网站建设加后台天津百度推广公司电话
  • 下步我院将建设网站信息保密牛推网络
  • 网站加图标网站seo在线优化
  • 小红书推广方式有哪些郑州seo推广外包
  • 怎么样在网上卖东西seo就业前景
  • 网站建设的关注点免费ip地址网站
  • 网站怎么防黑客网站营销外包哪家专业
  • 国外比较好的资源网站网站查询网
  • 定安住房和城乡建设局网站营销广告网站
  • 厦门网站建设开发优化大师免费版下载
  • wordpress媒体页优化搜索引擎的方法
  • 网站排名公司哪家好太原seo全网营销
  • Thinkphp开发wordpress深圳优化网站方法
  • java做网站的步骤郑州网站建设公司
  • 做钢化膜网站长沙seo服务哪个公司好
  • 企业网站建设的流程百度关键词屏蔽
  • 网站招生宣传怎么做seo咨询
  • 北京服饰电商网站建设产品推广的渠道
  • 京东商城网站开发平台网址最全的浏览器
  • 小男孩做爰网站制作网页完整步骤代码