- 博客(201)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 查找论文及其开源代码
哇塞发现了一个宝藏网站，可以用来查找各大论文及其开源代码网址：https://paperswithcode.com/打开之后界面是这样的，输入论文关键词搜索即可。
2020-08-16 16:11:50
5238
3
原创 （总结）Vue项目配置搭建脚手架vue/cli / 路由router / UI组件element-ui过程
随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建呢？
2022-06-28 10:31:15
402
原创 CSS语法——选择器
基本语法1.选择器和声明块2.选择器1.元素选择器2.id选择器3.类选择器4.通配选择器5.复合选择器交集选择器并集选择器1.选择器和声明块选择器：选中页面中的指定元素（比如p、h1等）声明块：指定为元素设置的样式（color、fint-size等）声明是一个名值对结构一个样式对应一个样式值名明和值之间以:连接，以;结尾i 选择器{ 声明块 }2.选择器1.元素选择器根据标签名来选中指定元素： p{ color:forestgreen;
2022-05-12 21:22:07
895
原创 vs code代码自动提示不见了——一个勾解决
今上午打开vs code，写代码就是不得劲，智能提示出不来了，解决方案：打开设置，搜索：@tag:usesOnlineServices 按步骤勾上TypeScript里边的小方框即可结果展示：
2022-04-22 10:54:57
13184
7
原创 妙蛙——抛弃float，使用弹性盒设置的导航条能有多简单
弹性容器： display: flex;（块级）弹性元素：弹性容器的直接子元素，使用属性：伸展：flex-grow: 1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: o; padding: 0; list-style
2022-04-04 22:43:29
459
原创 设置Hbuildx实现编译less的快捷键
一开始找了很多系统自带的快捷键，就怕自己设置的和他们冲突，直到看到这个属性：就想为什么不把编译快捷键设置成ctrl+s呢，或者把这个属性设置为true，这样就可以在触发保存按钮的同时，执行编译：具体步骤：1.打开package.json2. 修改框中这两处的任意一处：{ "name": "less", "id": "compile-less", "displayName": "%displayName%", "version": "1.0.5", "engines": { "H
2022-04-04 12:27:53
609
原创 JS——实现轮播图（完整功能）
没有把细节单拎出来讲，但基本上所有重要步骤都在代码里边备注解释了~~个人认为比较难的地方就是：怎么在自动播放到最后一张图片后，瞬间切换回第一张图片重新播放？这里采用了比较取巧的方法，比如我用了四张例图，然后我把第一张再次添加到最后，就是这样：然后在setA函数中，做这样一个判断 if (index >= imgArr.length - 1) { index = 0 // 此时我们设置的是，最后一张图片和第一张图片相同， // 因此通过css把最后一张瞬间切换到第一张！！
2022-03-31 10:33:19
6157
3
原创 一个问题——关于用JS中实现拖拽div，当我把div改为圆形就会出bug这件事
一个平平无奇的拖拽功能：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var box1 = document.getElementById("box1") box1.onmous
2022-03-26 22:27:05
556
1
原创 图标文字的下载和使用（iconfont）
下载——传送门解压后将文件夹中的css和webfonts这两个文件夹移到自己的项目里（且这两个文件夹最好党在同一级目录下）插入图像文字的三种方法① 直接通过类名来使用，其中类名fas或fab部分是固定的，后边跟的fa--bell是具体使用的图标<span class="fas fa-bell"></span>② 使用实体：&#x ____;<span class="fas"></span>③ 使用伪元素.
2022-01-27 23:01:10
1038
2
原创 用CSS呈现轮播图效果
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="../reset.css"> <meta charset="UTF-8"> <title>轮播图</title> <style> .box1{ width: 132px; heigh
2022-01-27 20:51:45
963
原创 CSS中的四种定位方式详细整理（position）
目录一、position的可选值二、相对定位：`position:relative`三、绝对定位：`positon:absulote`三、固定定位：`position:fixed`四、粘滞定位：`position:sticky`
2021-12-31 14:41:36
1505
原创 CSS中的外边距折叠问题及其4种解决方法总结（完整版）
外边距折叠一、概念二、兄弟元素三、父子元素一、概念一般是指垂直方向相邻的外边距会发生重叠现象，大多发生在兄弟元素和父子元素之间。二、兄弟元素box2是box1的兄弟元素当两者都是正值时：取二者之间的最大值 <style> .box1{ width: 200px; height: 200px; background-color: tomato; margin-bott
2021-12-30 23:11:11
2869
原创 float产生的高度塌陷问题解决方案（包含全部方法)
一、什么是高度塌陷高度塌陷问题是f元素loat后很容易产生的一种现象，具体原因是：在设计网页时，父元素的高度一般不会被写死，我们希望它会根据子元素的内容多少自动变化。但是在浮动布局中，父元素的内容高度默认是被子元素撑开的，但子元素浮动后，便脱离了文档流，因此无法撑起父元素，从而导致父元素高度丢失。之后父元素下边的元素会自动上移，导致页面布局混乱。二、解决方法把父元素高度写死（闭环了属于是）推荐指数：0BFC（Block Foematting Content）：块级格式化环境clear：清除浮
2021-12-29 21:11:07
2409
原创 用CSS实现简单的网页布局
用代码实现这样一个简单的网页布局：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="../reset.css"> <title>Surymy</title> <style> header,main,footer{
2021-12-29 17:11:08
1030
原创 CSS小练习4——w3School导航栏
目录初始效果及代码模仿W3School的导航栏（绿色方框内的内容）初始效果及代码代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="../reset.css"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-12-29 14:01:06
475
原创 CSS——浮动（float）
一、float的概念：通过浮动可以使一个元素向其父元素的左侧或右侧移动二、float 可选值：-float:none：默认值，无浮动效果-float:left：向左浮动-float:right：向右浮动三、浮动的特点① 当元素设置float之后，便相当于从 文档流中脱离出来（什么是文档流——传送门），也就是说元素在文档流中的特点都将不存在。具体指的是：水平方向的等式不需要强制相等块元素： 不再独占一行、默认高度和宽度被内容撑开行内元素：同块元素也就是不再区分块元素和行内元素，天下大同了
2021-12-29 11:40:05
296
原创 盒子尺寸、轮廓和圆角
一、盒子尺寸盒子模型可见宽一般是由内容区+内边距+边框共同决定的，比如下边这里例子： <style> .box1{ height:100px; width:100px; background-color:#bfa; border:10px red solid; padding:20px } </style>
2021-12-28 23:45:18
995
原创 行内元素的盒子模型
1. 行内元素：不支持设置高度（height）、宽度（width），大小由内容决定；内边距 （padding）、边框（border）、外边距（margin）可以生效，但在垂直方向不影响布局2. display：用来设置元素显示的类型display:inline：设为行内元素display:block：设为块元素display:inline-block：设为行内块元素（既可以设置宽高、又不独占一行）display:none：元素不在页面中显示，且不占据位置3. visibility：用
2021-12-28 23:19:48
348
原创 CSS小练习3——网页左侧导航栏
这个难道真的这么简单吗？？先上效果图，不能说一模一样，只能说是毫无差别：. 我写的代码是这样的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test1</title> <link rel="stylesheet" href="../reset.css"> <style>
2021-11-20 11:46:04
4321
原创 CSS小练习2——新闻栏的样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test3</title> <link rel="stylesheet" href="../reset.css"></head><style> .box1{ margin:20px; font-.
2021-11-18 23:52:11
1057
原创 CSS小练习1——显示三个图片列表
就是说左边和右边强行一致（狗头）大概是最笨的方法了……<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test2</title> <link rel="stylesheet" href="../resrt.css"></head><style> .box1{
2021-11-18 23:03:47
970
原创 CSS——水平布局和垂直布局
水平布局子元素在其父元素中水平方向的位置由以下几个属性共同决定：为了理解方便理解画了个图，图上一共有子元素的七个属性，而这七个元素的和则必须等于父元素的width<head> <meta charset="UTF-8"> <title>Surymy</title> <style> .box1{ width:280px; height:200px;
2021-11-17 17:50:27
3728
原创 CSS——盒子模型
盒子模型CSS将界面中所有的元素都设置为一个矩形的盒子，每个盒子由以下几部分组成：内容区：元素的所有子元素+文本内容-width/height是用来设置内容区的大小的内边距：内容区和边框的距离边框：盒子的边缘，会影响盒子的大小外边距：确定盒子的位置一、边框（border）简写语法一：border(border-width border-color border-style)比如：border(10px orange solid)。每个属性之间用空格隔开，不分先后顺序。简写语法二：bor
2021-11-16 16:53:37
787
原创 CSS——颜色单位
在CSS中用颜色名来设置各种颜色，比如red，blue，yellow等。但也存在一个问题，我们不可能把所有的颜色名字都记下来，导致这样直接使用非常不方便。所以我们来介绍两种颜色变式方法：RGB值：通过三种颜色的不同浓度来调配不ongoing的颜色语法：rgb(红色， 绿色， 蓝色)，其中三个参数值得范围都是0 ~ 255（用百分比内部来表示就是0% ~ 100%，但用的不多）特殊值：由于RGB颜色表示采用的是光的三原色，所以有两个特殊值：rgb(0, 0, 0)和rgb(255, 255, 255)
2021-11-16 10:27:36
460
原创 CSS——四种单位长度
长度单位像素不同屏幕的像素大小是不同的，像素越小屏幕显示的效果越清晰所以同样的200px在不同的设备下显示的效果不一样百分比：百分比可以设置属性相对于其父元素属性的百分比<style> .one{ width:200px; height:200px; background-color:black; } p{ width:50%;
2021-11-05 23:11:45
141
原创 CSS——选择器的优先级
选择器的优先级当我们通过不同的选择器选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式的冲突。发生样式冲突时，应用哪个样式由选择器的权重（优先级）决定：内联样式 1 0 0 0id选择器 0 1 0 0 类和伪类选择器 0 0 1 0元素选择器 0 0 0 1统配选择器 0 0 0 0继承的样式 没有优先级注意：比较优先级时，需要将所有选择器的优先级进行相加计算最后数值越大，则越优先显示（分组选择器要单独计算）选
2021-11-04 22:08:13
232
原创 CSS——继承
样式继承定义：我们为一个元素设置的样式同时也会应用到他的后代上，发生在祖先元素和后代之间的目的：为了方便开发，利用继承将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有元素都具有该样式注意：并不是所有的样式都会被继承。比如背景相关的、布局相关的等都不会被继承 p{ background-color:pink } div{ color:green } <p>
2021-11-03 22:56:17
141
原创 CSS——伪元素
伪元素定义：表示页面中一些特殊的并不真实存在的元素（特殊的位置）特点：一般都使用::开头内容::first-letter 表示第一个元素::first-line 表示第一行::selection 表示选中的内容::before 表示元素的开始::after 表示元素的左后-before和after必须结合content使用 p::first-letter{ font-size:50px; } p::first-line
2021-11-02 11:09:14
122
原创 CSS——超链接的伪类
为超链接不同的状态设置不同的样式仅a元素使用:link 未访问的超链接，可设置颜色、字体大小:visited 已访问的超链接，可设置颜色，但不可以设置字体大小所有元素都可以使用：:hover 鼠标移入时状态变化:active 鼠标点击（但未松开）时状态变化
2021-11-01 17:49:12
3034
原创 CSS——伪类选择器
伪类选择器1.定义：用来描述一个元素的特殊状态的一种不存在的选择器或特殊的选择器2.特点：一般情况下都用:开头3.类别：① 根据所有的子元素排序:first-child 第一个子元素:last-child 最后一个子元素:nth-child()-特殊值：n：选中0到正无穷范围内的所有子元素2n或even：偶数位元素2n+1或odd：奇数位元素 ul>li:first-child{ color:red } ul>
2021-11-01 17:08:51
910
原创 CSS语法——基本选择器
基本语法1.选择器和声明块2.选择器1.元素选择器2.id选择器3.类选择器4.通配选择器5.复合选择器交集选择器并集选择器1.选择器和声明块选择器：选中页面中的指定元素（比如p、h1等）声明块：指定为元素设置的样式（color、fint-size等）声明是一个名值对结构一个样式对应一个样式值名明和值之间以:连接，以;结尾i 选择器{ 声明块 }2.选择器1.元素选择器根据标签名来选中指定元素： p{ color:forestgreen;
2021-10-27 11:15:53
796
原创 CSS——层叠样式表
网页是一个多层的结构，CSS来设置网页中元素的样式，方法有三种： 1.内联样式表2.内部样式表3.外部样式表1.内联样式表 <p style="color:rgb(211, 32, 142); font-size:20px">花朵</p>属于行内样式，只能对一个标签生效；问题：当样式发生变化时，需要逐个改动，不方便维护。开发时绝对不要使用内联样式！！！2.内部样式表将样式编写到head标签中的style标签里：<head> <styl
2021-10-26 20:24:05
225
原创 HTML——超链接、音视频
目录1.超链接2.内联框架3.图片标签4.音视频播放1.超链接超链接：使用a标签定义超链接，可以嵌套任何元素属性：– herf：指定挑准的目标路径（外部网站/内部链接） <a href="https://www.baidu.com">hello</a> – target：指定超链接打开的位置可选值：– _self（默认值）：在当前页面打开链接– _blank：在新的页面打开链接回到顶部：<a href="#">回到顶部</a>
2021-10-25 19:49:07
5484
原创 HTML知识整理——常用标签
超文本标记语言1.字符集（charset）2.网页的基本结构3.实体（转义字符：`&实体的名字:`）4.meta5.语义化标签（`关注语义，而不是样式`）6.布局元素7.列表(list)超：超链接文本：纯文本即只能存数据、格式，图片、音视频都不行标记：标签：html head title body hi h2 ……HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 < html >HTM
2021-10-23 14:54:07
222
原创 JAVA变量的数据类型及运算规则
Java的变量java定义变量的格式：数据类型 变量名 = 变量值;说明变量在使用前必须先声明，后使用。变量都定义在作用域内，只有在作用域内他是有效的。同一个作用域内不可以声明两个同名的变量。Java定义的数据类型变量按照数据类型来分：①基本数据类型：数值型( 整数类型：( byte 1字节=8bit -128~127（2^8） short 2字节 2^15~2^15-1 int 4字节 2^31~2
2021-10-12 15:38:35
119
原创 JAVA标识符
标识符的使用标识符：凡是可以自己命名的地方都叫做标识符比如：类名、变量名、方法名、接口名、包名……标识符的命名规则由26个英文字母大小写、0-9、_ 或 $ 组成数字不可以开头不可以使用关键字和保留字、但可以包含关键字和保留字java严格区分大小写，长度无限制标识符中不能包含空格Java中的名称命名规范包名：多单词组成时所有字母都小写：xxxyyyzzz类名、接口名：多单词组成时，所有单词首字母大写：XxxYyyZzz变量名、方法名：多单词组成时，第一个单词首字母小写，第
2021-09-22 17:07:26
86
双极性非归零码时域波形及其眼图.rar
2019-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人