DLGDark的博客

electron下载视频保存到本地，dialog.showOpenDialog，app.getPath

本框架作为弃用 electron-vue 框架的最新替代品，electron-vue弃用原因：框架作者长时间没更新，一些东西已经老旧，项目工程结构也不一样，使用起来问题很多故此，本人自行使用当前最新版本electron，结合vue2独立搭建的electron桌面版框架使用electron v28.2.7+vue2+cli4 构建的electron桌面版项目模板使用的node版本为v18.19.0，项目中自带vue-Tools功能。

使用vue-cli脚手架创建vue新项目时，控制台报错，创建失败。最终发现，本地有一个.vuerc文件，里面有个配置项。，这个的值改为false即可。

在移动端开发中，会用到列表作为信息展示方式，一般希望上下滚动时，可以固定表头，左右滚动时，可以固定最左列。是列排序功能，与此文章无关，实现代码未贴出，除此之外，其他未贴出的代码均与此文章所讲功能无关，忽略即可。2、表头数组与列表数据数组之间互相联系，表头属性可以控制列表列排序、列表宽度、是否为固定列等；3、四个dom之间增加联动，使用@scroll、scrollLeft、scrollTop；3、左右滚动时，可以固定左边一列或多列可以固定显示；2、上下滚动时，可以固定表头在最顶端显示；

内部使用原生calendar.js， 中国农历（阴阳历）和西元阳历即公历互转JavaScript库，具体实现感兴趣的可自行查看其实现源码。使用 vue-jlunar-datepicker 依赖插件实现即可，具体样式可以自己根据需求进行修改处理。使用 js-calendar-converter 库实现。在main.js文件中引入。

本案例为在小程序中实现的转盘抽奖，其他手机端项目思路类似。注意： 转盘上的东西是由后台web项目里的配置页进行配置的，可以配置每个位置的奖品，中奖概率等。此文章只讲了抽奖转盘的实现，配置可根据真实需求进行开发即可，这里不作叙述。真实上线的时候，只需要将其中的转盘奖品信息，中奖位置索引，中奖次数，活动说明，中奖记录改成后台接口调用即可，此处仅在代码里模拟数据。效果图如下：代码如下：上面所用到的图片资源文件截图(并非真实图片文件大小，真实需要可自行让UI设计制作即可)：

大屏适配解决方案。项目中public文件夹里的入口文件。混入方式仅在大屏页面引入使用即可。里直接引入适配代码文件即可。autoResize.js代码。

2.如下图示配置文件，如没有，则新建即可。4.使用时，输入vue，回车即可。1.找到如下图所示位置点击。5.快捷生成结果示意图。3.配置代码如下所示。

规定在一个单位时间内只能触发一次函数，如果在单位时间内触发多次,只执行一次。比如两秒内的点击事件，无论点多少次，两秒内只执行一次。一个搜索输入框， 用户不停的进行输入（这个时候就是抖动的过程）， 等用户输入停止之后，再触发搜索。当事件被触发 n 秒后再执行回调，如果在 n 秒内又被触发，则重新计时。下拉加载更多（无限滚动）事件、浏览器的resize，scroll事件等等。频繁触发按钮点击事件、input框搜索等等。

一个针对的是项目部署的路径问题，一个针对的是页面路由url的路径问题，缺一不可。基础路由路径，会导致整个路由路径不对，所以，这里配置完后，每次重新登录或刷新页面都不会出现找不到页面的问题，刷新也不会出现url不对的问题。路径，如果是在history路由模式下，一般需要在服务器配置项目页面访问路径，否则刷新页面会出现404，找不到路径页面。这里面的base参数，在hash模式下，一般不需要配置，默认跟路由，如果在history模式下，由于项目配置了。，项目这里则需要与服务器上配置的项目路径保持一致，故。

现在有一组请求，想让其依次每次执行一定的请求数量并发请求，直到请求到最后一个请求，直至完成所有请求，而且要求请求返回的结果顺序和请求时的顺序保持一致。

vue实现企业微信扫码登录后台管理系统。 1. 在登录页面构建内嵌式登录二维码（这种方式好处：无需跳转到企业微信域下登录后再返回，提升企业微信登录的流畅性与成功率） 2. 扫二维码之后，微信那边会跳转到redirect_uri你重定向的地址，后面会拼接code参数，一般重定向地址都是本页面(这里指的是是登录页面) 3. 在本页面获取url后面拼接的code，用code去请求后台接口 4. 后台接口服务那边用access_token和code去获取用户的企业微信号 5. 通过企业微信号查找数据库

错误： Cannot use import statement outside a module(不能在模块之外使用导入语句)。原因： 安装的某个依赖包里使用了import语法，因为我们打包输出的是commonjs规范，所以不识别import语法而导致报错。可以从 .electron-vue/webpack.renderer.config.js目录文件中看到如下一段代码：上面图示中代码就可以看出打包输出的目标文件为commonjs规范，对es2015规范中import语法不识别。解决方案： 使用webpac

安装需要用到的东西，比如nginx，git等等，具体根据自己搭建需求进行扩充即可，这里就只说nginx和git的前期安装，因为目前我这里只用到这两个，后台一些相关的暂时没用到，基本都一样，有需要者自行查阅资料即可。这个配置项是用来控制是否允许使用密码登录，no表示关闭，但前提是第三步中没有任何问题，不然可能会ssh登录不成功，当然了，如果不成功，则在网页端，进行VNC登录进去，先把。登录成功后，添加新用户，以后使用此用户进行操作，避免root登录，具体如何添加新用户，

【代码】elementUI el-upload组件直接上传到七牛云(亲测可用)

问题：小程序页面跳转场景中，如果多次反复跳转业务场景下，会出现页面点击卡住无效的问题。原因：页面栈里已经达到了10层解决方案：使用到getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。然后判断要跳转的页面是否存在于页面栈中，如果存在，则使用uni.navigateBack({ delta: 2 });进行跳转即可(这里的2只是示例数字，具体根据自己判断情况计算而得)。项目中使用实例：backPointsMall(

这篇主要以讲解部分资源在线热更新的实现为核心，electron自带的整体更新的实现较简单，简单说一下即可，如有疑问点的可以自行查阅相关资料或在下面留言给我即可一.electron的在线升级更新方式都有哪些？1. electron自带的整体更新方式这种方式为electron官方的升级更新方式，主要是通过主进程中的autoUpdater模块进行检测升级更新的，此方式也是大家常见的大多数electron应用程序的更新方式。不过，此方式有一个瑕疵就是，每次更新都是整体更新软件，安装包资源比较大，下载安装.

项目package.json中："win": { "icon": "icons/icon.png", "target": [ "nsis" ]},修改为："win": { "icon": "icons/icon.ico", "target": [ { "target": "nsis", "arch": [ // 这个意思是打出来32 bit + 64 bit的包。这样打包出来的安装包体积比较大，建议直接打32的安装包。 "

实现思路：先通过在APP.vue根组件中去全局创建websocket连接到服务器，通过服务器推送的那内容来区分在线或离线，拿到内容并判断出状态后，再通过provide和inject通信方式将状态值传送到需要显示在线或离线状态的页面组件中并显示即可。官方文档：provide / inject引用提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。核心代码：APP.vue根组件：//APP.

一.登录注册二.初始进入小程序注意：初始进入小程序部分细节逻辑步骤可能需要结合自己的具体项目稍微改动，基本上整体逻辑流程类似。