- 博客(33)
- 收藏
- 关注
RSS订阅原创 在vue3中引入tailwind
PostCSS 配置文件 postcss.config.js，新增 tailwindcss 插件。Tailwind CSS 是一个由js编写的CSS 框架 他是基于postCss 去解析的。TaiWindCss插件需要一份配置文件，比如:tailwind.config.js。4、修改配置文件 tailwind.config.js。配置 - Tailwind CSS 中文文档。2、安装TailWind以及其他依赖项。在main.ts 引入。
2023-12-19 17:22:21
1288
原创 利用ldea将springboot项目自动部署到服务器
一般来说文件部署到服务器后需要重启一下项目，因此我这里写了一个shell脚本，一个停止脚本，另一个是启动脚本。首先在idea中搜素插件Alibaba Cloud Toolkit，并安装。部署前需要执行的命令就是需要构建jar包的命令。配置好后选择好运行的配置后执行即可完成自动部署。一般是先clear后然后打包package。
2023-08-28 17:40:07
117
原创 springboot整合redis（宝塔版）
进入到redis 配置文件中，将bind 127.0.0.1 注释掉。将protected-mode 改为 no。查询可知，数据已经写入了redis中。
2023-08-21 10:10:50
149
原创 Vue项目通过宝塔部署之后，页面刷新后浏览器404页面。
当通过宝塔部署vue项目后直接进入到非根目录下，比如：/home 下会显示404 的问题。进入到宝塔面板中，选择vue前端的项目，进入到配置文件中 添加这样一行设置。
2023-08-09 10:36:09
134
原创 Vue3 + vite项目配置@指向src路径
path 模块是 node.js 的内置模块，而 node.js 默认不支持 ts 文件的。解决：安装 @type/node 依赖包。
2023-08-04 11:31:29
703
原创 echart报错Cannot read properties of undefined (reading ‘type‘)
vue3中使用proxy的方式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize 的时候获取不到。你可以有选择地退出默认的深度响应式/只读转换模式，并将原始的，未被代理的对象嵌入状态图中。
2023-06-12 16:40:45
684
原创 2023年前端面试经验
回流：当 DOM 的变化影响了元素的几何信息，浏览器需要重新计算元素的几何属性，将其安放在界面中的正确位置，这个过程叫做回流（也可以叫做重排）。表现为重新生成布局，重新排列元素。重绘：当一个元素的外观发生改变，重新把元素外观绘制出来的过程，叫做重绘。表现为某些元素的外观被改变。2.常见引起回流和重绘的属性和方法：任何会改变元素几何信息（元素的位置和尺寸大小）的操作都会触发回流。添加或删除可见的 DOM 元素元素尺寸改变–边距、填充、宽度、高度浏览器尺寸改变-- resize 事件发生时。
2023-05-25 14:32:18
481
原创 vue 删除对象某个属性 渲染不更新问题
问题如下代码删除对象中的某个属性，vue中for渲染不更新 let newSearchCondition = this.searchCondition delete newSearchCondition[index] this.searchCondition = newSearchCondition解决方法只需在最后加上this.$forceUpdate()使它强制更新即可，亲测有效let newSearchCondition = this.searchConditiondelete ne
2022-05-27 23:38:28
595
原创 前端面试题学习笔记-- 持续更新
HTML51、HTML5的新特性语义化标签，比如header、footer、nav、aside、article、section音视频，比如audio、video画布canvas、矢量图svg画布，canvas 的api 有 getContext 、fillStyle、fillRect 等web worder2、语义化的好处1.代码分块清晰2.页面结构清晰，便于浏览器。搜索引擎解析3.便于搜索引擎爬取，利于SEO3、canvas 的常用api 有哪些getContext：返回
2022-04-26 19:43:00
1641
原创 jQuery学习笔记
jQueryJquery-Dom对象与Jquery包装集对象用 dom 获取一个空对象 会返回一个 null ，若用jquery 获取一个空对象则还是会返回一个jquery对象，只不过里面为空// id 选择器$('#id')// class 选择器$('.class')// dom 对象转换成 jquery 对象var divdom = document.getElementByTagName("div");var divDomtoJquery = $(divdom)// jque
2022-04-23 12:41:00
1143
转载 将img设置成div的背景
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; cha
2022-04-19 11:43:32
897
原创 Vue小知识： $ is not defined错误解决
前言记录一下写项目遇到的问题解决方法进入vue.config.js文件中const webpack = require("webpack")在 module.exports 中的configureWebpack中添加plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" })],进入main.js 文件中import $
2022-04-15 19:47:53
1615
原创 elementui的el-table的v-for遍历二维数组显示
html<el-table-column v-for="(val,index) in tabelHead" :key="index" :label="val"> <template slot-scope="scope"> <span>{{scope.row[index]}}</span> </template></el-table-column>jsconst tabelHead = { applicati
2022-04-14 11:03:49
2215
原创 蓝桥杯-跑步锻炼-python 正常解法以及利用datetime模块的解法
题目描述本题为填空题，只需要算出结果后，在代码中使用输出语句将所填结果输出即可。小蓝每天都锻炼身体。正常情况下，小蓝每天跑 11 千米。如果某天是周一或者月初（11 日），为了激励自己，小蓝要跑 22 千米。如果同时是周一或月初，小蓝也是跑 22 千米。小蓝跑步已经坚持了很长时间，从 20002000 年 11 月 11 日周六（含）到 20202020 年 1010 月 11 日周四（含）。请问这段时间小蓝总共跑步多少千米？正常解法# 闰年的判断条件def check(y): if
2022-04-05 18:55:49
328
原创 外卖店优先级 蓝桥杯 python
题目描述"饱了么"外卖系统中维护着 N*N* 家外卖店，编号 1 ∼ N*N*。每家外卖店都有 一个优先级，初始时 (0 时刻) 优先级都为 0。每经过 1 个时间单位，如果外卖店没有订单，则优先级会减少 1，最低减 到 0；而如果外卖店有订单，则优先级不减反加，每有一单优先级加 2。如果某家外卖店某时刻优先级大于 5，则会被系统加入优先缓存中；如果 优先级小于等于 3，则会被清除出优先缓存。给定 T*T* 时刻以内的 M*M* 条订单信息，请你计算 T*T* 时刻时有多少外卖店在优 先缓存中
2022-04-05 13:27:50
688
原创 蓝桥杯真题 回文日期 python写法
回文日期解析：难点在于判断日期的合法性，也就是判断指定日期的下一天是多少年多少号这时可以利用 python 的 datetime 这个库datetime.date(y,m,d) 可以将年月日转成 日期的格式 （方便后面增加天数）datetime.timedelta(days=1)+dd 可以在 dd 的日期上加上 1天 返回改天的年月日# 例子import datetimedate = '20200202'y = int(date[0:4]) # 将输入的日期转化为年月日的形式m
2022-04-03 01:25:28
1120
原创 力扣36.有效的数独
有效的数独思路**方法：**哈希查表，一次遍历有效的数独满足以下三个条件：同一个数字在每一行只能出现一次；创建 9 个 空列表用 row 来接收，根据遍历到的横坐标来判断存在哪个空列表里；（若该列表不存在就存起来，存在直接返回 False）同一个数字在每一列只能出现一次；创建 9 个 空列表用 col 来接收，根据遍历到的纵坐标来判断存在哪个空列表里；（若该列表不存在就存起来，存在直接返回 False）同一个数字在每一个小九宫格只能出现一次。创建一个 3x3 的盒子列表：
2022-03-31 23:27:27
395
转载 正则表达式精讲
1. 基本匹配2. 元字符2.1 点运算符 .2.2 字符集2.2.1 否定字符集2.3 重复次数2.3.1 * 号2.3.2 + 号2.3.3 ? 号2.4 {} 号2.5 (…) 特征标群2.6 | 或运算符2.7 转码特殊字符2.8 锚点2.8.1 ^ 号2.8.2 $ 号3. 简写字符集4. 零宽度断言(前后预查)4.1 ?=… 正先行断言4.2 ?!.. 负先行断言4.3 ?<= … 正后发断言4.4 ?<!.. 负后发断.
2022-03-31 10:45:33
172
原创 js高级学习笔记
🍊ES6中的类和对象🍊创建类语法// 1.创建类class Star{ constructor(uname,age){ this.uname = uname; this.age = age; }}// 2.利用类创建对象 newvar ldh = new Star('刘德华',18)var zxy = new Star('张学友',20)console.log(ldh.uname) // 打印一个对象：刘德华,18console.log(
2022-03-29 12:03:36
1066
原创 css3 学习笔记
css3样式背景backgroundbackground-imgbackground-repeatbackground-sizebackground-img:url() url(); // 背景图,可以同时设置两个背景图background-repeat:no-repeat,repeat; // 第一个不平铺，第二个平铺background-position: center top,center center; // 第一个在上方居中，第
2022-03-16 00:30:42
516
原创 mongodb 学习笔记
基本概念数据库（database）数据库是一个仓库，在仓库中可以存放集合集合（collection）集合类似于数组，在集合中可以存放文档文档（document）文档是数据库中的最小单位，存储和操作的内容都是文档在 MongoDB 中不需要手动创建数据库和集合当我们创建文档时，如果文档所在的集合或数据库中不存在会自动穿件数据库和集合基本指令show dbs 、show databases 显示有多少个数据库use 数据库名 进入到指定数据库中db 当前所处的数据库sho
2022-03-16 00:28:37
864
原创 GitHub加速只需五步
GitHub加速打开浏览器，输入网址https://ipaddress.com/website/github.com查看ip打开火绒修改 Host 文件将查询到的ip 和GitHub的域名写入，保存打开cmd 输入命令ipconfig /flushdns 刷新dns缓存
2022-03-10 15:33:33
3492
4
原创 Vuex 的基本用法
一、Vuex 概述1.1 传统的组件之间的共享数据方式父向子传值： v-bind子向父传值：v-on兄弟组件之间共享数据：EvenBus$on 接受数据的那个组件$emit 发送数据的那个组件缺点：只能通过父传子 和 子传父的方式传值，若想要两个毫无关系的组件传值则很繁琐（需要找到 他们之间的关系）1.2 Vuex是什么vuex 是实现组件全局状态管理的一种机制，可以方便组件之间的数据共享二、Vuex初始化store.jsimport Vue fro
2022-03-06 00:51:27
5381
原创 git 常用命令
git 工作流程git 中的代码，整个的流程就是上图显示的那样，代码可能会经历最多4个地方会被推送到远程大致流程:clone 克隆远程文件到本地 => 通过编辑器编辑本地的代码(即在工作区) => pull 拉下远程的代码，可能有人提交代码到同分支 => add 添加到暂存区 => commit提交到本地仓库=> push 推送到远程仓库// 简单理解 // workspace 工作区，就是你的编辑器打开的文件// staging area 暂存区 介于工作区和本
2022-03-05 17:22:45
180
原创 typora gitee picgo-core 配置图床教程
typora gitee picgo-core 教程开始前准备需要电脑上安装好 nodejs]gitee 配置登录gitee点开设置点私人令牌左上角的生成新令牌权限只需给projects权限即可复制好生成的令牌，后面会用到Typora 配置首先将下载好的Typora 打开至这个界面文件—> 偏好设置勾选如图所示在右下角选择 PirGo-Core(command line) 并打开配置文件{ "picBed": {
2022-03-04 16:52:46
351
原创 【数据结构】单调栈 python题解
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-01-11 11:25:08
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人