自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(90)
  • 资源 (1)
  • 收藏
  • 关注

原创 乾坤微服务子项目图片资源加载失败

子项目单独运行时正常;放在乾坤上,加载图片时失败。

2023-04-26 15:43:10 1501

原创 React + Ant Design Pro项目实现keep-alive页签

react + ant design pro项目实现keep-alive页签

2022-07-07 17:33:56 3006 1

原创 git clone错误:The remote end hung up unexpectedly

仓库文件太大导致git克隆失败

2022-06-14 20:16:37 630

原创 npm install checksum failed问题

checksum failed

2022-06-13 12:30:11 995

原创 前端预览pdf

前端预览pdf

2022-03-10 14:17:58 1122

原创 前端处理blob文件流

前端下载blob文件流

2022-01-07 14:19:08 10244

原创 mac配置iterm2

主要设置覆盖全屏半透明效果1. 新建一个窗口配置2. 切换到window页,设置透明度,窗口位置等,如图3. 设置为默认窗口4. 设置显示/隐藏快捷键,commandn5. 避免使用快捷键显示时,出现两个窗口...

2021-12-25 19:03:50 839

原创 Vue项目别名@不被WebStorm识别问题

1. 问题vue项目中,使用别名@作为路径前缀时,编辑器会显示波浪线,并且Ctrl + 鼠标左键时找不到对应文件,十分难受。2. 解决打开WebStorm的设置依次找到 Languages & Frameworks -> JavaScript -> Webpack,将Disabled改为Automatically选择这个后,webstorm会自动解析webpack配置,所以就支持别名@的写法了。...

2021-12-15 11:51:05 3490

原创 Jenkins安装(win系统)

前置条件jdk1.8一、安装1. 登录官网https://www.jenkins.io/zh/download/,下载winddows稳定版2. 双击应用安装包,开始安装3. 进入安装页面4. 选择安装目录5. 选择 Run service as LocalSystem6. 使用默认8080端口即可,测试当前端口7. 选择本地jdk安装路径,注意jdk版本要求,之后一路next,install即可...

2021-11-02 00:00:57 2787

原创 微信网页开发问题

wx-open-launch-app1. 开发平台要提前关联公众号与app,必须同一主体才可以2. 只能真机调试,开发工具不报错,点击也无反应,看不出问题3. css问题,wx的自定义标签css兼容性较差,我的做法是wx标签透明,盖在真实标签上4. 标签内一定要有内容,即使wx标签变成透明了,也要有内容才能触发功能 <wx-open-launch-app class="wx-app-btn" appid="wx693f04ddc295fab9

2021-08-31 11:02:27 2643

原创 charles mac设置

https抓包1. 安装证书help -> SSL Proxying -> Install Charles Root Certificate2. 信任证书默认安装的是不被信任的,在钥匙串中找到安装的证书,双击打开设置为始终信任3. 设置ssl代理允许代理任何host的443端口4. 完成此时可以针对https抓包了手机抓包(亲测没有成功,不知道什么原因,还是把过程列了出来,希望路过的大佬帮忙解答下)1. 配置端口8888...

2021-08-27 14:03:50 560

原创 css3用法

选择器p:first-child // <p>是父级第1个子级p:last-child // <p>是父级倒数第1个子级p:nth-child(n) // <p>是父级第n个子级p:nth-last-child(n) // <p>是父级倒数第n个子级p:nth-child(odd) // 奇数p:nth-child(even) // 偶数p:first-of-type // <p>是父中第一个ph1:

2020-12-31 11:15:45 112 1

原创 setInterval立即触发一次

