- 博客(22)
- 收藏
- 关注
RSS订阅原创 版本更新后不缓存html文件
导读很长时间以来，项目一直设置为缓存所有的文件，因此遇到一个代码版本更新浏览器刷新失效的问题。通常，我们打包时（采用webpack方案）输出时会采用contentHash来保证更新代码后相关的js、css文件发生变更。但我们可能忽略了一个问题：js、css文件名发生改变浏览器就一定会加载吗？答案当然是否定的，让我们研究下如何解决。知识提示❝为了更好地理解一下文章，你需要了解以下知识;如已了解可跳过。❞webpack output浏览器缓存机制设置html的meta缓存nginx基础使用con
2022-09-26 16:53:45
3154
3
原创 如何实现一个tooltip指令
导读最近碰到一个问题，一个标题过长导致了换行，页面效果类似于下面这样---- 给出一张模拟图---我就想用css的的ellipsis来让超出最大允许宽度的后显示省略号，但是呢，鼠标浮动还是要显示标题的是吧？加上目前项目又是使用了element-ui,那就用tooltip组件就完事了。然而，标题很短很短（不知道有没有某根牙签短）的时，我并不想让它显示tooltip,这就需要在mouseenter时做出判断了。然鹅，本来想套tooltip发现实在有点达不到预想的效果，又研究了tooltip的底层实现机制，
2022-09-19 09:19:28
1415
原创 Vue对数组对象特定字段的监听
问题描述最近公司项目需要主表下添加若干个子表，而子表的某些字段之间有联动，且子表由和主表有联动。联动很简单，不就是监听嘛，但是请注意我们的数据结构是这样的。{ "id":"", "name":"", "location":"", "account":"", "sub_table":[ { "name":"", "location":"", "account":""
2021-07-17 11:27:19
3767
3
原创 前端环境准备
记录一下前端一些编辑器和npm工具的安装配置过程编辑器Vscode 和WebStorm，有时看心情决定使用哪一款编辑器。。。。当然还有国内的HuilderX,目前主要用于小程序开发，以后再补上使用感受。npm环境要想使用前端各种各样的脚手架，首先需要的是Node.js和npm命令工具。我常用的Vue/cli,electron和gitbook对于各类的node.js版本需求都是有差别的,为此，安装nvm Node.js版本控制工具是前端开发中一定需要的。nvm下载地址,无需配置版本nvm.
2021-07-03 17:24:45
156
原创 div同步滚动的方式
先来放图看效果在一切开始前我们先来测试原生的js实现的方法1.新建一个test.html文件要求在html中创建两个div，同等固定高度的，并随意填充任意的text,p div等大量超出div的高度。2.需求分析我们的目的是尽量左边滚动右边同步滚动，而右边滚动左边却不滚动。代码如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2021-02-16 13:34:45
1301
原创 electron-vue开发markdown编辑器快速开发(上）
electron的安装github源码下载正确操作# 确认安装了git,为安装请参考git clone https://github.com/electron/electron-quick-startcd electron-quick-start# 很多人说国内为了加速使用cnpm，经过无数次血泪尝试建议最好npm，不行就yarn install# 不行就试试科学上网，都玩这一路的，要试试多探寻好的解决方案。npm install npm start可以看到好了，之后你就可以使用编
2021-02-06 22:41:26
1718
2
原创 在服务器部署vue
在 服务器中利用Nginx部署vue前端项目1. 修改项目配置// 在 build 文件夹中的 index.js文件assetsPublicPath: '/' ==> assetsPublicPath: './'//两处都要修改 使用vscode的 ctrl+F查找,如果出现问题请只修改第一个。 productionSourceMap: true, ==> productionSourceMap: false,//开发调试的时候还要改回来//端口不用修改吧，我这里发现跟端口没
2020-11-09 19:12:04
401
原创 springBoot多模块
如何构建springBoot多模块项目前言首先，这里是骂人的，对，就是骂人。网站里的“大神”,麻烦能自己测试一遍吗？能自己写东西吗？能瞅瞅官网的说明吗？本来想看看您们的经验贴，发现都是屁话一堆，要说明的东西根本说不清楚，简直在害人。幸好我自力更生，找到了解决的办法，特仔细地写下这篇博客让大家别再浪费时间看一堆没用的帖子耽误进度。此外，评论区是留给需要的人，如果有想反驳我的人，我可以提供邮箱地址，欢迎你来反驳。1.项目结构我最近做了一个购物平台，主要想把业务拆分为以下几块：页面服务、商品服务、订单服务
2020-10-09 18:57:18
3445
7
原创 mybatis plus 与element-ui f分页模块实现前端页面的分页设计
使用mybatis-plus 和element实现网页的分页功能不要只是复制粘贴！！！重在理解，特别是接口实现和js中的axios调用,好好想想，争取有所收获1.新建一个spring boot 项目，定义实体，建立好entity、dao、service(serviceImpl)和controller如何初始化一个springboot并进行单元测试2.配置文件pom.xml需要导入的jar包我的项目使用spring boot 2.3,请你自己测试前先去查看自己的spring boot版本。<
2020-10-01 17:44:13
771
原创 spring开发之使用阿里云ECS
前面的废话暑期实习课题是做一个电商系统，随着前后端开发的深入，桌面上开启的程序越来越多。首先，IDEA大能要用，开源的文档要看吧，就算我是大佬也不可能记住所有的各类实例方法和前端里的各种标签参数吧？何况只是学渣。chrome浏览器和前端的vscode少不了。加上自己的电脑配置有点低，把rabbitmq部署到虚拟机，又要吃内存。。加上又要时刻开启Navicat查阅数据库的数据，12G内存也不够了！加上各类网盘、下载器和不知道的各类软件老是关不掉（学渣做不到啊，大佬勿喷。。。）因此，为了能省一点内存是一点
2020-08-20 12:50:01
280
原创 spring实战之使用RabbitMQ--发送邮件
上一篇博客的地址基于上次RabbitMQ的入门使用，我们接着来发送邮件。代码基于上一篇的代码，这里不再说明。1.修改代码下面是修改后的MQRecieverimport org.springframework.amqp.rabbit.annotation.RabbitHandler;import org.springframework.amqp.rabbit.annotation.RabbitListener;import org.springframework.beans.factory.
2020-08-14 21:15:26
885
原创 spring实战之使用RabbitMQ--简单使用
暑期电商实习项目，使用rabbitmq消息队列amqp基础知识等待补充。。。1.环境准备1.1 下载OTP(速度较慢，建议科学上网）下载链接选择合适的安装路径配置环境变量在系统变量里面的PATH中添加如下的路径1.2 下载rabbitmq下载链接选择合适的路径，并配置环境变量1.3 打开RabbitMQ服务在开始菜单中找到命令，单击就可以了。还是有命令行的方式，但是太麻烦了，经常失灵，可以百度了解一下。接着，在浏览器的地址框中输入：localhost:15672用户
2020-08-13 14:39:05
472
原创 npm 使用install 失败那些事儿
1.安装淘宝镜像和cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org在这里，你需要提前安装号好python2.X。我由于使用的是anaconda,故在anaconda中创建一个python2.7的环境。在项目里使用npm install 报错，解决环境问题。2.使用方法我一般是在vscode打开终端2.1 打开python2.7环境C:\Users\HLxwghwr\Desktop\renren-fast-
2020-08-12 23:38:05
456
原创 SpringBoot--@Email 报错
1、问题导入最近学了SpringBoot，在使用配置文件进行数据校验时使用了@Email出现标红报错2.解决方案在这里，你需要导入字段校验：hiberrate validator<dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId> <version>5.2.4.Final<
2020-07-24 15:39:30
4719
1
原创 树莓派 /var/cache/apt/archives空间不足的问题
上一次更新了树莓派如何换源，你会在这之后$ sudo apt update为了更新一些软件包你甚至会：$ sudo apt upgrade然后就是需要 additiona disk sapce，/var/cache/apt/archives空间不足的问题。在网上找了许多方法，大多数都不是很靠谱，把我试过靠谱的说一下。首先，你可以使用$ df -h查看空间使用情况我这里的root还有许多的空间是我已经解决后的情况（用了64G的内存卡。。。。）原来可是97%的占用率呢，当然，空间没
2020-07-14 00:41:08
2483
3
原创 树莓派ubuntu mate更换源
原来项目提供的镜像的源下载速度真的让人爆炸，之前的ubuntu更换了源，我心想树莓派的 mate系统也应该可以，就找到了中科大的源，把其复制粘贴换了上去。具体的操作方法是：step1: 打开/etc/apt/sources.list文件#强烈建议自己手敲，复制粘贴出“奇迹”$ sudo vim /etc/apt/sources.liststep2: 把原来的源进行更换你打开以后啊，按下小键盘的“insert" 慢慢删 (口区）最快速暴力的方法，反正我是这样干的（不要喷我）$ sudo rm
2020-07-14 00:09:12
930
原创 Tomcat9 的下载和安装配置
step1:下载Tomcat9Tomcat9下载地址下载完成后解压，解压的目录结构是：step2：配置环境变量在系统环境变量中（右键点击“此电脑”–》属性–》高级系统设置–》环境变量，新建一个变量名。CATALINA_BASE： Tomcat的安装目录。CATALINA_HOME: Tomcat安装目录Path中加入：%CATALINA_HOME%\lib;%CATALINA_HOME%\binstep3:测试进入Tomcat 目录下的bin目录，双击启动startup.bat
2020-07-12 16:12:47
1459
原创 为你的JAVA 配置环境变量
step1: 配置JAVA_HOME变量在系统变量中创建JAVA_HOME变量，浏览目录，找到jdk的安装目录。step2: 创建ClASSPATH编辑为：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jarstep3: 添加PATH变量把jdk安装目录中的bin目录添加上来。step4: cmd 命令行测试这种情况下就是可以了。Good bye~...
2020-07-11 13:52:31
136
原创 ubuntu16.04中安装ros-kinetic
注意：ros在ubuntu16.04 只能安装kinetic版本的！！！step1: 添加源允许计算机接受来自packages.ros.org的软件包。sudo sh -c 'echo "deb http://mirrors.ustc.edu.cn/ros/ubuntu/ $(lsb_release -sc) main" > /etc/apt/sources.list.d/ros-latest.list'step2: 设置密钥这里是为了验证源代码是否是正确的，并且将其添加到操作系统的可信任
2020-07-10 00:59:21
140
原创 ubuntu搜狗输入法候选词出现乱码
ubuntu搜狗输入法候选词乱码正如标题所说的那样，这个问题真的特别烦，经过实际检验最快最有效的就是$ killall fcitx一步到位！Good bye~
2020-07-08 22:41:59
141
原创 安装ros kinetic 时rosdep init 报错
刚刚安装了ros系统，出现了奇奇怪怪的错误。。。。。。1、rosdep init 报错首先是这样的。$ sudo rosdep init[sudo] zerotower 的密码： ERROR: cannot download default sources list from:https://raw.githubusercontent.com/ros/rosdistro/master/rosdep/sources.list.d/20-default.listWebsite may be dow
2020-07-08 21:16:04
411
原创 二叉树的递归和非递归遍历实现(前序遍历，中序遍历、后序遍历，层序遍历)
添加链接描述代码放在GitHub上了，需要的可以自取，代码有注释，但可能不是这么清楚，有问题和意见直接在这里评论就好了。测试用例所使用的二叉树如图所示（有点丑，不要介意…）...
2020-03-02 13:56:35
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人