- 博客(90)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React + Ant Design Pro项目实现keep-alive页签
react + ant design pro项目实现keep-alive页签
2022-07-07 17:33:56
2690
1
原创 mac配置iterm2
主要设置覆盖全屏半透明效果1. 新建一个窗口配置2. 切换到window页，设置透明度，窗口位置等，如图3. 设置为默认窗口4. 设置显示/隐藏快捷键，commandn5. 避免使用快捷键显示时，出现两个窗口...
2021-12-25 19:03:50
574
原创 Vue项目别名@不被WebStorm识别问题
1. 问题vue项目中，使用别名@作为路径前缀时，编辑器会显示波浪线，并且Ctrl + 鼠标左键时找不到对应文件，十分难受。2. 解决打开WebStorm的设置依次找到 Languages & Frameworks -> JavaScript -> Webpack，将Disabled改为Automatically选择这个后，webstorm会自动解析webpack配置，所以就支持别名@的写法了。...
2021-12-15 11:51:05
3317
原创 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
2644
原创 微信网页开发问题
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
2608
原创 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
500
原创 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
94
1
原创 setInterval立即触发一次
setInterval 表示每隔一段时间触发一次，第一次并不是立即触发function fn() { console.log('abc') return fn // 函数中返回自身}setInterval(fn(), 1000) // 定时器中，函数先执行一次
2020-12-16 14:30:45
8790
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
1308
原创 微信小程序避坑总结
一、单个页面全局变量不被销毁在Page以外定义的变量，并不会随页面卸载而销毁。当重新进入这个页面时，这个值是被改动过的，而没有重新初始化，代码：let count = 0Page({ onLoad() { console.log(count) // 第一次进入页面0，第二次进入页面1，并没有被重新初始化 count++ }})所以就不能在Page以外定义变量了解决办法：建议写在data中或与data平级二、定义闭包形式的函数时，该函数
2020-07-30 00:47:04
409
原创 微信小程序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
460
原创 微信小程序canvas相关避坑总结
canvas生成图片偶尔不成功问题解决办法：在 wx.canvasToTempFilePath 外边加 setTimeout，例如ctx.draw(false, ()=> { setTimeout(()=> { wx.canvasToTempFilePath({ canvasId: 'cvs', success: (res)=> { this.setData({
2020-07-22 14:37:01
1225
原创 微信小程序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
700
原创 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
382
原创 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
1461
原创 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
1553
2
原创 React父组件调用子组件中的方法
// 父组件class Parent extends Component { handleChild = ()=> { this.$Child.childMethod(); // this上就有了子组件 } render() { return ( <div> ...
2020-03-25 21:21:57
2996
原创 Vue在多个不同服务器下访问不同地址
一、前言通常 vue 在本地启动时，访问的后端地址是同事的机器或者线上一个环境(通常叫开发环境)。假如服务器有多个环境：开发、测试、培训、生产……这样每次发版前，都要手动在 git 仓库修改后端地址，就很麻烦。所以想要实现一个目的：不修改代码，通过执行不同命令，发布不同环境二、实现思路仅针对 npm run build 打包后放到服务器运行的项目，不适用于直接把源码放在服务器执行 ...
2020-03-07 21:19:21
5590
转载 Vue项目打包部署到Tomcat
一、使用 npm run build打包完成之后会出现一个dist文件夹，里面有static文件夹和一个index.html文件，一般我们部署在tomcat上面会将文件放在webapps文件夹下如果不进行任何修改将dist文件夹放进去的话，会出现资源路径错误的问题，因为config文件夹下index文件build默认的 assetsPublicPath:"/"，除非部署的时候将dist文件...
2020-02-27 22:45:28
16011
原创 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
3260
转载 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
2885
原创 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
6929
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
281
转载 前端设置cookie
cookie既可以后端设置也可以在前端设置，例如登陆/注册功能，每次都要向服务器请求用户数据，这种就可以把cookie放到前端储存起来。当网页要发http请求时，浏览器会先检查是否有相应的cookie，有则自动添加在request header中的cookie字段中。查看当前网页的cookie：在控制台输入document.cookie前端设置cookie：function ...
2019-09-04 16:22:30
8084
转载 【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
369
转载 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
2255
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
584
转载 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
6706
转载 javascript中new Date()的浏览器兼容性问题
转自：https://blog.csdn.net/blueheart20/article/details/44902747引言： 同一种语言javascript，在不同的浏览器中，存在语言兼容性问题，本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出， 开始时间和结束时间空间无法正确的传递值 ...
2018-09-05 16:47:17
185
原创 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
306
转载 解决img父元素高度多出3px
1 现象 当div / a……中包含img时，父元素的高度比img图片的高度多出3px<div> <img src=" "><div>123 结果运行之后发现，不管是在移动端还是pc端，都会出现这种问题。刚开始以为是父元素初始化了margin和padding的原因，排查css无果，又怀疑是html空格的原因，把html改成<div>&l...
2018-06-17 15:20:50
2353
1
原创 Idea配置流程
1. 修改默认主题和界面字体（Settings）Appearance & Behavior -> Appearance2. 默认字符编码（Project Defaults -> Settings）Editor -> File Encodings3. 代码字体（Settings）4. jdk（Project Defaults -> Project Structure）...
2018-06-08 21:30:28
496
原创 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
10402
转载 DataTable文档
转自：http://blog.codepiano.com/pages/jquery-datatables-config-cn.html//@translator codepiano//@blog codepiano //@email [email protected]//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。/*------------------------...
2018-05-31 15:48:51
832
转载 SecureFX上传文件乱码问题
找到FXP的.ini配置文件修改需要的服务器的.ini文件，搜索"Filenames Always Use UTF8"=00000000改为"Filenames Always UseUTF8"=00000001即可关闭FXP重启之后，上传的中文名称的文件在Linux下就能正常的识别了。...
2018-04-17 10:26:56
2265
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人