自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 收藏
  • 关注

原创 Git实现提交代码自动更新package.json版本号

此文章主要讲诉如何通过git提交代码来自动更新我们的版本号,也可以指定固定分支才能更新只要涉及到package version的项目都可以,例如:Vue、React、Node等等前提是当前项目已经关联了Git仓库。

2024-03-29 22:03:49 592

原创 Mac电脑Flutter环境搭建及运行

一、下载Flutter包1.下载后解压flutter包:Mac Flutter SDK,然后将解压后的flutter文件夹放到某个不常动的目录下然,记住路径1、执行命令: vim ~/.bash_profile2、键盘输入i3、复制代码粘贴4、按esc 然后输入 :wq 退出5、执行命令: source ~/.bash_profile6、执行命令flutte

2023-12-01 10:05:07 956

原创 Vue向pdf文件中添加二维码

🚀 场景一:利用vue向pdf文件中写入二维码图片或其他图片🚀 场景二:向pdf中添加水印思路:1、先通过url链接生成二维码,二维码存在于dom中2、使用html2canvas库将二维码的dom转为一个canvas对象3、根据canvas对象获取blob中的buffer4、最后将这个二维码以图片的形式嵌入到pdf文件流中。

2023-11-14 16:17:33 1121

原创 uinapp微信小程序隐私政策授权

uniapp隐私政策协议弹窗授权

2023-11-03 10:59:27 1125

原创 高德地图导览手绘图制作

🚀 本文主要讲解如何使用高德地图进行手绘图制作,一般用于景区导览地图制作,使用户更加生动、形象的去了解整个景区。

2023-08-09 17:58:46 2099

原创 h5高德地图定位与Audio标签冲突

在ios设备使用(高德地图、百度地图)定位,如果在页面中有audio标签则会出现定位失败要么就是音频无法播放,此问题已和官方证实 是冲突问题,暂无解决方案。因为高德地图也是基于原生定位开发的,原生定位navigator.geolocation与audio也会出现冲突问题,相关资料比较少。

2023-08-09 17:00:57 206

原创 Vue3自定义封装音频播放器

🚀 本片主要讲解如何使用Vue3去封装一个音频播放器,以及解决在ios微信浏览器中 无法获取音频时长问题。

2023-07-31 13:56:14 1370

原创 H5唤起高德、百度、腾讯地图导航

🚀 本篇主要讲解在H5中如何唤起高德、百度、腾讯地图导航。

2023-07-31 12:01:16 10042 4

原创 Docker安装Mysql教程(linux)

本文主要讲解如何使用Docker去安装mysql。linux安装Mysql

2023-06-03 11:24:45 986

原创 Mysql安装教程(windows)

本文主要讲解如何去安装使用Mysql。

2023-06-02 11:18:54 13826

原创 Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署(无本地证书,映射证书)

🚀 需提前安装环境及知识点:1、Docker搭建及基础操作2、DockerFile文件描述3、Jenkins搭建及基础点将我们的前端项目打包成一个镜像容器并自动发布部署,可供随时pull访问。

2023-05-24 22:11:48 2164 5

原创 Linux系统安装NodeJs

linux安装nodejs本章节将讲述如何使用linux系统去安装NodeJs,不使用Docker实现。

2023-05-22 14:41:26 4921 1

原创 Jenkins版本升级

jenkins版本升级 重新run和之前一样,只是需要加上–user 标志将指定用户的 UID 和 GID,并且它会根据当前主机的用户 ID 进行设置。此命令将启动一个交互式 shell 容器,该容器将以与宿主系统相同的用户身份运行。在容器中执行 mv 命令时,将使用当前用户的权限在容器中创建目录。

2023-05-21 17:11:57 2393

原创 Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署

1、Jenkins+GitLab+Docker搭建前端自动化构建镜像容器并自动部署2、自定义Docker镜像容器

2023-05-20 12:31:33 2571 7

原创 Linux安装Docker

linux安装docker

2023-05-08 18:07:47 146

原创 Docker安装nginx

docker安装nginx教程

2023-05-08 14:26:18 1241

原创 前端项目规范搭建,vue使用husky强制码提交规范及eslint校验

vue使用husky强制码提交规范及eslint优化

2023-03-17 14:37:38 1873

原创 Docker搭建jenkins(Vue自动化部署)

需要提前准备的条件Docker环境Docker官网:https://hub.docker.com/u/library有2台服务器的情况下,将当前jenkins配置的服务器打包文件发送到另外一台服务器1、需要先设置远程服务器的host,账号,密码,点击系统管理->点击系统配置,找到Publish over SSH选项2、需要配置Name,Hostname,Username,Remote Directory,账号认证可以使用密码,key文件,key内容参数说明字段描述Passphrase。

2023-03-06 15:06:13 2155

原创 vsCode不显示git的远程分支

git上面已有的分支,vsCode不显示解决方式如下:git remote update origin --prune

2022-03-18 14:31:30 3251 1

原创 IOS证书申请、上传包管理教程(appuploader)

本次教程的证书申请是通过第三方软件直接生成,非常方便一、下载 appuploader二、登录IOS开发者账号1、可以通过此软件进行证书申请、描述文件、p12申请2、可添加测试设备3、也可以进行App的包上传,例如uniapp ios上架,就可以先打包成.ipa包,然后在此软件上面进行传包,传成功后就可以在苹果开发者网站里面进行包的管理。...

2021-07-20 10:24:40 1396

原创 Vue开发VR项目

一、下载插件npm install photo-sphere-viewer

2021-06-11 14:48:59 1156 1

原创 uniapp打包的ios文件上传至appStore