setInterval 表示每隔一段时间触发一次,第一次并不是立即触发function fn() { console.log('abc') return fn // 函数中返回自身}setInterval(fn(), 1000) // 定时器中,函数先执行一次

2020-12-16 14:30:45 9160 1

转载 iPhoneX安全区域适配

网上方案有很多,这里只记录个人最喜欢的一种:苹果官方推出适配方案css函数constant()、env()其他方案参考转载链接:https://juejin.im/post/6844904106088202254使用前提网页设置 viewport-fit=cover 才生效(代码如下)。在小程序中,这两个函数可以直接用,所以推测小程序中viewport-fit 值为 cover。<meta name="viewport" content="width=device-width, i.

2020-08-15 16:18:40 1369

原创 微信小程序避坑总结

一、单个页面全局变量不被销毁在Page以外定义的变量,并不会随页面卸载而销毁。当重新进入这个页面时,这个值是被改动过的,而没有重新初始化,代码:let count = 0Page({ onLoad() { console.log(count) // 第一次进入页面0,第二次进入页面1,并没有被重新初始化 count++ }})所以就不能在Page以外定义变量了解决办法:建议写在data中或与data平级二、定义闭包形式的函数时,该函数

2020-07-30 00:47:04 528

原创 微信小程序wxs用法

微信小程序不像vue和react,可以在标签中写一些复杂的表达式,这时需要用到wxs用法:<view wx:if="{{util.isHas(idList, userId)}}"></view><wxs module="util"> function isHas(arr, val) { return arr.indexOf(val) >= 0 } module.exports.isHas = isHas</

2020-07-24 14:48:40 487

原创 微信小程序canvas相关避坑总结

canvas生成图片偶尔不成功问题解决办法:在 wx.canvasToTempFilePath 外边加 setTimeout,例如ctx.draw(false, ()=> { setTimeout(()=> { wx.canvasToTempFilePath({ canvasId: 'cvs', success: (res)=> { this.setData({

2020-07-22 14:37:01 1365

原创 微信小程序canvas制作海报总结

一、由于海报中元素的宽高位置等是动态的,所以把这些值放在data中,并且为rpx单位data: { // data中均为rpx值 wrap: { x: 0, y: 0, w: 600, h: 1000, src: '/images/img1.png' }, photo: { x: 200, y: 0, w: 200, h: 200, src: '/images/img2.png' }, finalPhoto: { x:

2020-07-12 13:48:27 754

原创 node中path.resolve和path.join区别

相同点:对于./ 和 ../ 处理方式相同,按照常规相对路径理解就可以 不同点:resolve会返回一个绝对路径,join会返回一个路径字符串,我把它理解为相对路径吧; 对于 / 的处理方式不同,resolve把 / 当作根路径处理,join把 / 忽略。通过实例说明一下path.join/* 测试常规用法 */path.join('a', 'b', 'c')// 过程 \\a -> \\a\\b -> \\a\\b\\c// 结果 \\a\\b\\c/.

2020-06-11 17:31:47 424

原创 vue项目部署到github page

可以使用github page当作免费服务器,部署前端项目本文只讲部署到github page的过程,建议本地build后,先用http-server或者tomcat自测,没问题再进行之后的过程。部署到本地tomcat详见此链接1. 修改build后的文件夹名称,dist改为docs(至于为什么一定是docs,步骤4解释)// 修改 config/index.js,dist替换成do...

2020-05-05 15:23:25 1495

原创 vue动态路由懒加载报错问题

一般路由配置是这样的,用import实现懒加载export default new Router({ // mode: "history", base: "/meizu-shop/", routes: [ {path: "/home", component: ()=> import('@/views/Home'), name: "home" },...

2020-04-25 23:05:51 1633 2

原创 React父组件调用子组件中的方法

// 父组件class Parent extends Component { handleChild = ()=> { this.$Child.childMethod(); // this上就有了子组件 } render() { return ( <div> ...

2020-03-25 21:21:57 3032

原创 Vue在多个不同服务器下访问不同地址

一、前言通常 vue 在本地启动时,访问的后端地址是同事的机器或者线上一个环境(通常叫开发环境)。假如服务器有多个环境:开发、测试、培训、生产……这样每次发版前,都要手动在 git 仓库修改后端地址,就很麻烦。所以想要实现一个目的:不修改代码,通过执行不同命令,发布不同环境二、实现思路仅针对 npm run build 打包后放到服务器运行的项目,不适用于直接把源码放在服务器执行 ...

2020-03-07 21:19:21 5729

转载 Vue项目打包部署到Tomcat

一、使用 npm run build打包完成之后会出现一个dist文件夹,里面有static文件夹和一个index.html文件,一般我们部署在tomcat上面会将文件放在webapps文件夹下如果不进行任何修改将dist文件夹放进去的话,会出现资源路径错误的问题,因为config文件夹下index文件build默认的 assetsPublicPath:"/",除非部署的时候将dist文件...

2020-02-27 22:45:28 16123

原创 Github和Gitlab使用fork

此博客只讲fork相关操作,适合有git使用经验的同学,不详细阐述clone、pull、add、commit、push及冲突解决场景:公司远程仓库不允许直接提交代码,需要通过fork来操作。流程:(公司使用gitlab,github我是以同学的账号作为远程仓库来试验)1. 进入代码远程仓库,点击一下fork即可(如图)github:gitlab:2. fork后会自动跳...

2019-10-28 11:57:25 3619

转载 vue路由history模式部署到tomcat报404问题

将vue项目打包后,放到tomcat上,刷新页面或者手动输入地址会报404解决办法:1. 项目在webapps的meizu-shop目录下2. 在meizu-shop中新建文件夹WEB-INF,文件夹中新建web.xml3. 配置web.xml,内容如下<?xml version="1.0" encoding="ISO-8859-1"?><web-ap...

2019-09-18 14:34:17 2962

原创 vue批量打包下载图片

主要用到 jszip 和file-savernpm install jszip --savenpm install file-saver --savejs部分import JSZip from 'jszip'import FileSaver from "file-saver"methods: { downImg() { var blogTitle ...

2019-09-17 10:46:23 7102 6

转载 axios上传文件

主要是用FormData对象的使用<template> <div class="cancelRequest"> <div>姓名:<input type="text" v-model="name"></div> <div>头像:<input type="file" ref="...

2019-09-12 14:28:12 300

转载 前端设置cookie

cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来。当网页要发http请求时,浏览器会先检查是否有相应的cookie,有则自动添加在request header中的cookie字段中。查看当前网页的cookie:在控制台输入document.cookie前端设置cookie:function ...

2019-09-04 16:22:30 8288

转载 【MySQL】字符串截取之substring_index

substring_index(str,delim,count) str:要处理的字符串 delim:分隔符 count:计数例子:str=www.baidu.com substring_index(str,'.',1) 结果是:www substring_index(str,'.',2) 结果是...

2019-07-08 12:21:44 394

转载 WebStorm设置Tab键的缩进无效问题

完美解决新版WebStorm让人别扭的Tab键的缩进问题以前WebStorm设置好code style中的Tab size 和indent后就会默认是这个设置的值,但是新版的WebStorm出现了一个怪现象,无论如何设置Tab size 和indent, tab的缩进永远都是2个字符,让习惯了4个字符缩进的开发者十分别扭,很不适应,即使取消掉indents detection检测,也无...

2019-07-03 22:07:17 2383 3

转载 vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题

Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。  vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使用PostCSS来改变以下内容实现的:<style scoped>.example { color: red;}</style><templat...

2019-06-26 15:21:40 613

转载 javascript window获取iframe、iframe获取window、document

前言日常开发中,经常用到在window中获取某个iframe,或者在iframe中获取当前window。这里做个总结,记在心里后,就不用每次都百度了。iframe和iframe的关系首先需要说明的是,w3c已经不推荐使用frame,而推荐使用iframe,iframe也就是inline frame(行内frame),顾名思义它具有css的行内框特性,正是因为这一特性才引出来iframe...

2019-05-25 13:31:21 6968

转载 javascript中new Date()的浏览器兼容性问题

转自:https://blog.csdn.net/blueheart20/article/details/44902747引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1.  问题的提出, 开始时间和结束时间空间无法正确的传递值    ...

2018-09-05 16:47:17 202

原创 Idea+Maven构建SpringMVC+MyBatis项目

1.    创建项目1.1 首次使用Create New Project1.2 选择Maven,勾选复选框,选择maven-archetype-webapp,下一步1.3 输入GroupId和项目名称,下一步1.4 配置Maven。因为安装Idea时已经配置好了,这里不用动,直接下一步1.5 确认项目名和项目路径,完成2.    完善项目结构2.1 src/main目录下创建java目录,并设置为...

2018-06-19 23:53:27 332

转载 解决img父元素高度多出3px

1 现象  当div / a……中包含img时,父元素的高度比img图片的高度多出3px&lt;div&gt; &lt;img src=" "&gt;&lt;div&gt;123  结果运行之后发现,不管是在移动端还是pc端,都会出现这种问题。刚开始以为是父元素初始化了margin和padding的原因,排查css无果,又怀疑是html空格的原因,把html改成&lt;div&gt;&l...

2018-06-17 15:20:50 2449 1

原创 Idea配置流程

1. 修改默认主题和界面字体(Settings)Appearance &amp; Behavior -&gt; Appearance2. 默认字符编码(Project Defaults -&gt; Settings)Editor -&gt; File Encodings3. 代码字体(Settings)4. jdk(Project Defaults -&gt; Project Structure)...

2018-06-08 21:30:28 519

原创 Eclipse官方下载及配置流程

1.官网下载eclipse1.1 输入https://www.eclipse.org/downloads,进入官方下载地址,选择Download Packages可以下载历史版本1.2 页面右侧找到More Downloads,选择自己需要的版本,本人由于jdk是1.7,选择Mars(4.5)1.3 进入后点击Download1.4 有很多版本,根据不同开发语言和PC系统去选择,本人选择Java ...

2018-06-07 22:40:10 10582

转载 DataTable文档

转自:http://blog.codepiano.com/pages/jquery-datatables-config-cn.html//@translator codepiano//@blog codepiano //@email codepiano.li@gmail.com//尝试着翻译了一下,难免有错误的地方,欢迎发邮件告知,多谢。/*------------------------...

2018-05-31 15:48:51 871

转载 SecureFX上传文件乱码问题

找到FXP的.ini配置文件修改需要的服务器的.ini文件,搜索"Filenames Always Use UTF8"=00000000改为"Filenames Always UseUTF8"=00000001即可关闭FXP重启之后,上传的中文名称的文件在Linux下就能正常的识别了。...

2018-04-17 10:26:56 2315 2

Xshell6-中文(不限时)‰ˆ

Xshell6破解版,解压后可以看到安装包,具体安装步骤可以到网上找

2018-08-10

空空如也

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

TA关注的人

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