- 博客(34)
- 收藏
- 关注
原创 docker入门
1.连接阿里云服务器ssh root@公网ip2.docker 为什么比vm快因为docker不需要像虚拟机一样重新加载一个操作系统内核,而是利用宿主机的操作系统3.docker启动一个应用 流程docker首先在本机寻找镜像。如果本机有则下载运行,若没有则在dockerhub上下载,若dockerhub上没有找到这个镜像则返回错误,若能找到则下载运行4.docker是怎么工作的docker是c/s结构Docker-client通过Socket访问docker-server 在serve
2022-05-18 16:55:37
793
2
原创 用rz命令上传文件出现乱码如何删除
文件名是乱码是可以发现无法使用rm/rmdir删除则用ls -i找到inode号,根据inode号去查找删除命令:find ./ -inum inode号 | xargs rm -rf
2022-05-18 13:52:36
617
原创 socket通信原理-TCP
什么是socketsocket是在应用层和传输层之间的一个抽象层,它把TCP/IP层复杂的操作抽象为几个简单的接口供应用层调用以实现进程在网络中通信。socket如何实现通信第一次握手:客户端A.调用socket()函数,创建socket描述符int socket(int domain, int type, int protocol);domain指明所使用的协议族,通常为PF_INET,表示互联网协议族(TCP/IP协议族);type参数指定socket的类型:SOCK_STREAM 或
2022-03-03 10:40:14
4573
原创 浏览器工作原理(一)
宏观视角下的浏览器为什么浏览器打开一个页面会有多个进程运行?目前的浏览器是多线程架构,打开一个页面有3个或者更多进程:浏览器主进程、GPU进程、网络进程、渲染进程、插件进程(若没有插件则没有插件进程)浏览器主进程:负责界面显示、用户交互、子进程管理、存储等功能GPU进程:负责页面UI绘制网络进程:负责页面网络资源加载插件进程:负责插件的运行渲染进程:将HTML/CSS/JS转化为用户可以与之交互的网页,排版引擎和V8都运行在该进程中( 同站的页面共用同一个渲染进程,不同站的页面渲染进程不
2022-03-02 10:56:35
769
原创 web性能优化
页面渲染步骤1.dom和cssom树构建html下载完成后将html文本解析成dom树(文档对象模型)在解析过程中,当遇到其他外部资源链接比如CSS、JS、图片等,会立即开启线程下载但当外部资源是JS时,HTML的解析会停下来,等JS下载完执行结束后才继续解析HTML,防止JS修改已经完成的解析结果CSS下载完之后对CSS进行解析,解析成CSS对象,然后把CSS对象组装起来,构建CSSOM树2.构建render树根据DOM树和CSS来构造render树3.布局render树render树构
2021-12-08 10:24:53
388
原创 前端路由配置正确但是页面无法跳转,且输入正确的路由地址页面还是跳回请求头中的Host地址
手残经历首先产生问题的是重定向到的登录页面url无法跳转且页面空白本来想配置根据不同的环境跳转到不同的base url但是原来的let base= Base.BaseAPI忘记删掉了,且引入Base的import被我删掉了。。。我反复检查router.js文件 都没有问题在一番折腾之后,我才想到复制其他页面地址有没有问题总结:1.页面url跳转问题不一定跟路由有关,也可能是你的相关页面要请求的地址没有获取到2.下次遇到问题不要慌一定要先定位好问题...
2021-09-21 22:26:26
2090
原创 初识深度选择器
<el-tabs v-model="editableTabsValue" type="card" editable @edit="handleTabsEdit" class="tabs"> <el-tab-pane > {{item.content}} </el-tab-pane></el-tabs>css样式如下:.tabs{position:relative;height:30px;},修改的是蓝色区域的高度,若要修改
2021-04-26 11:21:09
329
原创 idea 使用点击maven clean/install或maven其他命令失败,显示:乱码+archetypeCatalog=internal
可能是在settings–>maven-Runner里面配置了archetypeCatalog=internal,删除就好了
2021-04-24 21:02:22
269
原创 复杂度分析
数据结构与算法解决程序"快“和”省“的问题例1:int cal(int n){int sum=0;int i=1;for( ; i<=n;++i){sum=sum+i;}return sum;}所有代码的执行时间与每行代码的执行次数n成正比大O时间复杂度表示代码执行时间随数据规模增长的变化趋势也叫渐进时间复杂度时间复杂度分析:1.只关注循环次数最多的一段代码例1时间复杂度为O(n)2.加法法则:总时间复杂度等于量级最大的那段代码的复杂度int cal(int n){
2021-02-25 22:58:51
87
原创 CSS属性继承问题
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、borde
2021-02-23 22:27:05
113
原创 localStorage与sessionStorage
sessionStorage:在会话期间保存数据(关闭浏览器则数据丢失)在浏览器中application->sessionStorage查看localStorage:数据存储在本地硬件设备中(关闭浏览器数据不会丢失)在浏览器中application->localStorage查看从localstorage读取数组todostodos:JSON.parse(window.localStorage.getItem('todos_key')||'[]')将todos最新的值的json数据存
2021-01-26 23:33:26
84
原创 认认强缓存和弱缓存(协商缓存)这两个小伙伴
经常开发大哥改完bug,重新部署测试环境后,我这个菜鸟测试都会刷新下页面,但是发现有时候bug并没有修复,这个时候开发大哥就会让我清下缓存。那么问题就来了:刷新页面没有清缓存嘛?这就涉及到了强缓存和弱缓存这两位兄弟喽1.首先看看强缓存和弱缓存是怎么来的**强缓存:**在http协议请求头中设置Expires或者Cache-Controlcache-control: max-age=3600Expires是用来设置缓存过期时间,cache-control的参数可以设置缓存的过期时间等。若浏览器
2020-10-24 15:14:24
502
原创 想想js事件循环机制
setTimeout(func(){},1000)表示过1秒调用func(){}那么setTimeout(func(){},0)是干嘛的呢?这里涉及到我们js的事件循环机制,js是单线程的,但是可以利用它的事件循环操作实现异步操作,这也避免了一些代码堵塞的问题。来说说js的事件循环机制:js在执行事件时顺序:同步队列->异步队列(所有微任务执行完->执行一个宏任务—循环)<script> setTimeout(function(){ conso
2020-10-24 15:12:53
142
原创 javascript与java比较运算符区别之绝对等于
javascript: === 表示绝对等于:值和类型都相等!==表示不绝对等于:值和类型有一个不相等或两个都不等==表示值相等类型可以不等在java中:==表示值和类型都相等
2020-09-09 20:22:36
312
原创 setTimeout/setInterval区别
1.setTimeout方法setTimeout(function(){ console.log('时间到了'); },2000)两秒钟到了会调用functionsetTimeout方法不会重复调用functionfunction callback(){ console.log('爆炸了') } setTimeout(callback,3000)三秒钟到了会调用callback函数停止定时器:v
2020-09-08 09:13:16
113
原创 CSS3-2d转换
CSS3过渡:我们可以在不使用Flash动画或JS的情况下,当元素从一种样式变换为另一种样式时为元素添加效果过渡动画:从一个状态渐渐的过渡到另外一个状态一般和:hover一起搭配使用transition:过渡的属性 花费时间 运动曲线 何时开始;过渡的属性:高度宽度 内外边距都可以,所有的属性变化直接写all即可花费的时间:单位是s运动曲线:默认ease 可以省略何时开始:单位是s 用于设置延时过渡 默认是0 可以省略2d转换:/* x就是x轴上移动位置,y就是y轴上移动位
2020-09-07 16:40:14
103
原创 CSS三角做法
<!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{ position: relative; wi
2020-09-07 14:57:30
110
原创 如何根据年龄给100万用户数据排序?
桶排序:将数据分到几个有序的桶中,再将桶内数据排序,桶内数据排完序后,将数据依次取出,此时的序列就是有序的了。计数排序:将k个数据装进k个桶,再将桶排序,输出到数组中,此时数组中的数据就是有序的时间复杂度:O(n)根据年龄给100万用户数据排序:可以假设用户年龄范围是[0,120)分为120个桶,将桶排序,则可以得出根据年龄给100万用户数据排序后的数据。...
2020-09-07 08:45:57
390
原创 margin-left和left属性区别
忘记给父元素添加定位,子元素设置left:180px;相对于浏览器右移180px设置margin-left:180px则相对于父元素右移180px因为直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置而margin-left属性的设置则不需要定位...
2020-09-07 01:04:59
358
原创 文字如何用省略号显示
overflow:hidden; white-space: nowrap; text-overflow: ellipsis;overflow:hidden;首先设置溢出文字隐藏white-space: nowrap;设置文字一行显示 ,不要换行text-overflow: ellipsis;text-overflow属性规定文本溢出时展示的效果ellipsis;代表用省略号显示文本溢出效果...
2020-09-06 13:41:13
151
原创 块级元素、行内元素、行内块元素区别?
块级元素:1.独占一行2.height,width,padding,margin都可以设置3.里面可以放行内或块级元素4.默认宽度是容器的100%行内元素:1.和相邻行内元素在同一行2.height,width不可设置,padding-top/bottom、margin-top/bottom不可设置,padding/margin-left/right可以设置3.默认宽度由文本内容决定4.行内元素只能容纳文本或其他行内元素行内块元素:<input>、<img>、&l
2020-08-31 12:05:22
101
原创 JS-图片切换
理论部分:1.DOM:Document object model文档对象模型作用:通过js操作html网页节点:node 构成HTML文档最基本的单元文档节点:整个HTML文档元素节点:HTML文档中的HTML标签属性节点:元素的属性文本节点:HTML标签中的文本内容2.文档加载:JS代码执行时是从上往下执行,所以若我们要把js代码写在头部,就要把要执行的代码放在函数window.οnlοad=function(){}中确保function里面的功能在页面加载完成后执行。3.获取元
2020-08-30 18:03:05
174
原创 HTML+CSS学习五
1.元素的显示与隐藏:display:none;隐藏对象display:block;除了转换为块级元素外还有显示元素的意思display隐藏元素后不再占有原来的位置visibility:visible;元素可视visibility:hidden;元素隐藏visibility隐藏元素后,继续占有原来的位置overflow:属性值属性值:visible 不剪切内容也不添加滚动条hidden 不显示超过对象尺寸 的内容,超出部分隐藏掉scroll不管超出内容否,总是显示滚动条auto超出
2020-08-27 17:06:48
141
原创 HTML+CSS学习四
1.给盒子添加圆角边框参数可以是数值或百分比复合写法:border-radius:length参数可以是数值或百分比分开写法:左上角:border-top-left-radius:length右上角:border-top-right-radius:length左下角:border-bottom-left-radius:length右下角:border-bottom-right-radius:length2....
2020-08-27 16:32:17
155
原创 绝对定位的盒子设置margin-right为什么不起作用?
.test1{ position: absolute; width: 100px; height: 100px; background-color: pink; left: 50%; margin-left: -100px; }```这里盒子的左边框先相对于浏览器的左边偏移50%( left: 50%;)再相对于浏览器的左边走-100px ( margin
2020-08-25 19:06:18
2022
5
原创 盒子模型
盒子模型及案例案例<!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> * {
2020-08-19 09:43:42
126
原创 HTML+CSS学习三及案例
案例:五彩导航<!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> .nav a {.
2020-08-13 18:03:25
147
原创 HTML+CSS学习二案例
<!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> body { ..
2020-08-13 09:13:24
180
原创 HTML+CSS学习二
HTML+CSS学习二CSS代码规范:选择器 {属性:属性值}一、选择器1.标签选择器:html标签名作为选择器把某一类标签全部选择出来p { text-indent: 2em; }把p标签的内容首行缩进两个字的距离2.类选择器.类名(一个标签可以写多个类名 多个类名用空格隔开)把相同class属性的元素选择出来.btn { font-weight: 700; }<button class="
2020-08-13 09:10:39
87
原创 html案例
html案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <h4
2020-08-12 15:02:42
734
原创 html+css学习一
(一).概要标题标签、分段标签、换行标签、文本格式化标签图像标签链接标签表格标签表单标签(二).详细内容1.标题标签一级标题:<h1></h1>二级标题:<h2></h2>三级标题:<h3></h3>四级标题: <h4></h4>五级标题:<h5></h5>六级标题:<h6></h6>一级到六级标题,字体大小/粗细的变化如图所示:
2020-08-12 14:56:01
243
3
原创 MySql DML(数据操纵语言)语句复习
MySql DML(数据操纵语言)语句复习实验环境 mysql 5.5.14+navicat开发日常频繁的数据库操作当然就是增、删、改、查啦!首先咱们来在建好的表中*添加记录*(insert):添加完记录咱们就来查一查吧(查询语句):\1. 单表查询:这是查询表中所有内容*,我们可用代替若是只查询iname,可以:select iname from interns;若是查询iname和salary:select iname,salary from interns;以此类推。查询不重
2020-06-14 17:19:56
210
原创 MySql DDL(数据定义语言)语句复习
MySql DDL(数据定义语言)语句复习实验环境:mysql 5.5.14+navicatDDL语句主要是对表的定义以及表结构的修改,多被DBA(数据库管理员)所使用。1.创建数据库:(打开navicat后点击新建查询就可以在空白处写查询语句啦!)例如 我这里新创建一个名为employers的数据库:点击运行代表数据库创建成功啦!2.查看系统中有哪些数据库此时我们写show databases时不需要将上一条sql语句删除,只需要将我们新写的语句选中,点击运行已选择的就可以了(若不
2020-06-14 14:47:23
227
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人