1、打包成功后,下载保留ipa,打开xcode,点击左上角的Xcode 然后在点击tools,再点击Application Loader2、输入你的开发者账号,点击登录3、选去你已经准备好的ipa包,传进去.好了之后 ,所有点击下一步就行了,传好之后 我们就可以到后台(iTunes connect)内里看到自己上传的包了!4、上传完之后,就可以去填写app相关的信息了,填完之后就可以发布审核了...

2021-04-07 21:49:17 1011

原创 Ios证书申请

1、申请IOS开发者账号2、点击配置文件3、创建AppId点击Identifiers-------添加Identifiers选择Add Ids选择AppDescription描述可以填写app名称(英文),BundleId一般由com.项目名.项目名App组成完成创建4、创建证书点击Certificates-----添加Certificates选择证书类型,一般选iOS Distribution (App Store and Ad Hoc)就行了选择CSR文件上传完成创建

2021-04-06 18:21:06 211

原创 Uniapp打包上架

一、安卓打包流程(windows下)1、安装JRE环境(推荐使用JRE8环境,如已有可跳过)下载地址2、打开命令行(cmd),输入以下命令:d: //目的是切换到D盘目录下set PATH=%PATH%;"C:\Program Files\Java\jre1.8.0_201\bin" //注意下载的版本是否相同,填写自己的版本3、生成签名证书,使用如下命令:keytool -genkey -alias testalias -keyalg RSA -keysize 2048

2021-04-01 20:57:51 928

原创 ReactNative ios14看不见图片

Xcode升级12后,ReactNative ios14看不见图片(静态图片和网络图片)解决方法1、第一种:修改node_modules中react-native/Libraries/Image/RCTUIImageViewAnimates.m文件if(_currentFrame){ //275行 layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_cu

2020-09-25 09:35:29 1782 1

原创 Mac使用nvm安装低于node16 版本卡死缓慢

在使用M1和M2的时候,采用nvm安装Node16的版本就会出现一直下载卡死,内存增大。

2023-11-28 09:24:48 765

原创 keep-alive缓存,三级路由不生效

此文章讲诉在vue中使用keep-alive缓存,三级路由缓存失败处理方案。一二级路由缓存无任何问题,三级以上就会失败,因此我们在路由守卫中对matched做出如下优化。

2023-11-09 14:11:53 1296 2

原创 H5横屏适配方案

横屏模式一般使用场景比较少,特殊情况除外,一般用于游戏、操作性比较大的网页会采用横屏。

2023-11-09 14:07:45 427

原创 vue-antd-admin路由切换报错

在使用vue-antd-admin混合导航时控制台报错1、报错如下2、解决方案1、找到报错方法 getSelectedKeys,此方法在components->menu->menu.js中2、修改方法,是因为在chose判断的时候,部分数据chose为undefined导致判断不严谨,报错3、修改如下:二、额外部分:在使用vue-antd-admin的时候最好关闭CDN资源加载,不然会导致部分浏览器无法访问系统。...

2022-03-04 16:47:56 609

原创 Vue富文本插件(quill-editor)

vue中使用quill-ditor富文本插件(vue-quill-ditor)

2021-12-21 11:20:53 11361 4

原创 Css3飞机动画特效

一、预览效果二、全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; line-height: 1; } html,body{ width: 100%; height: 100%; }

2021-12-11 22:57:11 688

原创 Css3眨眼睛动画

一、预览效果????二、全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width: 100%; height: 100%; ba

2021-12-09 23:07:56 988

原创 Css3翻书动画特效

一、预览特效二、全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width:100%; height:100%; backgrou

2021-12-09 22:58:38 620

原创 Css3交错加载动画

一、预览效果二、全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width:100%; height:100%; } .box

2021-12-09 22:38:47 200

原创 Css3弹力球动画

一、效果预览二、代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; list-style: none; } body, html { width: 100%; height: 1

2021-12-09 17:35:15 346

原创 Css3聚光灯动画特效

一、预览效果????二、代码讲解1、clip-path:ellipse(100px 100px at 0% center);//裁剪可显示区域 裁剪一个100*100的区域 从0%的位置开始 垂直居中2、background-clip: text//背景绘制区域给文字本身三、全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit

2021-12-09 15:39:20 504

原创 微信小程序分包

微信小程序分包处理微信小程序上传包的大小最大为2M,,超过之后就无法上传,那么我们如何解决较大的项目呢,那么就要采用分包配置了一、配置app.json文件"pages":[ "pages/index/index", "pages/logs/logs" ], "subpackages": [ //分包加载配置项 { "root": "packageA", //包的相对位置 "pages":

2021-09-29 15:51:15 659

原创 Vue图片放大缩小及拖动

直接上代码<template> <div class="boxsd left" @mousewheel.prevent="rollImg"> <div ref="imgDiv" class="img"> <img src="../../../assets/map.png" @mousedown="move"/> <div>标记</div> </div>

2021-09-10 15:09:42 1823

原创 echarts地图自定义区域(并添加标记)

一、安装echarts????npm i echarts --save二、引入注册????// main.jsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts三、绘制自定义区域并下载geojson????1、打开网站 http://geojson.io/2、项目中新建map.json,将geojson的内容复制到map.json里面四、使用????1、将map.json引入到当前页面import

2021-09-10 13:02:42 8011

原创 echarts省级地图展示(包含3D地图)

1、npm i echarts --save// main.jsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts2、下载省级地图json(下载地址)3、当前页面引入JSONimport chongqing from "./assets/chongqing.json"4、使用<template> <div id="mychart" style="width: 900px;height:

2021-09-07 15:37:31 1087

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除