猪儿猫儿狗儿-CSDN博客

原创 box-sizing:border-box属性的作用

简单暴力，亲测有效！！！一、盒子模型盒子模型：外边距（margin）+边框（border）+内边距（padding）+content（内容）举例：将一个div的宽高设置为500px，实际上只是设置div的内容（content），此时再设置div的padding：10px，border：1px solid red;这时div的宽高就会变成544px。二、标准盒子模型和怪异盒子模型标准盒子模型：border-sizing：content-box。元素宽高等于content值+padding和borde

2021-09-16 09:01:38 1283

原创 css弹性盒子模型-display:flex总结

简单暴力，亲测有效！！！一、设置元素为弹性盒子display:flex弹性盒子容器内部的元素默认按照主轴进行排列二、弹性盒子容器的属性justify-content//子元素水平排列方式center//居中space-between//两端对齐且相邻两个间隔相等space-around//每一个两侧的间隔相等flex-start//左对齐flex-end//右对齐aligen-items//单行子元素垂直排列方式flex-start//顶部flex-end//底部center//

2021-09-16 08:51:36 193

原创使用Gui创建vue项目在使用less-loader时出现TypeError:this.getOptions is not a function错误

简单暴力，亲测有效！！！一、使用Gui创建vue项目步骤在命令行中输入vue ui，进入图形化工具。二、报错原因下载的less-loader版本过高，无法兼容getOptions函数三、解决报错npm uninstall less-loader//卸载当前的less-loadernpm install less-loader@5.0.0//下载指定版本的less-loader...

2021-09-16 08:39:27 204 1

原创使用JavaScript语言获取当前日期

简单暴力，亲测有效！！！var d = new Date()//创建一个Date对象d.getFullYear(); //获取年d.getMonth();//获取月d.getDate(); //获取当日d.getHours()//获取小时d.getMinutes())//获取分钟d.getSeconds()//获取秒d.getMilliseconds()//获取毫秒...

2021-08-17 15:28:44 141

原创按照日期范围查询的sql语句

简单暴力，亲测有效！！！一、between a and bselect * from (表名) where date between ‘2020-01-01’ and ‘2020-02-02’二、>= and <=select * from (表名) where date >= ‘2020-01-01’ and date <= ‘2020-02-02’

2021-08-17 15:22:36 1949

原创 echarts图例位置及坐标轴名字

简单暴力，亲测有效！！！一、echarts图例位置legend: { orient: 'vertical',//可设定图例水平（horizontal）排列还是竖直排列 x:'right', //可设定图例在左、右、居中 y:'center', //可设定图例在上、下、居中 padding:[0,50,0,0], //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离] data: ['',','','','']}二、echart

2021-08-16 08:51:03 11364

原创 HTML元素的显示和隐藏

方法一：document.getElementById(“EleId”).style.visibility=“hidden”;document.getElementById(“EleId”).style.visibility=“visible”;利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。方法二：document.getElementById(“printNum”).style.display=“none”;document.getElementById(“returnDate”)

2021-08-02 14:45:26 1653

原创前后端分离之后台项目的环境安装配置

简单暴力，亲测有效！！！一、数据库1.打开phpStudy，启动MySQL2.点击左侧数据库按钮，修改root密码，建议修改为123456，方便记忆3.创建数据库，输入数据库名称，用户名和密码4.打开后台项目，打开config文件夹下的default.json，做如下修改将database、user、password修改为与自己新建数据库的相同配置二、启动项目1.打开后台项目文件夹，按住shift单击鼠标右键，单击在此处打开powershell窗口（1）输入npm install下载相关

2021-07-27 09:35:24 244

原创 css中的相对布局和绝对布局及层叠关系

简单暴力，亲测有效！！！一、css中的相对布局和绝对布局相对布局：position:relative;绝对布局：position:absolute;二、层叠关系z-index:10;//值越大，越在上层，越先显示三、组合解决问题文字在图片指定位置显示四、代码div id="pptImgcontainer" style="width:350px;height: 230px"> <div style="position: absolute;z-index: 10;left:

2021-07-26 16:27:16 948

原创利用html2canvas将指定html另存为图片

简单暴力，亲测有效！！！一、目的将指定html另存为图片二、解决方法1.下载html2canvas.min.js附链接：http://html2canvas.hertzen.com/dist/html2canvas.min.js2.引入html2canvas.min.js<script src="../js/html2canvas.min.js"></script>3.完整代码<!DOCTYPE html><html lang="en"&gt

2021-07-26 16:17:52 277

原创 echarts设置网格样式、背景颜色、柱状图柱子宽度

简单暴力，亲测有效！！！一、设置背景颜色在option中设置backgroundColor:’#ffffff’backgroundColor:'#d9d9d9'二、设置网格样式在option中添加gridgrid:{ top:100, left:100,//调整y轴与左侧的距离，显示更多文字 bottom:100, right:100}三、柱状图柱子格式在option下series中添加barWidth、barGapbarWidth:30,//柱子宽度ba

2021-07-24 16:31:58 14813

原创解决fatal: Not a git repository (or any of the parent directories): .git问题

简单暴力，亲测有效！！！一、问题在项目中shift+右键-在此处打开powershell窗口-输入git status报错fatal: Not a git repository (or any of the parent directories): .git二、原因没在仓库的目录下运行git命令,找不到.git.三、解决方法输入git init即可...

2021-07-23 09:59:25 362

原创 echarts饼图：图例自定义、数值直观显示、标题位置

简单暴力，亲测有效！！！一、图例自定义核心步骤是在option中添加legend对象代码如下：legend: { orient: "vertical",//图例的布局，水平布局、垂直布局 type:'scroll',//是否添加滚动页码 data:count, right:15, top:'middle', icon:'circle', itemWidth: 8,//图例宽度 itemHeight: 8,//图例高度 textS

2021-07-22 15:01:40 9296

原创 echarts柱状图柱顶部添加文字及柱颜色

简单暴力，亲测有效！！！柱状图顶部添加文字核心操作是在series中添加itemStyleseries: [ { type: 'bar',//定义柱状图 data: income, // barWidth:10,//柱子宽度 // barGap:1,//柱子间距 itemStyle: {//柱状图上方显示数值 normal: { label: {

2021-07-22 10:38:35 9229

原创在cmd中使用vue ui创建项目时出现Cannot read property ‘indexOf’ of undefined报错

加粗样式@TOC欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展

2021-07-20 16:48:26 810 3

wyl164778的博客