- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Electron-VUE项目编译后打开页面空白的问题
它是用 createMemoryHistory() 创建的，并且需要你在调用 app.use(router) 之后手动 push 到初始导航。由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问 https://example.com/user/id，就会得到一个 404 错误。不用担心：要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。当使用这种历史模式时，URL 会看起来很 “正常”，例如 https://example.com/user/id。
2024-09-18 19:41:05
1160
原创 Electron应用程序打包后运行报错cannot find module ‘@vue/cli-service‘
其他electron打包后运行类似这种cannot find module ‘XXX’的报错，基本也是因为开发依赖模块未打包进去导致。2、本项目vue.config.js文件是创建vue项目时默认存在的，该文件依赖的模块非必须的，也可以修改不依赖该模块即可。也就是问题出在electron打包后，仔细排查问题所在，在electron主入口文件中依赖了vue.config.js文件。这个模块，所以electron项目打包时也需要把这个模块放进。而这个模块我们开发vue项目时放进开发依赖中不需要打包进去的。
2024-09-18 18:40:36
1263
原创 npm安装electron报错 RequestError: connect ETIMEDOUT 185.199.110.133:443
npm安装electron报错使用electron_mirror专用源
2024-09-08 13:24:49
1470
原创 Android Studio安装和设置SDK、Gradle（国内源）、AVD下载目录详细教程
Android Studio详细安装教程及设置SDK、Gradle（国内源）和AVD（Android虚拟设备）的下载目录的详细教程
2023-07-20 16:48:20
63020
13
原创 web前端项目使用electron打包成跨平台桌面端程序（Windows）
使用electron将前端项目打包成跨Windows、Linux、macOS的桌面端应用
2023-07-14 16:56:17
4229
9
原创 CSS弹性盒子中弹性子元素文本超出弹性子元素宽或高后导致撑开弹性子元素原本宽或高的解决方法
CSS中解决弹性盒子的弹性子元素被文本撑开影响原来宽或高的解决办法
2023-07-04 17:53:24
2410
原创 Java里过滤器（filter）与拦截器（Interceptor）的区别和使用
filter是实现javax.servlet.Filter，该接口由servlet规范定义，使用过滤器（filter）需要依赖于servlet容器，如Tomcat容器。interceptor（拦截器）是在请求到达servlet之后在进入action（controller）之前进行预处理，在action（controller）处理完返回视图前再处理，待action（controller）返回视图后进行最终处理。filter是基于函数回调实现的，interceptor是基于Java反射机制实现的。
2022-10-23 14:33:49
2518
原创 SRS流媒体服务（三）SRS服务http(s) api操作SRS服务
SRS流媒体服务器提供了强大的API，供开发者根据自己的业务场景定制自己的流媒体服务。本机环境：虚拟机VMPRO15安装Linux系统:CentOS7SRS服务版本：SRSv4-b2-4.0.215（SRSv4已于2021年12月正式发布稳定版本）Linux开启端口与服务：Linux网络环境：192.168.5.104物理机本地网络环境：192.168.5.101一、 测试SRS服务提供的http api首先需要在SRS配置文件中开启对应服务：二、访问..
2022-01-16 10:00:00
11091
7
原创 SRS流媒体服务（二）SRS服务Http_CallBack回调机制的使用
SRS提供了一系列http回调，根据客户端连接服务器的不同状态触发该状态下用户指定的http请求，用户自定义服务接受SRS服务传递信息做一系列操作，比如客户端连接服务器时根据回调数据判断是否允许客户端连接服务器。SRS服务提供了以下回调：on_connect：当客户端连接到指定的vhost和app时触发{"action": "on_connect","client_id": 1985,"ip": "192.168.1.10","vhost": "video.test.com", "a
2021-10-22 00:24:58
9503
12
原创 CentOS7部署服务后无法被访问到的问题（默认开启防火墙且无开放端口）
1、首先查看服务器IPifconfigwin系统ping虚拟机上CentOS7没问题。2、访问http://192.168.5.102:8080失败3、查看防火墙默认已开启systemctl status firewalld4、查看端口列表和服务列表发现未开启8080端口和httpfirewall-cmd --zone=public --list-portsfirewall-cmd --zone=public --list-services...
2021-10-07 18:47:34
5652
7
原创 SRS流媒体服务（一）SRS服务搭建和FFMPEG实现模拟直播推流和拉流
一、SRS服务安装服务器环境：Linux（CentOS7）1、首先通过yum安装git，CentOS7没有自带git。cd /usr/local //进入到/usr/localmkdir git //创建git目录cd git //进入git目录yum -y install git //通过yum安装git2、查看git版本，因为yum版本更新不及时，这里是比较老的版本。git --version3、进入到/usr/local目录下，创建srs目录，通过git命令.
2021-10-07 18:45:00
5136
4
原创 Git使用个人访问令牌提交代码到仓库
2021年8月13日开始，GitHub在使用Git操作远程仓库时不再支持使用用户名密码形式进行身份验证，需使用个人访问令牌。使用Git操作GitHub仓库时使用用户名密码进行身份验证会报错：一、创建个人访问令牌。1.1、在GitHub官网右上角点击个人资料头像，点击settings。1.2、跳转后的左边栏点击Developer settings。1.3、点击Personal access tokens------>Generate new token。...
2021-09-27 16:56:26
9169
2
原创 springboot2.X集成mybatis2.X+shiro1.X+JWT（auth0 3.X）实现无状态登录和鉴权
源码地址：springboot集成mybatis+shiro+jwt(auth0) 实现无状态登录和鉴权一、新建springboot工程集成相关依赖。<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoca
2021-07-05 17:47:24
237
原创 使用Git将代码推送至GitHub或本地远程仓库
一、首先登录GitHub官网创建一个仓库。创建了一个名为test的仓库二、在本地创建一个项目文件夹test（名字随意）2.1、进入test文件夹初始化本地仓库。git init2.2、test文件夹下创建一个java文件2.3、执行git add . 将文件添加进入缓存区， .表示当前文件夹下所有文件git add .2.4、执行git commit -m "描述"，可以不添加任何描述，及双引号内为空，必须有双引号执行不成功，需要设置用户名及邮
2021-06-26 20:54:10
1309
1
原创 springboot2.X集成Mybatis2.X之MySQL表与表的一对多、多对多关系级联查询注解版
一、用户与角色之间的关系一个用户对应一个角色，一个角色可以对应多个用户，所以用户对角色的关系是多对一（多个用户对应一个角色），角色对用户的关系是一对多（一个角色对应多个用户）。外键应该创建在多的一方表中，即用户表。1、创建表，用户表sys_user、角色表sys_rolecreate table sys_user(uid int not null primary key auto_increment,userName varchar(20) not null,password varch
2021-06-03 23:57:59
333
原创 IDEA安装插件IDE Eval Reset
本IDEA使用版本为2019.03一、安装插件1、IDEA插件市场安装。在IDEA-->File-->setting-->plugins添加第三方插件地址：https://plugins.zhile.io 插件市场搜索：IDE Eval Reset安装2、本地硬盘安装。下载zip包：插件下载 在IDEA-->File-->setting-->plugins里通过Install Plugin From Disk......如果IDEA
2021-05-31 14:42:04
18890
16
原创 ionic5/angular11通过修改ShadowRoot样式更改ionic UI组件原样式
通过浏览器调试可以找到需要更改的UI组件样式，找到其CSS class类名后，通过CSS无法直接修改样式，需要使用shadowRoot.appendChild();方法注入新的样式覆盖原来的样式达到修改原样式的目的。一、编写HTML<ion-header > <ion-toolbar> <ion-title> Tab 2 </ion-title> </ion-toolbar></ion-head
2021-05-23 17:26:36
1086
原创 ionic5/angular11添加Image Picker插件错误Error: cordova-plugin-telerik-imagepicker cannot be added. ＜edit-c
Failed to install 'cordova-plugin-telerik-imagepicker': Error: cordova-plugin-telerik-imagepicker cannot be added. <edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugi.
2021-05-19 19:47:52
529
原创 基于angular11实现类似饿了么左右分类展示UI（左右联动）和右侧滚动吸顶效果
基于angular11实现一个分类展示组件，根据左侧分类点击改变被点击组件样式和右侧展示内容，根据右侧滑动显示内容改变左侧对应分类样式和右侧滑动距离实现右侧展示内容标题吸顶效果。一、编写HTML和CSS。<ion-header #header [translucent]="true"> <ion-toolbar> <ion-title> 分类 </ion-title> </ion-toolbar>&l
2021-05-18 19:49:19
697
原创 ionic5/angular11使用angular的@ViewChild获取DOM(@ViewChildren获取DOM数组)并使用Renderer2操作DOM
一、编写HTML和CSS。<ion-header [translucent]="true"> <ion-toolbar> <ion-title> 分类 </ion-title> </ion-toolbar></ion-header><ion-content class="content" > <div class="content_1" > <!
2021-05-11 20:11:15
899
原创 利用CSS3动画属性实现轮播图切换图片时出现附近内容抖动的解决办法。
利用CSS的动画完成轮播图功能，切换图片时发现，在QQ浏览器上轮播图切图时会影响附近内容抖动导致看起来模糊。如下图：轮播图切图时下面的内容：“办公家具”、“更多”明显视觉效果会发生抖动现象。尝试QQ浏览器、火狐浏览器、谷歌浏览器调试发现仅QQ浏览器有此问题。解决办法：我的轮播图是通过transform:translateX()在X轴移动实现效果，给轮播图容器加一个transform:translateZ(0);或者transform:translateY(0);属性即可解决问题。如...
2021-05-01 14:35:34
899
原创 ionic5/angular11使用路由及路由传值和取值
angular路由中文官方在ionic5中创建angular项目，路由使用angular路由一、创建一个ionic项目ionic start myrouter tabs --type=angular二、ionic5中默认三个tab切换页面，再创建一个新页面。通过tab1里的跳转按钮点击跳转至tab1-one页面ionic g page tab1-one三、编写tab1.page.html。<ion-header > <ion-toolbar>
2021-04-29 19:56:31
887
原创 Angular11中使用Angular animations动画效果非可复用和可复用方式
一、在app.module.ts里导入BrowserAnimationsModule模块。......//全局导入动画模块import {BrowserAnimationsModule} from '@angular/platform-browser/animations'@NgModule({ declarations: [AppComponent], entryComponents: [], imports: [BrowserModule, Ioni
2021-04-28 20:08:29
960
原创 CSS里设置子元素浮动导致父元素高度塌陷的解决办法（清除浮动）
一、未设置子元素浮动的效果。<!DOCTYPE html><html lang="en"><head> <style> .box{ background-color:red; width:100%; } .box1{ width:50%; height:200px; background-color:blue; text-align:center; line-height:200px; font-size:
2021-04-25 22:22:36
738
原创 ionic5/angular11集成百度地图JSAPI及ionic官方定位插件Geolocation实现定位
一、添加Geolocation定位插件。ionic cordova plugin add cordova-plugin-geolocationnpm install @ionic-native/geolocation二、在ionic项目下src/app/index.html里导入百度地图JSAPI。<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的百度地图密钥">&
2021-04-24 16:21:42
874
原创 ionic5/angular11项目添加插件报错npm ERR! File exists: D:\ionic\myapp\node_modules\.bin\tsc.cmd npm ERR! Move
在项目中添加定位插件，报如下错误，通过提示说拒绝删除XX文件，XX文件已经存在，删除后重试操作。按照提示删除文件后重试操作，再次报错另一个文件存在。。。最终解决办法：npm降级。当前版本：执行降级命令：npm(cnpm) install npm@4 -g最终降级后的版本：再次执行：ionic cordova plugin add cordova-plugin-geolocation添加成功，问题解决。...
2021-04-20 14:21:50
413
原创 ionic5/angular11里集成ng-zorro-antd-mobile(Ant Design Mobile of Angular)V4.0.0使用跑马灯UI
在ionic5项目里安装ng-zorro-antd-mobile一、安装ng-zorro-antd-mobile。执行npm/cnpm install ng-zorro-antd-mobile --save二、在 app.modules.ts 中，全局引入ng-zorro-antd-mobile。import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-brow.
2021-04-17 17:42:52
1264
原创 HTML里子DIV设置margin-top后影响父DIV位置的解决办法
在HTML里，子DIV元素设置了margin-top后，在与父元素之间没有任何其他元素的情况下，会影响到父DIV的位置。一、编写代码。<!DOCTYPE html><html lang="en"><head> </head><body><div style="width:100%; height:400px;background-color:blue"><div style="width:80%;he
2021-04-17 14:57:33
1435
原创 IONIC5项目下载、安装Android环境并打包成APK安装包
一、下载Android SDK Manager。SDK Manager下载地址解压：二、配置环境变量。我们的SDK解压到D盘D:\Android SDK Tools，直接在path后面追加;;D:\Android SDK Tools\android-sdk-windows\tools;D:\Android SDK Tools\android-sdk-windows\platform-tools;三、下载Android相关SDK根据图解来看需求下载四、下载安
2021-04-16 16:25:53
1018
原创 ＜img＞清除默认间距
在DIV里放4张图片<img>，可以看到<img>图片上下左右会有默认间隙<div style="width:100%; height:2000px;background-color:blue"><img src="./images/banner1.jpg" style="width:200px;height:200px"> <img src="./images/banner1.jpg" style="width:200px;height:2
2021-04-13 19:37:10
1056
原创 SpringBoot2.X集成Mybatis2.X实现数据库简单操作注解和XML两种方式
一、创建springboot2.X，并导入相关Starter包<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https:
2021-04-05 15:54:10
266
原创 springboot2.X集成hibernate5（非springJPA）配置sessionFactory工厂实现数据库操作
一、引入相关依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/
2021-03-25 15:30:13
1877
原创 RabbitMQ消息中间件（二）SpringBoot集成RabbitMQ五种常用工作模式（简单模式-点对点、工作模式-消息轮询、发布订阅模式-消息群发/共享、路由模式、主题模式）
RabbitMQ常用五种工作模式之一简单模式：一个生产者对应一个消费者 生产者将消息发送到指定队列，监听者监听指定队列并获取消息一、创建一个Springboot项目，集成RabbitMQ，在pom.xml里添加如下代码，带注释的为添加rabbit依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="ht...
2020-02-21 00:00:06
1139
1
shiro前后端分离场景无状态登录身份验证和授权
2021-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人