- 博客(62)
- 收藏
- 关注
RSS订阅原创 【Node.js学习 day5——包管理工具】
包是什么包（package）,代表了一组特定功能的源码集合包管理工具管理包的应用软件，可以对包进行下载安装，更新，删除，上传等操作借助包管理工具，可以快速开发项目，提升开发效率常用的包管理工具下面列举了前端常用的包管理工具npmyarncnpmyarn是由Facebook在2016年推出的新的JavaScript包管理工具，官方网址：https://yarnpkg.com/速度超快：yarn缓存了每个下载过的包，所有再次使用时无需重复下载。
2024-01-12 14:30:39
1021
原创 【Node.js学习 day4——模块化】
模块化介绍什么是模块化与模块？将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为模块化其中拆分的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用。什么是模块化项目？编码时是按照模块一个一个编码的，整个项目就是一个模块化的项目模块化好处· 防止命名冲突· 高复用性· 高维护性模块化初体验自定义模块 test.jsfunction tiemo(){ console.log('贴膜.........');}//暴露数据
2024-01-12 10:14:28
1083
原创 【Node.js学习 day3——http模块】
HTTP服务可以设置响应头Content-Type来表明响应体的MIME类型，浏览器会根据该类型决定如何处理资源。相对路径在发送请求时，需要与当前页面URL路径进行计算，得到完整URL后，再发送请求，学习截断用的较多。类型，浏览器在遇到该类型的响应时，会对响应体内容进行独立存储，也就是常见的。，例如图片，视频，CSS文件，JS文件，HTML文件，字体文件等。搭建HTTP服务，响应一个4行3列的表格，并且要求表格有。，例如百度首页，网易首页，京东搜索列表页面等。先HTML，后CSS，最后JS。
2024-01-11 16:28:16
983
原创 【Node.js学习 day2——预备知识】
fs模块可以实现与硬盘的交互，例如文件的创建、删除、重命名、移动，还有文件内容的写入、读取、以及文件夹的相关操作。流式写入方式适用于大文件写入或者频繁写入的场景，writeFile适合于写入频率较低的场景。相对路径中所谓的当前目录，指的是命令行的工作目录，而并非是文件的所在目录。程序打开一个文件是需要消耗资源的，流式写入可以减少打开关闭文件的次数。文件写入在计算机中是一个非常常见的操作，下面的场景都用到了文件写入。Buffer是一个类似于数组的对象，用于表示固定长度的字节序列。
2024-01-10 15:56:52
1074
原创 【NodeJS学习 day1——引入】
用户通过url向服务器发送请求，服务器将资源返回给浏览器，浏览器对这些资源进行解析，然后将界面呈现给用户。HTML+CSS→JavaScript→Node.js→Webpack→React→Vue→小程序。nodejs运行在服务端，对用户请求做处理并将资源返回给浏览器，从而让每个用户进行网站访问.Node.js是一款应用程序，是一款软件，它可以运行JavaScript。Webpack、Vite、Babel等。
2024-01-09 14:18:42
571
原创 【Bootstrap学习 day14】
分页是通过将内容分成单独的页面来组织内容的过程，分页导航一般用于文章列表页，下载列表、图片列表等，由于数据很多，不可能在一页显示，一般分页导航包括上一页，下一页、数字页码等。要创建一个基本的分页可以在<ul>元素上添加.pagination类，然后在<li>元素上添加.page-item类，<li>元素的<a>标签上添加.page-link类。.active类用于“突出显示”当前页面.disabled类用于不可点击的链接。
2024-01-08 13:27:35
806
原创 【Bootstrap学习 day13】
复选框有不同的标记，它们被设置了.form-check类的容器元素包围.label设置.form-check-label类，而复选框和单选按钮使用.form-check-input。如需打开下拉菜单，使用设置.dropdown-toggle类，.dropdown-toggle类定义了触发器元素，而触发器元素上需要属性data-bs-toggle="dropdown"来切换下拉菜单..form-control-lg或.form-control-sm更改.form-control输入控件的大小。
2024-01-05 17:51:19
1194
原创 【Bootstrap5学习 day12】
通过类.navbar可以创建一个标准的导航栏，若要创建响应式的导航栏，可以在类.navbar的基础上添加类.navbar-expand-xxl|xl|lg|md|sm来创建（大屏幕水平铺开，小屏幕垂直堆叠）。.fixed-top类使导航栏固定在页面的顶部，.fixed-bottom类把导航栏停留在页面底部.可以使用.bg-color类来更改导航栏的背景颜色，.navbar-dark类为导航栏中的所有链接添加白色文本颜色，或使用.navbar-light类添加黑色文本颜色。
2024-01-05 14:56:40
555
原创 【Bootstrap学习 day11】
我们可以在Bootstrap模板以及简单的网页中包含Bootstrap图标，而无需使用Bootstrap框架。利用提供的公共CDN服务并将图标字体的样式表添加到网站的<head>标签内。使用字体图标的好处是，可以通过应用CSS color属性来创建任何颜色的图标。此外，要更改图标的大小，只需使用CSS font-size属性即可。步骤一：在HTML文档的<head>部分包含下面的Bootstrap CDN链接。在网页中包含Bootstrap5图标的最简单方法是使用。字体图标是在Web项目中使用的图标字体。
2024-01-05 11:38:57
412
原创 【Bootstrap5学习 day10】
使用order类可更改特定flex项的视觉顺序，其中最低的数字具有最高的优先级（order-1显示在order-2之前，以此类推）默认为0。要指定子元素对齐可以使用.align-self-*类来控制，align-self-*属性允许单个项目有其他项目不一样的对齐方式。使用.flex-column垂直显示flex项目（彼此堆叠），或使用.flex-column-reverse反转垂直方向。使用.flex-row-reverse类用于设置右对齐显示，即与.flex-row方向相反。Flex布局练习（骰子模型）
2024-01-05 11:02:18
1212
原创 【Bootstrap5学习 day9】
使用w-*类（.w-25, .w-50, .w-75, .w-100, .mw-auto, . mw-100）设置元素的宽度。使用h-*类（.h-25, .h-50, .h-75, .h-100, .mh-auto, . mh-100）设置元素的高度。元素向右浮动使用.float-end类，向左浮动使用.float-start类，.clearfix类用于清除浮动。通过使用.mx-auto类来设置元素居中对齐（添加margin-left和margin-right为auto）x-用来设置left和right。
2024-01-02 17:04:06
1001
原创 【Bootstrap学习 day8】
将类.progress-bar-animated添加到带有类.progress-bar的元素上可以为条纹的进度条设置动画，它将通过CSS3动画从右到左为条纹设置动画。通过在.progress-bar元素内添加文本，就可以为进度条(progress-bar)添加标签，以显示可见的百分比。条纹是通过进度条背景颜色上的CSS渐变生成的。与串色类似，还可以使用相同的背景色实用程序类创建不同颜色的带条纹的进度条。使用.spinner-border-sm或.spinner-grow-sm类来创建加载效果的大小。
2024-01-02 15:39:28
403
原创 【Bootstrap学习 day7】
active类可以设置按钮是可用的，disabled属性可以设置按钮是不可点击的。要创建一个按钮组，只需将一系列具有.btn类的按钮包装在<div>元素中，然后在其上应用.btn-group类。可以使用.btn-group-lg|sm|xs类来设置按钮组的大小，可应用到整个按钮组的大小调整，而不需要对每个按钮进行大小调整。为此，只需将类.btn-group替换为类.btn-group-vertical。使用.btn-lg类设置大按钮，使用.btn-sm设置小按钮。按钮可设置为激活或者禁止点击的状态。
2024-01-02 14:11:25
476
原创 【Bootstrap学习 day6】
使图片根据屏幕大小自动适应，通过.img-fluid类进行设置，此类主要将max-width：100%;和height:auto；应用于图像，以便它更好地缩放以适合包含元素。通过同时使用.mx-auto(margin:auto)和.d-block(display:block)类来设置图片居中对齐。通过.float-start将图像向左浮动，或使用.float-end向右浮动。通过.img-thumbnail类实现（图片有边框）通过.rounded-circle类实现。通过.rounded类实现。
2024-01-02 10:57:06
581
原创 【Bootstrap学习 day5】
要使任何表格具有响应性，只需将.table元素包裹在.table-responsive元素内，即可创建响应式表格。还可以使用类.table-responsive{-sm|-md|-lg|-xl}根据视口宽度指定表格何时应具有滚动条。通过在table上添加.table-sm类，用于通过减少内边距来设置较小的表格，使表格更紧凑并节省空间。通过在table上添加.table-hover实现。通过在table上添加.table-bordered类实现。通过在table上添加.table-striped类实现。
2024-01-02 09:44:54
846
原创 【Bootstrap学习 day4】
可以将类.active添加到.list-group-item类后面用来指示当前项目元素使活动的。在最基本的形式中，列表组只是一个带有.list-group类的无序列表，且列表中的元素带有.list-group-item类。带徽章的列表组其实就是将Bootstrap框架中的徽章组件和基础列表组件结合在一起的一个效果，只需在.list-group-item的基础上追加徽章组件“badge”。可以通过简单地在.list-group元素上添加类.list-group-numbered来创建带有元素编号的列表组。
2023-12-29 16:13:26
655
原创 【Bootstrap学习 day3】
bootstrap5默认字体初始行高为1.5，共包含4中行高.lh-1(1rem)，.lh-sm（1.25rem），lh-base（1.5rem），.lh-lg（2rem）与上下文颜色类似，可以使用上下文背景颜色类来设置background-color元素，以对它们施加额外的强调。可以设置文本颜色透明度为50%，使用.text-black-50或.text-white-50类。在Bootstrap5中奖文本大小分为了六类，分别对应标题的h1-h6。添加类名.fs-*或添加类名h *（*号为1-6的数值）
2023-12-29 14:11:47
478
原创 【Bootstrap学习 day1】
③ 创建栅格容器后，设置名为col-md的div，当尾数为1时，表示每个div的宽度占1/12，所以每行最多可以防止12个子div，如果超过12个，则会在下一行显示。① 网格每一行需要放在设置了.container（固定宽度）或.container-fluid（全屏宽度）类的容器中，这样就可以自动设置一些外边距与内边距。※ 需要交换位置的列只有与被交换位置的列二者同时发生顺序改变时，列顺序的变更才会生效。.col-md-桌面显示器，屏幕宽度等于或大于768px。在原始列宽划分的基础上，对列进行进一步划分。
2023-12-26 17:15:22
573
原创 【常用前端框架总结】
Angular使用组件化的架构，支持双向数据绑定、依赖注入、路由和模块化等特性，同时还提供了丰富的指令和服务来简化开发过程。Vue.js具有响应式的数据绑定、虚拟DOM、组件化开发等特性，同时还提供了丰富的插件和工具生态系统。它提供了一套丰富的可复用组件，用于构建漂亮的用户界面。Bootstrap是一个流行的HTML、CSS和JavaScript框架，用于快速构建响应式的、移动设备优先的网站和应用程序。它提供了丰富的样式和组件，包括网格系统、按钮、表单、导航栏等，使得页面布局和设计变得简单和一致。
2023-12-26 13:31:55
1009
原创 vue前端中v-model与ref的区别
作用：ref引用对象主要用于在Vue组件中创建和管理响应式数据，ref是一个函数，用于创建响应式引用对象，例如const myRef = ref(initialValue)。在上面的示例中，使用ref函数创建了一个名为newTodo的引用对象，并将其初始化为空字符串。作用：将输入框与message绑定，及将用户输入的内容绑定到message这个变量上，但是message是无法在script中获取到的，要想在js中访问，就只能通过向方法中传递message等方法。
2023-10-16 15:48:02
716
1
原创 MySQL数据库连接失败
1、登录到MySQL服务器：在终端中使用以下命令登录到MySQL服务器，其中-u参数后面是您的用户名，然后系统会提示您输入密码。请将new_password替换为您要设置的新密码，并确保密码符合您的安全策略。命令行输入“services.msc”，查找并双击MySQL服务，从而启动、停止或重新启动MySQL。现在，您的MySQL密码已经修改成功。如果您使用的MySQL版本支持密码策略，可能需要确保新密码符合规定的策略要求。输入当前密码：在成功登录后，您需要输入当前的MySQL密码。
2023-09-26 15:49:48
242
原创 vue多层嵌套子路由不显示
组件Weekends的路由为“/schedule/weekends”，要在父组件中渲染需要配置router-link（访问链接，相当于html中的。
2023-09-20 16:58:11
1091
1
原创 JavaScript学习日记
当在块中声明变量时，let可以将变量的作用域限制在块内，var则不行。1、函数内声明变量时，使用var与let相似（作用域均为函数内）2、块外声明时，var和let也相似（均为全局变量）
2023-09-15 17:28:14
59
原创 【添加vue页面时框架自动生成问题】
添加vue页面时框架自动生成问题打开VS Code，点击左侧侧边栏中的扩展按钮（或使用快捷键Ctrl+Shift+X）。在扩展搜索框中输入“Vue”，然后选择并安装适用于Vue开发的插件。常用的插件有“Vetur”和“Vue 2 Snippets”等。安装完插件后，重新启动VS Code。 打开一个Vue项目的文件夹，在VS Code中打开一个.vue文件。在.vue文件中，输入vue并按下Tab键，将会自动生成Vue页面的基本框架代码
2023-09-08 09:27:29
167
原创 【springboot2.7.5整合swagger3.0.0】
其中，springboot与swagger的版本对应关系见。也可以采用注解的方式实现。配置时注意版本冲突问题。附：可能出现的其他问题。
2023-09-05 17:01:01
563
原创 MySQL安装starting the server 失败问题
考虑是路径编码问题，查看安装路径，不存在中文，故考虑计算机命名问题，修改为英文，安装成功。
2023-08-14 16:36:05
364
原创 【入职准备——C++学习日记day6 数据类型深入】
十六进制由数字0~9、字母A-F或a-f（不区分大小写）组成，书写时必须以0x或0X（不区分大小写）开头。注：遇到斜线但不想转义的情况时，可以采用双斜线，但这种做法会导致代码可读性差。八进制由0~7八个数字组成，书写时必须以0开头（注意是数字0，不是字母0）。自动类型转换：某些类型的转换编译器可以隐式的进行，不需程序员干预。二进制由0和1组成，书写时必须以0b或0B（不区分大小写）开头。在内存中，不存放字符本身，而是存放与它对应的编码，即ASCII码。2、创建与平台无关的数据类型，提高程序的兼容性。
2023-03-22 14:52:18
79
1
原创 【入职准备——C++学习日记day5 函数相关】
返回值的数据类型 函数名（参数一的数据类型 参数一，参数二的数据类型 参数二，……）；定义返回值的数据类型 函数名（参数一的数据类型 参数一，参数二的数据类型 参数二，……） {实现函数功能的代码；return 返回值；注意：1、函数的声明和定义可以书写在一起，也可以分开，如果书写在一起，一般放在main函数的上面，如果分开，一般在main函数的上面声明，在main函数下面定义。2、如果函数的声明和定义分开书写，函数的声明后面一定要有分号，函数的定义后面一定不能写分号。
2023-03-20 13:43:08
76
原创 【入职准备——C++学习日记day4 程序结构】
7、if或else分支花括号内的代码如果只有一行，花括号可以不写；4、表达式一般是关系运算和逻辑运算表达式，也可以赋值运算或其它的表达式。5、不要把if(变量名==值)写成if(变量名=值)1、多条件的if语句本质上是嵌套的if语句。// 全部表达式都不为真时执行的语句。1、if(表达式)之间的空格可以不写。//表达式一为真时执行的语句。else if (表达式二)//表达式二为真时执行的语句。//表达时为真时执行的语句。//表达式为假时执行的语句。3、表达式可以是具体的值。2、表达式必须使用括号。
2023-03-19 14:22:03
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人