- 博客(95)
- 收藏
- 关注
RSS订阅原创 qiankun微前端任意位置子应用
3、背景图片不展示，地址获取错误：需要将@/assets改成…/的形式，或者将背景图片换成img图片吧。问题分析：一般实在网络较慢的时候出现，意思就是还没有加载好没法显示。2、路由配置一定要注意，如果页面加载有问题，多数是路由问题。子项目往往都是可以独立运行的，所以动的越少越好。在主应用中需要对子应用的路由进行配置。绑定子项目显示的位置，在。
2025-05-09 19:25:40
395
原创 video自动播放
在iOS系统中，Safari浏览器对于自动播放的限制主要有两个方面：静音限制：Safari要求H5页面在自动播放时必须是静音状态，即不能有声音输出。这是为了避免用户在浏览H5页面时被突如其来的声音打扰。用户交互限制：Safari要求用户必须在H5页面上进行过一次有效的交互后，才能使H5页面可以自动播放。有效的交互包括点击、触摸、滚动等。
2025-04-07 16:04:44
279
原创 Linux系统设置Nodejs应用自动启动
说明：运行Nodejs服务时如果服务器宕机或者其他原因重启了，应用服务不会跟着重启，需要手动进行重启，这样不符合现场管理要求，本文主要介绍使用pm2管理Node项目。
2025-03-26 09:43:08
328
原创 使用node-cmd重启electron
说明：在electron中，想要手动重启客户端服务，分为两种情况第一种：是使用electron自带的api进行窗口的重新启动，app.relaunch()第二种：重启电脑运行的客户端服务。
2025-03-25 08:34:50
387
原创 使用electron-vite创建桌面应用
2、preload 预加载模块：用于窗口与页面间沟通的桥梁，增加可靠性。3、renderer渲染模块：主要存放前端页面代码。1、main 主进程窗口：存放窗口代码。2、在渲染模块中进行调用。3、在主进程中进行接收。
2025-03-25 08:34:34
454
原创 process.cwd()与__dirname的区别
如果使用__dirname则会读取到当前运行目录()下面的文件，想要读取public中的文件需要使用。在electron进程中使用。
2025-03-24 08:58:09
314
原创 electron线上更新
1.使用 GitHub Releases： 如果你的项目托管在 GitHub 上，可以非常方便地利用 electron-updater 库配合 GitHub Releases 实现自动更新。只需在主进程初始化时设置 provider 为 github 并配置相应的 repository 信息即可。2.自建更新服务器： 若选择自建更新服务器，则需确保服务器能够根据特定协议（如 Squirrel ）返回正确的更新信息。这通常包括一个 JSON 文件，列出所有可用版本及其下载地址。
2025-03-22 09:42:46
353
原创 electron-builder创建桌面应用
通过设置 NODE_OPTIONS 环境变量为 --openssl-legacy-provider，可以强制使用旧版的 OpenSSL 提供程序，从而解决构建过程中的报错问题。创建electron方式有很多，这里说的是vuecli创建的项目，通过安装electron-builder插件创建。在添加electron淘宝镜像时可能会报错，一般是由于。如果出现报错，多半是node版本过高导致的。导致的，可以将node版本降低。
2025-03-21 09:37:20
623
原创 在vue中如何使用mock
2.在src目录下创建mock文件夹用来存放生成的数据,在mock文件夹中创建index.js用来作为文件入口。3.在mock中创建json来作为模拟数据（具体配置可以参考文档）5.调取接口是直接调用创建的接口名即可。4.在vue的main.js中引入。在index.js中操作。1.安装mockjs。
2025-03-19 11:22:59
283
原创 项目报错大合集
在项目开发中必不可少的会遇到一些报错问题，这里记录一下项目中的错误，方便后续更方便的排查解决，会持续不断更新报错内容：由于项目目录中存在中文名导致的报错更改文件夹名称为英文格式即可。
2025-03-19 11:22:39
213
原创 js使浏览器全屏代码
1.使用方法你可以调用任何元素的方法来让浏览器进入全屏模式。通常，你会选择整个文档的根元素（如，或者你想要全屏显示的特定元素。// 获取文档的根元素// 标准方法。
2025-02-11 11:16:30
1272
原创 vue中onclick如何调用methods中的方法
今天在开发vue项目中使用的第三方地图，地图上绘制的marker内容需要自定义，因为绘制的内容是原生HTML，所以遇到点击事件的时候就用了onclick来定义，此时想要调用methods中的方法，直接通过this.xx是获取不到的，因为onclick后面的事件是调用的window中的事件，所以需要把此事件绑定到window上即可。
2025-01-25 11:49:38
480
原创 移动端 REM 适配
大多数设计稿的原型都是以 iphone6 为原型，iphone6 设备的宽是 750，我们的设计稿也是这样。的话，Vant 的样式是没有问题的，但是我们在测量设计稿的时候都必须除2才能使用，否则就会变得很大。开发人员也可以根据项目的需要，开发出自己的 PostCSS 插件。用来配置兼容的浏览器版本信息，但是写在这里的话会引起编译器警告。PostCSS 一般不单独使用，而是与已有的构建工具进行集成。配置完毕，把服务重启一下，最后测试，very good。这是转换之后的，可以看到 px 都被转换为了 rem。
2025-01-18 08:42:56
683
原创 基于vue-cli的移动端配置
postcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的font-size值来计算出结果，1rem=html标签的font-size值。lib-flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。4.在vue.config.js中配置postcss-px2rem。1.安装lib-flexible和postcss-px2rem。2.删除根html中的meta默认标签。
2025-01-15 08:46:29
140
原创 基于sortable对表格进行行列的拖拽
直接上代码：<!-- * @Company: wwww.glaway.com * @Copyright: (c) 2020. All Rights Reserved * @Author: zq * @Date: 2020-10-30 17:14:37 * @Description: * @LastEditors: zq * @LastEditTime: 2020-11-03 14:42:09--><template> <div> <
2025-01-14 09:30:09
272
原创 vue路由传参的三种方式
三、location预声明参数。3.跳转之后地址栏中携带参数。3.跳转之后地址栏中携带参数。3.跳转之后地址栏中携带参数。1.在路由配置页设置。2.在跳转发起页设置。二、params传参。1.在路由配置页设置。2.在跳转发起页设置。1.在路由配置页设置。2.在跳转发起页设置。
2025-01-11 13:34:23
1150
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人