- 博客(22)
- 收藏
- 关注
RSS订阅原创 Electron进程间通信
因为有的时候我们需要在渲染进程中做只有主进程才能实现的操作，比如，点击页面的一个按钮实现创建一个文件并写入一些内容的功能，而创建文件并写入内容只有在node环境中才能实现，渲染进程显然无法做到，这是就需要渲染进程通知主进程去实现该操作，这就是进程间的通信。到现在，我们已经知道了主进程与预加载进程，以及预加载进程如何与渲染进程联系的，那么接下来学习进程间的通信吧。另外，主进程、预加载脚本、渲染进程的执行顺序是：主进程->预加载脚本->渲染进程。（改动渲染进程的内容，只需刷新，改动主进程的内容需重启项目）
2024-07-11 17:24:57
993
原创 使用Webpack创建Electron应用，并配置React
在src文件夹下创建名为app.jsx的文件，即App组件，其中引入Layout组件，程序中所有的组件都放在App组件中。为了简写，需要配置 Webpack 解析文件时的扩展名，用户在引入模块时就不需要再带扩展名了。在index.html中创建一个id=root的容器，将App组件作为程序的根组件放在其中。将renderer.js重命名为renderer.jsx，并将App挂载在root容器中。在这里需要注意的是，重命名为renderer.jsx后，需要更新配置文件中对该文件的引用。
2024-07-10 18:25:27
460
原创 使用electron-builder打包vue项目，安装时报错该文件没有与之关联的应用来执行该操作。请安装应用，若已经安装应用，请在“默认应用设置“页面中创建关联。
使用electron-builder打包vue项目，安装时报错该文件没有与之关联的应用来执行该操作。请安装应用，若已经安装应用，请在"默认应用设置"页面中创建关联。
2022-08-01 16:32:00
434
原创 vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
2022-08-01 16:14:28
3469
1
原创 Proxy error: Could not proxy request /login from localhost to http://localhost:8080/
Proxy error: Could not proxy request /login from localhost to http://localhost:8080/
2022-06-08 14:50:43
7358
原创 关于显示器分辨率和和缩放与布局的问题，根据UI设计图却发现屏幕放不下
刚使用UI设计图做项目时，发现自己的屏幕大小（指的是显示器分辨率）确实是和设计图上一样，但是按照设计图我做的页面的宽度还是太宽了，后来发现是因为缩放的问题，UI是100%，而我的是125%，所以导致按照UI图来设计是屏幕宽度不够，将缩放比例设置为100%，解决问题。更改“缩放与布局”和“显示器分辨率”第一步：点击打开设置第二步：点击系统此时可以看到缩放与布局、显示器分辨率，可根据需要调整...
2022-05-27 09:44:18
1600
原创 编程式路由传递参数
情景：每一行展示了一个用户的信息，我们现在要实现的是点击“详情”查看个人信息，通过编程式路由导航跳转到展示详细信息的页面，为了确保点击不同行的“详情按钮”可以展示不同用户的信息，我们需要将用户id传递给展示详细信息的页面通过编程式路由导航传递参数来实现...
2022-05-27 09:20:02
346
原创 js中数组与字符串的相互转换
// 数组与字符串的相互转换var arr=['red','green','blue'];var str='hello,nice,to,meet,you'// join()方法根据括号中的字符将数组拼字符串// join()方法并不改变原数组console.log(arr.join(','));// red,green,blueconsole.log(arr.join('!'));//red!green!blueconsole.log(arr);//[ 'red', 'green', '.
2022-05-23 17:39:25
678
原创 element-ui响应式布局
参照了 Bootstrap 的 响应式设计，预设了五个响应尺寸：xs、sm、md、lg 和 xl。<el-row :gutter="10"> <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div class="grid-content bg-purple"></div></el-col> <el-col :xs="4" :sm="6" :md="8" :lg="9" :xl="
2022-05-16 10:06:22
3965
原创 CSS命名规范--BEM
在阅读element时，发现其CSS命名采用BEM的风格，于是去查阅BEM是什么...我的理解：BEM是命名规范BEM的意思就是块（block）、元素（element）、修饰符（modifier）主要问题是CSS类名中“--”和“__”是什么意思？__（两个短横线）表示某一个块的后代元素--表示某一个块的不同状态或版本.block{} block块.block__element{} block块下的元素.block--modifier{} blo...
2022-05-16 09:46:30
760
原创 lodash.js文件
在项目文件夹下执行 npm i --save lodash文件夹下出现node_modules文件夹，其中存在lodash.js如果想在html中使用lodash，可以将lodash.ja文件复制一份，在html中通过script标签引入即可
2022-04-30 18:24:21
740
原创 js数组去重
var arr=[1,2,2,3,4,5,4,3];arr=Array.from(new Set(arr));new Set(arr)返回{1，2，3，4，5}from()将类数组转为数组
2022-04-28 22:23:49
88
原创 js实现数组扁平化：some+扩展运算符
let arr = [1, 2, [2, 3], [3, 4, 5,[2, 3, 3]]];function flatten(arr) { while (arr.some(item => Array.isArray(item))) { arr = [].concat(...arr); }； return arr;}注释：some()的使用接收一个方法some((item,index,arr)=>{return 这里写判断条件}) 返回值.
2022-04-28 21:40:31
163
原创 编程式路由跳转时参数不变，多次执行的话会抛出NavigationDuplicated的警告错误
声明式导航是没有这些问题的，因为vue-router底层已经处理好了# 为什么编程式路由导航就有这个问题呢因为新的版本vue-router引入了promisethis.$router.push返回promise# 方法一：要给push()返回的promise传入成功或失败的回调函数可以解决，但每次都得传回调，不方便# 方法二：重写路由器原型对象上的push方法// 先把router原型对象上的push先保存一份const originalPush = router.prototy
2022-04-24 14:32:51
380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人