- 博客(73)
- 收藏
- 关注
RSS订阅原创 SQL基础学习
其中，column1, column2表示要查询的列名，如果要查询所有列，则使用*代替列名；以上是SQL语言的基本语法，还有许多高级用法，例如多表查询、子查询、聚合函数、分组查询等。数据操作语言（DML）：用于对数据进行增删改查的语言，例如INSERT、UPDATE、DELETE、SELECT等。数据定义语言（DDL）：用于定义数据库、表、字段等的语言，例如CREATE TABLE、ALTER TABLE等。数据查询语言（DQL）：用于查询数据的语言，例如SELECT、FROM、WHERE等。
2023-03-09 16:39:05
66
原创 echarts添加点击事件
echarts柱状图点击事件最近做echarts柱状图，遇到了两个个问题，此处记录一下：点击柱状图某一个柱体，跳转页面，由于数据差异大，有的柱体很长，有的很短，短的柱体很难点击到，需要设置整个柱形区域都可以点击页面上有两个标签，切换标签显示不同数据，是对同一个echarts进行的操作，切换标签后点击柱体，会触发多次点击事件设置柱体的点击事件设置整条柱形所在区域的点击事件纵向柱状图横向柱状图一次点击会触发多次点击事件，可以在设置click事件之前清除click事件。
2023-03-03 18:57:43
3042
原创 内网发布vue项目
2.将bd文件跟node_mouldes复制到内网服务器（通过xshell自己找教程）1.npm run build打包项目。4.注意配置vue项目中的env.js。
2023-02-28 10:14:54
289
原创 记录this.$nextTick
总的来说，假设我们更改了某个 dom 元素内部的文本，而这时候我们想直接打印这个更改之后的文本是需要 dom 更新之后才会实现的，就像我们把将要打印输出的代码放在 setTimeout(fn, 0) 中。this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。console.log(this.$refs.tar.innerText) // 改变了的值。// dom元素更新后执行，因此这里能正确打印更改之后的值。
2023-02-27 14:41:08
57
转载 6.uniapp压缩图片后上传
width: '40%', //dst: (String 类型 )压缩转换目标图片的路径，这里先在后面原始名后面加一个2222区分一下。height: '40%', //width,height: (String 类型 )缩放图片的宽度,高度。// format:'jpg' //format: (String 类型 )压缩转换后的图片格式。url: utils.api.currency+'images/qiniu', //仅为示例，此处填写后台的上传图片接口地址。
2023-02-07 14:20:18
1536
原创 5.jQuery使用sunnmenote编辑器
3.创建summernote，并且将上传的图片保存到本地，然后再返回到编辑器中，如果直接复制图片不去保存，图片的地址会是原来的地址，并不是本地的地址。所以我们需要将图片保存到本地，然后就可以将文章获取存入数据库了。2.创建一个summernote的容器。1.首先需要从官网（
2023-02-04 09:57:35
314
原创 路由router
router-link :to="{path:'/product/def',query:{age:18},hash:'best'}">产品）（to=“/user” 切换路由的地址）（关于$route.meta.noFooter 范围。2.切换路由 push("/about")4.前进 forward()/go(1)3.后退 go(-1)/back()
2022-08-05 21:58:10
465
原创 VUE：cmd与npm命令啊
X大版本,X的升级是不兼容的，3.6.0->4.0.1使用3.6.0的项目和现在的4.0.1的项目是不兼容。npmuninstalljquery别名(简写)uninstall->remove->r。npminit初始化项目,创建package.json的文件(一路回车即可)产品环境依赖安装jquerynpmijquery-S。Y中版本,Y的升级是代表有个新的内容增加(兼容的)安装jquerynpmijquery。"jquery""2.1"固定版本为2.1。...
2022-07-25 17:39:38
815
原创 移动端-flex项目属性
1.align-self单个项目在交叉轴的对齐方式flex-start：交叉轴的起点对齐。 flex-end：交叉轴的终点对齐。 center：交叉轴的中点对齐。 baseline: 项目的第一行文字的基线对齐。 stretch（默认值）：如果项目未设置高度或设为auto，将占满整个项目的高度。.box .con:nth-of-type(1){ background-color: #f00; /* align-self: auto; */ /* align-se
2022-03-24 21:20:14
70
原创 弹性盒子flex
弹性盒子Flex 布局，可以简便、完整、响应式地实现各种页面布局；.box{display:flex;}Webkit 内核的浏览器，必须加上-webkit前缀;设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（mai..
2022-03-23 20:16:48
84
原创 css3新增选择器
相邻兄弟选择器例如：div+p；相邻一个通用兄弟选择器例如：div~span;多个动态伪类：focus 光标成为焦点时； enabled 可用状态 disable 不可用状态 checked 选中状态display:none与visiblilty:hidden的区别display:none不继承，回流，不占空间，不读屏；visiblity:hidden可继...
2022-03-16 21:56:23
67
原创 H5语义化标签
HTML5新增的语义化标签主要有：<article>、<section>、<nav>、<aside>、<header>、<footer>、<time>等等...优点：为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构比<div>标签有更加丰富的含义，方便开发与维护1.header 与hgroup放在页面或布局的顶部，一般放置导航栏或标题一个文档中可以包含一对或者一对以上的&l
2022-03-16 21:22:59
3869
原创 css基础4内外边距与背景
1.内边距padding 内边距 内补丁 内填充padding-top 上内边距padding-bottom 下内边距padding-left 左内边距padding-right 右内边距缩写：padding:值; 上下左右的内边距一样padding:值1 值2; 值1代表上下内边距，值2代表左右内边距padding:值1 值2 值3; 值1代表上内边距，值2代表左右内边距，值3代...
2022-03-16 10:39:38
786
原创 css基础6定位与指针光标样式
1.定位positionposition 定位值：static 默认 不定位 relative 相对定位 相对于自己原来正常文档流的位置定位 absolute 绝对定位有绝对定位元素的包含框无定位，该元素相对于浏览器定位；有绝对定位元素的包含框有定位，该元素相对于离自己最近的有定位的包含框定位 fixed 固定定位 始终相对于浏览器定位借助left、right、top、bottom这四个值改变元素位置z-index 值：数...
2022-03-16 10:31:15
286
原创 css基础5浮动
1.float 浮动float值：none 默认 不浮动 left 左浮动 right 右浮动2.清除浮动清除浮动：给有浮动的子元素的父元素加height 给有浮动的子元素的父元素加overflow:hidden 给所有有浮动的元素最后增加一个空元素，给该空元素加样式clear:left / right / bothclear:left 清除左浮动clear:right 清除右浮动clear:both 清除左右浮动...
2022-03-16 10:23:35
54
原创 css基础3
一、外边距外边距margin，指的是边框到“父元素”或“兄弟元素”之间的那一部分。外边距是在元素边框的外部的。从CSS盒子模型中我们可以看出，外边距分为4个方向：margin-top、margin-right、margin-bottom、margin-left。margin-top: 像素值; 上margin-right: 像素值; 右margin-bottom: 像素值; 下margin-left: 像素值; 左...
2022-03-04 21:28:20
142
原创 css基础2
一、文本样式text- align文本水平位置 left水平居左 center水平居中 right水平居右 justify两端对齐text-indent 2em;首行缩进，若为负则为首行悬挂text-decoration 文本修饰 underline下划线 line-through中划线 overline上划线 none无修饰text-transform 英文字母大小转换 upper...
2022-03-03 21:41:11
47
原创 link与@import导入外部样式的区别
差别1：link属于XHTML标签；@import完全是css提供的一种方式。 link标签除了可以加载css外，还可以做很多其他事件；比如：定义RSS，定义rel连接属性等。差别2：输入方式@import输入方式1 <head>2 <meta charset="utf-8">3 <title>css基础语法</title>4 <style type="text/css">5 @import url("目标文..
2022-03-02 21:48:32
754
原创 href与src的区别
href： href是HypertextReference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。 浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。 这也是建议使用link，而不采用@import加载css的原因。src： src是source的缩写，src的内容是页面必不可少的一部分，是引入。 src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、scr..
2022-03-02 21:44:41
88
原创 CSS基础1
一.样式类型1.行内样式在标签上直接添加：<div style="background-color: gray;width: 500px;height: 600px;"></div>2.内嵌式在<style type="text/css"></style>中书写样式，通常放在<head></head>中，加载比较快3.外链式<link rel="stylesheet" type="text/.
2022-03-02 21:33:31
54
原创 html笔记5
1.单选框复选框<label><input type="checkbox" name="wy" id="" value="" checked="checked"/>王源</label> <input type="checkbox" name="cxk" id="cxk" value="" checked/> <label for="cxk">蔡徐坤</label> ...
2022-03-01 20:19:32
112
原创 html学习笔记4
1.表格合并纵向rowspan<td rowspan="跨越的行数"></td>表示纵向N个单元格合并横向colspan<td colspan="跨越的列数"></td>表示横向N个单元格合并2.表格属性cellspacing=" " 单元格间隙border=" " 表格边框cellpadding 内边距bordercolor 边框颜色bgcolor 背景色rules 内侧表格边框a...
2022-02-26 17:50:00
164
原创 html学习笔记3
一.超链接1.a标签在HTML中，我们可以使用a标签来实现超链接。<a href="链接地址">文本或图片</a>href表示你想要跳转到那个页面的路径（也就是地址），可以是相对路径，也可以是绝对路径。超链接的范围非常广，我们可以将文本设置为超链接，这个叫做“文本超链接”。也可以将图片设置为超链接，这个叫做“图片超链接”。举例文本/图片超链接<!DOCTYPE html><html> <head> <
2022-02-24 20:07:46
109
原创 html学习笔记2
1.标题标签h1,h2,h3,h4,h5,h6共六级标题标签，都是块元素独占一行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题
2022-02-23 21:59:19
177
原创 html学习笔记1
html学习笔记什么是html？HTML全称“Hyper Text Markup Language（超文本标记语言）”，是网页的标准语言。HTML并不是一门编程语言，而是一门描述性的标记语言。五大浏览器：IE，FF，Safari，Opera，Chrom浏览器默认端口号：801.标记标签分双标记标签跟单标记标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l
2022-02-22 20:57:27
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人