迪幻-优快云博客

每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。在匹配时，会按照路由的顺序进行匹配，如果请求类型和请求的 URL 同时匹配成功，则 Express 会将这次请求，转交给对应的 function 函数进行处理。在 Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系。为了方便对路由进行模块化的管理，Express 不建议将路由直接挂载到 app 上，而是推荐将路由抽离为单独的模块。app.use()的作用是注册全局中间件。

2024-05-22 18:46:47 323

原创 Node.js —— Express中服务器的创建、托管静态资源、nodemon

本文是为学习npm中express模块的第一节，为大家介绍了如何安装express，以及用express创建服务器、托管静态资源、安装nodemon环境，为以后的express学习打下了坚实的基础

2024-05-21 20:32:47 1082

原创 Node.js —— Express 中间件、接口编写、接口跨域【0基础向Express模块学习】

用易懂的知识和例子让0基础小白也能学懂Express中的中间件，端口编写，解决跨域问题

2024-05-21 10:46:12 2183 3

原创 node.js —— npm与包

包根目录中的 README.md 文件，是包的使用说明文档。通过它，我们可以事先把包的使用说明，以 markdown 的格式写出来，方便用户参考。README 文件中具体写什么内容，没有强制性的要求；只要能够清晰地把包的作用、用法、注意事项等描述清楚即可。包含以下内容：安装方式、导入方式、函数使用方式、开源协议使用 require() 加载自定义模块时，必须指定以 ./ 或 ../ 开头的路径标识符。

2024-05-20 20:27:18 1065

原创 Node.js —— Node.js 中模块化

Node.js 中根据模块来源的不同，将模块分为了 3 大类，分别是：内置模块（内置模块是由 Node.js 官方提供的，例如 fs、path、http 等）自定义模块（用户创建的每个 .js 文件，都是自定义模块）第三方模块由第三方开发出来的模块，并非官方提供的内置模块，也不是用户创建的自定义模块，使用前需要先下载使用强大的require()方法，可以加载需要的内置模块用户自定义模块第三方模块进行使用。

2024-05-20 08:43:47 448

原创 node.js —— 解读http模块

只要服务器接收到了客户端的请求，就会调用通过 server.on() 为服务器绑定的 request 事件处理函数。

2024-05-19 15:05:57 760

原创 node.js —— 解读path模块

path.join() 方法会根据当前操作系统自动使用正确的路径分隔符，确保生成的路径在所有平台上都是有效的。代码可读性和维护性：使用 path.join() 方法可以使代码更具可读性和可维护性，因为它清晰地表达了路径的连接操作，而不是简单的字符串拼接。解决路径中的相对路径问题：使用 path.join() 方法可以解决路径中的相对路径问题，确保生成的路径是基于当前工作目录的绝对路径。处理尾部斜杠： path.join() 方法会处理路径中尾部的斜杠，确保最终的路径不会因为多余的斜杠而出现问题。

2024-05-19 12:01:43 379

原创 Node.js —— 终端快捷键以及解读fs模块

powershell 或 cmd 终端快捷键：指令：使用↑键，可以快速定位到上一次执行的命令使用tab键，能够快速补全路径使用esc键，能够快速清空当前已输入的命令输入cls命令，可以清空终端。

2024-05-18 22:26:04 521

原创 Html提高——视频标签&音频标签及其相关属性

HTML5 在不使用插件的情况下，也可以原生的支持音视频格式文件的播放，当然，支持的格式是有限的。

2024-04-01 16:00:15 838

原创 Html提高——音频标签及其相关属性

【代码】Html提高——音频标签及其相关属性。

2024-04-01 15:59:39 172

原创 Css提高——Css3盒子模型border-box

CSS3 中可以通过 box-sizing 来指定盒模型，有2个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以看到原定大小300*300的盒子被border、margin、padding撑大了；border、margin、padding撑大了；可以看到原定大小300*300的盒子被。

2024-03-20 07:49:07 790

原创 Css提高——Css3的新增选择器

新型办法：伪类选择器的额外标签法。

2024-03-18 14:36:41 912

原创 Css提高——calc函数、过渡

【代码】Css提高——calc函数、过渡。

2024-03-18 14:21:35 430

原创 Html提高——HTML5 新增的语义化标签

以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的。但是在html5里增加了语义化标签，如。

2024-03-15 10:14:03 760

原创 Css提高——flex布局及其相关属性

align-self。

2024-03-14 14:41:55 1174

原创 Css基础——绘制三角形、鼠标样式、轮廓线、放拖拽文本域、vertical-align属性

官方解释：用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。这样是不利于我们的界面的美观的，所以我们可以通过设置outline: none来取消这个特效。当其中的三边都是透明（transparent）的时候，就可以看到一个小三角形。一般情况下，我们选中文本框时，文本框外面的边框会变粗或者有着蓝色的描边。在页面默认的情况下，我们的textarea是可以进行拖拽的。这不利于我们页面的排版，因此，我们可以取消这个拖动的功能。这样，我们的边框特效就取消了。

2024-03-13 19:55:35 527

原创 Css基础——溢出文字省略号表达

