一碗菜粥的博客

这里是AI方向的一碗科班菜粥，正努力自学Java 佛系刷力扣中~人生理想：变成一碗更有营养的粥。所以！为了粥里能有更多干货而努力中！

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创前端疑难困惑小笔记-5 CSS3中的nth-child(n) 选择器用案例把知识点分析得明明白白~

选择器作用nth-child(n)选择器的作用：nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是一个数字，一个关键字，或者一个公式。W3school给的例子<!DOCTYPE html><html><head><style> p:nth-child(2){background:#ff0000;}</style></head><body><h

2021-02-21 12:13:28 658 3

原创前端疑难困惑小笔记-4 CSS学习中 background-color属性在盒子模型中控制了哪部分的背景颜色呢

background-color这个属性可以用来控制盒子背景的颜色但是控制的是哪一块儿呢我们举个简单的例子来看一下【1】边框透明的情况<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"

2021-02-21 10:29:25 465 2

原创前端爱好者的小白学习之路 4-2 CSS学习笔记-一篇就看懂浮动重点：清除浮动；浮动特性-脱标

实际开发中常用的三种布局方式有：（不包括移动端学习的新的布局方式）浮动标准流定位想要做好web开发就一定要学好这三种摆放盒子的方法~这篇小文儿就来总结一下浮动的相关知识什么是浮动？CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。在之前的学习中我们布局都使用的标准流但在实际开发中好多问题用标准流无法解决这时候我们的“浮动“就闪亮登场啦！标准流的使用场景纵向的盒子放在一列的时候

2021-02-18 21:35:30 1004 2

原创言简意赅3分钟看懂TCP三次握手协议

当然 3分钟看懂还是有点困难（本来说的也不是很清楚QAQ）我只是个标题党而已我只是希望大家能点进来康康嘿嘿当然啦我也会尽力地用言简意赅的话语总结下这个小知识点儿的~废话少说，来了解一下三次握手协议~看懂这个三次握手协议的思维过程是这样式儿的——1.TCP是确保传输可靠性的。2.Q:那么TCP怎么确保数据（可靠地）到达目标呢？3.A:用了三次握手的策略（这是其中一种方法也是今天要讨论的方法）4.Q:三次握手策略是啥玩儿？5.A:就是这玩儿~为了准确无误地将数据送达目标处 TCP协

2021-02-16 18:31:32 229 4

原创简易学习JavaScript的Data对象并且利用js完成简易倒计时功能

简易倒计时功能的完成）灵感来源：知识点涉及：Data对象格式化日期年月日星期格式化时间时分秒Data总的毫秒数（时间戳）重点：倒计时案例有待改进灵感来源：京东的秒杀页面学习了js的Data对象之后我们也可以实现类似的功能哦~接下来我们先复习一下Data对象的一些细则然后再完成这个肥肠重要的倒计时案例~看完本文后我们会对时间戳的印象更加深刻嗷~知识点涉及：为了完成这个小案例我们需要了解的知识：js的内置对象：Data利用Data对象达成目的Data对象初步感知D

2021-02-16 13:58:49 1201

原创 JavaScript对象要点记录——利用Math对象-随机数方法random()进行随机数生成&随机点名~

利用Math对象中的random函数进行一个随机点名的应用Math.random();//返回一个随机的小数x 0<=x<1//可以查阅MDN文档其中内容很详细console.log(Math.random());//获得随机数//应用：得到两个数之间的随机整数并且包含这两个整数function getRandom(min,max){ return Math.floor(Math.random()*(max-min+1))+min;//固定的算法}//检验con

2021-02-13 23:12:05 679 1

原创前端疑难困惑小笔记-3 巧用margin和定位达到特定网页效果

问题引入逛电脑端淘宝的时候我们经常可以看到随着我们的鼠标移动会出现这样的效果——出现了一个框框！如何做到这个框框相信大家也都轻车熟路使用ul li:hover;再设置边框的颜色但是如果在盒子紧贴在一起的时候我们如果只是简单地使用如上的方法会出现什么样的效果呢？我们简单举例来探索一下举例探索初步解决方法使用如上代码创造出紧贴在一起的几个盒子当我们简单地添加之后，效果——诶。。蓝色边框没惹那咋办嘛利用定位我们有两个手段来解决这个问题。改进方法一盒子没有定位—

2021-02-13 21:16:51 155 1

原创前端爱好者的小白学习之路 4-1 CSS学习笔记-盒子模型基础知识

经过前面一个阶段对HTML CSS基础语法的学习之后我们已经可以写出来一个简单的网页了HTML基础知识总结CSS基础语法总结但这些想要做好网页布局只有那些基础知识肯定是不够的诶（学会了这些基础知识我们只能对网页中单一的一块内容进行设计或者是凌乱地对一整片网页进行布局太不系统啦！）所以我们引入了“盒子模型”这个概念，不理解盒子模型是不能清晰明了地写出来一个网页的~我们看到的网页中一个个分块显示的内容，其实就是一个个的盒子作为一名初入前端领域的小白肯定是要从盒子模型开始像搭积

2021-02-10 01:49:11 2671 3

原创复制Typora书写笔记中内容（包含图片）到其他地方时笔记中的图片无法显示的问题（初级解决方法绝对路径—＞相对路径）

痛点：.md中的图片总是莫名其妙地消失解决方法：大多数这种情况就是因为图片的路径是绝对路径而不是相对路径就比如说下图这种图片我一旦将整篇文章放到github上这张图片会因为路径错误而无法读取而为了能让我们的.md文件（包含在我们上传的文件夹内）在github中可以被其他爱好者下载整个文件夹然后阅读到我们应该修改文件的绝对路径——变成相对路径而为了让Typora记住我们这个喜好我们进行设置设置完毕后我们每次向.md文档中拖入一张图片就会生成一个与.md文件同名的文件夹储存

2021-02-05 22:57:01 1899

原创前端疑难困惑小笔记-2 盒子阴影

box-shadow: h-shadow v-shadow blur spread color inset;其中：h-shadow 必需的。水平阴影的位置。允许负值v-shadow 必需的。垂直阴影的位置。允许负值blur 可选。模糊距离spread 可选。阴影的大小color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表inset 可选。从外层的阴影（开始时）改变阴影内侧阴影水平阴影h-shadow：必选正——阴影向右偏移垂直阴影v-shadow：必选正——阴影向下偏移

2021-02-01 16:56:09 288

原创前端疑难困惑小笔记-1 行内（内联）元素块级元素内联块状元素

行内（内联）元素、块级元素特性设置行内元素不可以设置宽、高但是块级元素可以display:inline-block;//同时具有行内元素与块级元素的属性*块元素：<div> <p> <h1> <ul> <ol> <table> <form>【1】width height 即宽高设置有效【2】即使设置了宽度，盒子依旧独占一行*内联元素：<a> <span> <br&gt

2021-02-01 16:17:54 256

原创网站建设基本知识-1 你应该知道的HTTP协议相关

学习HTTPHTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。1.HTTP简介HTTP协议是HyperText Transfer Protocol（超文本传输协议）的缩写用于从万维网（WWW:World Wide Web）（WWW）服务器传输超文本到本地浏览器的传送协议。2.HTTP工作原理工作

2021-02-01 14:56:54 231 1

原创 JavaScript基础语法要点记录-函数返回值相关规则【需要记住！】

// 函数返回值注意事项1.return 后面的代码不会被执行！2.return 只能返回一个值（如果有多个值，最终返回值为最后一个）3.函数的返回值为[xxx,xxx,xxx]——结果输出的是一个数组，可以用来进行多个计算结果的获得。4.我们的函数如果有return 则返回的是 return 后面的值，如果函数没有 return 则返回undefined// 1. return 终止函数function getSum(num1,num2){ return num1 + num2;

2021-02-01 12:25:57 215