- 博客(31)
- 收藏
- 关注
RSS订阅原创 flex布局换行盒子上下有缝隙
flex布局换行盒子上下有缝隙可能是其他盒子有高度的原因 撑开了display: flex;flex-wrap: wrap;align-content: flex-start;//侧轴应该就好了
2020-12-04 16:00:52
2329
1
原创 记一次基于element-ui的vue-demo
一、登录部分1.登录部分的修改 重置使用element中的 Form组件 完成结构样式其中的参数<!-- model:表单数据对象 rules:校验规则 ref:获取组件 prop:校验、重置用的 --> ref=LoginForm <!-- label-width="100px" 给了具体的值就在左边 没给就显示在上面 -->提交的时候 获取表单this
2020-11-21 22:09:18
438
原创 前端—scss
一、安装使用ruby ==> sass二、编译vscode配置三、变量1、基础的变量$base_color:#1269b5;.box { color:$base_color;}2、在变量里面也可以引入其他的变量$base_border:1px solid $base_color;四、嵌套正常嵌套使用&符号会引用父选择器伪类&:hover属性的嵌套body { font-family: 'Courier New', Courier, m
2020-11-21 20:19:25
389
原创 前端—Ajax基础
一、get和post请求报文的对比get请求的请求报文详解//--------------------------请求行--------------------------------// GET 请求方式// /qk/01.php?username=lw&password=123456 请求路径+参数// HTTP/1.1 HTTP的版本号GET /qk/01.php?username=lw&password=123456 HTTP/1.1//-----------
2020-11-20 21:15:48
381
1
原创 前端—jQuery知识查看
基础一、入口函数两种写法：//第一种写法$(document).ready(function () {});//第二种写法$(function () {}); //不存在覆盖问题原生：window.onload二、DOM对象和jq对象DOM 对象转换成 jQuery 对象var $obj = $(domObj); 用$把dom对象包装一下// $(document).ready(function(){}); 就是典型的DOM对象转jQuery对象jQuery 对象转换成 DO
2020-11-20 19:59:37
167
原创 GIT操作学习笔记
git一. 本地管理1.1 git log : 查看提交过的日志1.2 git status : 查看当前状态把代码提交到仓库区工作区 == 1.3 ==> 暂存区 == 1.4 ==> 仓库区1.3 git add . : 把当前所有的文件添加到暂存区1.4 git commit -m xxx : 提交到仓库区1.5 过程--- git status ==> 变红 ===> git add . --- git status ==> 变绿 =
2020-11-20 15:33:23
111
原创 js制作自定义控件——进度条的拖动和点击
就只写进度条了HTML部分<div class="progress"> <div class="progress_bg"> <div class="video_progress"></div> </div> <div class="progress_btn"></div></div>CSS部分（用less写的）// 进度条.progress { position: relat
2020-08-07 20:27:10
784
原创 循环生成多行多列的精灵图背景位置
精灵图：结构：<!-- 利用循环精灵图背景获取背景位置 --><div class="emoji_page"> <a href="javascript:;" class="emoji__item"></a> <a href="javascript:;" class="emoji__item"></a> <a href="javascript:;" class="emoji__item"><
2020-08-02 14:25:46
291
原创 flex弹性布局中关于设置子项目内部padding的均分问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-07-03 15:35:55
2576
1
原创 伪类选择器配合阿里字体图标使用
首先引入<link rel="stylesheet" href="./fonts/iconfont.css">然后再使用 div { width: 200px; height: 35px; border: 1px solid red; } div::after { content: '\e8b0'; font-family:
2020-06-17 21:43:06
434
原创 浮动元素不能覆盖的元素
浮动的元素可以覆盖标准流中的块级元素那么浮动元素不能覆盖哪些元素呢？- 浮动的元素不能覆盖行内块元素- 浮动元素不能覆盖行内元素- 浮动的元素不能覆盖文字（图文环绕 最初的目的）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale.
2020-06-17 20:44:56
830
原创 单行文本及多行文本溢出用省略号显示
单行文本溢出：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {
2020-06-16 22:51:48
164
原创 使用vertical-align:middle时距离父元素上间距大于下间距的小bug
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m
2020-06-15 23:54:43
248
原创 JDBC学习详解（一）
JDBC基本概念Java database connectivity java数据库连接JDBC本质：官方定义的一套操作所有关系型数据库的规则，即接口，各个数据库厂商实现这套接口提供数据库驱动jar包，我们可以使用这套接口（jdbc）编程，真正执行的代码是驱动jar包的实现类。快速入门导入驱动jar包：1.复制jar包到项目的libs目录下 右键 add as library...
2019-03-22 23:24:20
167
原创 MySQL数据库学习（二）
1、 多表查询需要消除无用的数据查询语法：多表查询的分类：内连接查询：隐式内连接：使用where条件消除无用的数据Eg:–查询所有员工信息和对应的部门信息Select * from emp,dept where emp.’dept_id’ = dept.’id’;–查询员工表的名称，性别，部门表的名称Select emp.name,emp.gender,dept.name fr...
2019-03-22 10:14:57
310
原创 Mysql数据库学习（一）
创建创建数据库 判断是否存在Create database if not exists db1Create database db3 character set gbk(指定字符集)创建db4数据库，判断是否存在并指定字符集为gbkCreate database if not exists db4 character set gbkDDL数据库修改：（修改数据库字符集）Alter...
2019-03-21 21:31:25
175
原创 Spring学习
简介：SpringBoot其实不是什么新的框架，它默认配置了许多框架的使用方式，就像maven整合了所有的jar包。SpringBoot整合了所有的框架，并通过一行简单的main方法启动应用。...
2019-03-20 10:42:09
125
原创 Java常用类库、技巧
1、Java异常体系java异常机制主要回答了三个问题what：异常类型回答了什么被抛出where：异常堆栈跟踪回答了在哪抛出why：异常信息回答了为什么被抛出RuntimeException：不可预知的异常，程序应当自行避免，是程序应该承担的责任非RuntimeException：可预知的异常，从编译器可以校验的异常，是Java编译器应该承担的责任Checked Except...
2019-03-06 16:34:31
165
原创 Java多线程与并发-原理
线程安全问题主要诱因：存在共享数据（也称临界资源）存在多条线程共同操作这些共享数据解决方法：同一时刻有且只有一个线程在操作共享数据，其它线程必须等到该线程处理完数据后再对共享数据进行操作互斥锁的特性互斥性：即在同一时间只允许一个线程持有某个对象锁，通过这种特性来实现多线程的协调机制，这样在同一时间只有一个线程对需要同步的代码块（复合操作）进行访问。互斥性也称为操作的原子性。...
2019-03-05 22:50:01
676
原创 Java线程知识
进程和线程的区别进程和线程的由来：进程：进程独占内存空间，保存各自运行状态，相互间不干扰且可以互相切换，为并发处理任务提供了可能。线程：共享进程的内存资源，相互间切换更快速，支持更细粒度的任务控制，使进程内的子任务得以并发执行。进程是资源分配的最小单位，线程是CPU调度的最小单位所有与进程相关的资源，都被记录在PCB中；进程是抢占处理机的调度单位，拥有自己的虚拟内存空间，线程只属于某...
2019-03-05 16:31:10
92
转载 Java底层知识:JVM（反射、Classloader）
谈谈反射JAVA 反射机制是指在运行状态中：对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意方法和属性；这种动态获取信息以及动态调用对象方法的功能称为java语言的反射机制。Metohd:newInstance()方法返回的是泛型。getDeclaredMethod可以获得该类所有的方法，除去继承和实现了接口的方法。如果是私有的方法，必须使...
2019-03-05 13:01:41
238
转载 GC相关问题
Object的finalize()方法的作用是否与C++的析构函数作用相同？1、与C++的析构函数不同，析构函数调用确定，而他的是不确定的2、将未被引用的对象放置于F-Queue队列3、方法执行随时可能会被终止（低优先级）4、给予对象最后一次重生的机会Object的finalize()方法的作用是什么？finalize()的作用是为对象创造最后一次逃脱死亡的机会。当垃圾回收器宣...
2019-03-05 13:01:03
144
转载 Java垃圾回收机制
判断对象是否为垃圾的算法：引用计数算法（判断对象的引用数量来决定对象是否可以被回收，每个对象实例都有一个引用计数器，被引用+1、完成引用-1，任何引用计数为0的对象实例可以被当作垃圾回收）优点：执行效率高，程序执行受影响较小缺点：无法检测出循环引用的情况，导致内存泄漏可达性分析算法（判断对象的引用链是否可达来决定对象是否可以被回收）可以作为GC root 的对象虚拟机栈中引...
2019-03-04 23:02:05
112
转载 java内存模型
线程私有-程序计数器1、当前线程所执行的字节码行号指示器（逻辑）2、改变计数器的值来选取下一条需要执行的字节码指令3、和线程是一对一的关系即“线程私有”4、对Java方法计数，如果是native方法则计数器值为Undefined5、不会发生内存泄漏线程私有——Java虚拟机栈1、Java方法执行的内存模型2、包含多个栈帧递归为什么会引发java.lang.StackO...
2019-03-04 21:10:04
122
转载 数据库基础语句和关键语句
基础语句1、显示所有数据库show databases;2、 删除数据库drop database dbName;3、 创建数据库create database [if not exists] dbName;（中括判断该数据不存在就可以创建）4、 切换、使用指定数据库use dbName;5、 显示当前数据库所有的表对象show tables；6、 显示表结构desc ...
2019-02-24 13:59:28
400
转载 锁模块之MyISAM与InooDB(锁方面的区别、事务并发访问引起的问题以及应如何避免、InooDB可重复读隔离级别下如何避免幻读)
MyISAM与InnoDB关于锁方面的区别：1 MyISAM默认用的是表级锁，不支持行级锁。2 InnoDB默认用的是行级锁，也支持表级锁。读锁也被称为共享锁。写锁又被称为排他锁加锁：lock tables ---- read|writeunlock tableslock in share mode上了写锁再上写锁、读锁需要等待。for update:就是为了加锁，即在当前线...
2019-02-23 21:06:34
401
原创 索引额外问题（定位优化慢查询、最左匹配）
为什么要使用索引？因为索引能够让我们避免全表扫描去查找数据。提升检索效率什么样的信息能成为索引主键为一键等只要能够让数据呈现出一定区分性的字段索引的数据结构主流是B+树，还有哈希结构、BitMap等。其中MySQL不支持BitMap，同时基于InnoDB和MyISAM的MySQL不显示支持Hash衍生出来的问题,以mysql为例如何定位并优化慢查询Sql1、根据...
2019-02-23 14:40:20
230
原创 数据结构优化索引基础知识（B-Tree、B+-Tree、hash、密集索引和稀疏索引的区别）
B-Tree定义1、根节点至少包括两个孩子2、树中每个节点最多含有m个孩子（m≥2）3、除根节点和叶节点之外，其他每个节点至少含有ceil(m/2)个孩子4、所有的叶子节点都位于同一层B±Tree定义其定义基本与B-Tree相同除了：1、非叶子节点的子树指针与关键字个数相同。2、非叶子节点的子树指针p[i]，指向关键字值（K[i]，K[i+1]）的子树。3、非叶子节点仅用来做...
2019-02-21 16:53:14
425
转载 计算机网络基础知识（Cookie和Session的区别、HTTP和HTTPS的区别）
HTTP(超文本传输协议)主要特点1.支持客户/服务器模式2.简单快速3.灵活4.无连接5.无状态http请求响应的步骤：1.客户端连接到Web服务器2.发送HTTP请求3.服务器接受请求并返回HTTP响应4.释放连接TCP连接5.客户端浏览器解析HTML内容在浏览器地址键入URL，按下回车之后经历的流程：1.DNS解析（依据URL逐层查询DNS服务器缓...
2019-02-16 17:37:13
401
1
翻译 计算机网络基础知识（TCP、UDP的区别，TCP的滑动窗口）
TCP与UDP的区别：UDP（用户数据报协议）的特点：1.面向非连接。2.不维护连接状态，支持同时向多个客户端传输相同的消息。3.数据包报头只有8个字节，额外开销较小。4.吞吐量只受限于数据生成速率、传输速率以及机器性能。5.尽最大努力交付，不保证可靠交付，不需要维持复杂的链接状态表。6.面向报文，不对应用程序提交的报文信息进行拆分或者合并。区别如下：面向连接VS无连接（UD...
2019-02-16 15:43:40
512
原创 计算机网络基础知识（TCP的三次握手与四次挥手）
OSI七层协议：自底而上：物理层：A向B发送比特流，B进行接收。主要定义了物理设备的标准：如网线的类型，光纤接口类型，各种传输介质的传输速 率等。主要作用是传输比特流：即所谓的01二进制数据，转换为电流强弱，到达目的地之后再转换为10，01的机器码。数模转换与模数转换。数据链路层：交换机工作在这一层。交换机对帧解码，把数据发送到正确的接收方。网络层：...
2019-02-15 16:49:27
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人