1. 先强制一行内显示文本*/ white-space: nowrap;（默认 normal 自动换行）3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis;2. 超出的部分隐藏*/ overflow: hidden;5、设置或检索伸缩盒对象的子元素的排列方式。4限制在一个块元素显示的文本的行数。3、弹性伸缩盒子模型显示。2、溢出的部分用省略号显示。1、超出的部分被隐藏。

2024-03-13 10:50:08 2287

原创 Css基础——vertical-align属性

CSS 的 vertical-align 属性使用场景：经常用于设置图片或者表单(行内块元素）和文字垂直对齐。官方解释：用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。行内块元素适用vertical-align属性，图片、表单都属于行内块元素，默认的 vertical-align 是基线对齐。此时可以给图片、表单这些行内块元素的 vertical-align 属性设置为 middle 就可以让文字和图片垂直居中对齐了。

2024-03-11 20:25:07 6910

原创 Css基础——精灵图（sprites）和字体图标

一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。

2024-03-10 14:43:45 1557

原创 Css基础——元素的隐藏和显示

隐藏对象除了转化块级元素之外，还有显示元素的功能display隐藏元素之后就不再占有原来的位置（脱标）【对比visibility的隐藏，visibility不会脱标】visibility可以指定一个元素是可视还是隐藏visibility隐藏元素后，继续占有原来的位置（不脱标）【对比于display，display隐藏元素后会脱标】元素可视元素隐藏不做任何处理&overflow: visible。

2024-03-09 21:28:50 485

原创 Css基础——Css的定位

postion:relative：1、是相对于自己本来的位置进行的边偏移2、它不会脱标，仍然会在它文件流时候应有的位置html：css：效果图：position: absolute1、它的绝对是相较于祖先元素来定的，若其没有祖先元素或者是祖先元素没有定位的时候，就以浏览器为准定位2、若祖先元素都有定位（相对定位，绝对定位、固定定位）的时候，就会以最近一级有定位（相对定位，绝对定位、固定定位）的祖先元素为准进行定位3、绝对定位的元素会脱标html：css：效果图：解释说明：因为t

2024-03-08 13:06:16 1071

原创 Css基础——Css的三大特性&圆角边框&阴影

复合选择器还有权重叠加的情况权重会有叠加，但是永远不会进位。

2024-03-07 13:59:23 451

原创 Css基础——盒子模型

如何盒子本身没有指定width/height属性则此时padding不会撑开盒子大小。代表盒子的外边距上下是30，左右是50。padding的好处。

2024-03-07 07:40:51 386

原创 Css基础——Css的背景

3、background-repeat 背景平铺4、background-position 背景图片位置5、background-attachment 背景固定6、背景的复合写法8、背景总结

2024-03-06 12:06:40 667 1

原创 Css基础——Css的复合选择器&Emmet语法

ul li {<li>迪幻</li><li>迪幻</li><li>迪幻</li><li>迪幻</li><li>迪灵</li><li>迪灵</li><li>迪灵</li><li>迪灵</li><li><a href="#">点我</a></li>迪灵</li><li>迪灵</li><li>迪灵</li><li>迪灵

2024-03-05 07:37:58 431

原创 Css基础——Css的元素显示模式

a {p {div {1、这原本是一个行内元素</a><br><a href="#">2、这原本是一个行内元素1、这原本是一个块元素</p><p>2、这原本是一个块元素1、这原本是一个块元素</div><br><div>2、这原本是一个块元素

2024-03-04 19:27:21 960 1

原创 Css基础——Css的引入方式

在html页面的<head></head>标签内部的样式表2、行内样式表在html页面的<body></body>内的标签中加入样式表以达到修改某一个标签的效果3、外部样式表通过引入外部的css文件以达到实现大量的样式修改效果的同时，不使html文件中的代码篇幅过长同一目录下有两个文件1、css外部样式表.css2.html文件css外部样式表.css：html文件：4、总结：

2024-03-03 19:01:08 361

原创 Css基础——Css文本属性

2、text-align 文本水平对齐方式3、text-decoration 文本装饰（文字划线）4、text-indent 文本缩进5、line-height 行间距6、总结：

2024-03-02 22:44:47 359

原创 Css基础——Css字体属性

h2{font-family: "微软雅黑";p{font-family: "宋体";迪幻的主页姓名：迪幻性别：男专业：计算机科学与技术body{姓名：迪幻性别：男

2024-03-01 14:31:06 594 1

原创 Css基础——Css的四种选择器

对页面某一类的标签进行统一修改2、类选择器实战：使用类选择器画盒子类选择器-多类名3、id选择器与类选择器的区别：id选择器只能被调用一次，类选择器可以被多次调用

2024-02-29 19:07:24 503

原创 Luogu 洛谷 P1873 [COCI2011-2012#5] EKO / 砍树题解

题目说明了要找一个能获得足够多木材的最高的高度，再看数据，数据也是非常的大，所以暴力的做法肯定是行不通的，所以我就使用了二分法里面的二分答案进行这个题的解答。

2023-11-26 16:45:43 433 1

Express自定义中间件示例文件

空空如也