![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 65
迪幻
本人为计算机科学与技术专业的大一新生,目前还在学习中,发布的内容如有任何错误、不妥或是值得改进的地方,敬请谅解并与我联系,谢谢o( ❛ᴗ❛ )o
展开
-
Vue.js - 生命周期与工程化开发【0基础向 Vue 基础学习】
本文是 Vue 专栏的第三篇文章,为大家讲解了 Vue 的生命周期以及工程化开发的部分原创 2024-06-01 13:52:41 · 1283 阅读 · 12 评论 -
Vue.js - 计算属性与侦听器 【0基础向 Vue 基础学习】
本文为 Vue.js 专栏的第二篇文章,给大家详细讲解了 Vue 框架中的计算属性与侦听器原创 2024-05-27 22:27:58 · 1254 阅读 · 11 评论 -
Vue.js - Vue 的安装 以及 常用的 Vue 指令 【0基础向 Vue 基础学习】
文本为 Vue.js 的系列的第一篇文章,其向大家讲解了 Vue 的相关插件的安装 以及 常用的 Vue 的指令原创 2024-05-25 11:56:43 · 1332 阅读 · 4 评论 -
Css提高——Css的动画与3D转换
本文向大家介绍了Css中的Css动画与3D转化原创 2024-05-24 23:23:54 · 244 阅读 · 1 评论 -
Node.js —— 前后端的身份认证 之用 express 实现 JWT 身份认证
本文向大家解读了jwt的认证机制以及在Express框架下如何使用jwt认证原创 2024-05-24 23:20:46 · 1130 阅读 · 2 评论 -
Css 提高 - 获取DOM元素
Web API——获取DOM元素,为大家讲解了获取DOM元素的几种方法原创 2024-05-23 23:39:29 · 482 阅读 · 7 评论 -
Node.js —— 前后端的身份认证 之用express实现session认证
Session 认证是一种常见的身份验证机制,用于在 Web 应用程序中跟踪用户的登录状态。本次文章为大家讲解了如何用Express模块以及express-session 模块来写session认证原创 2024-05-23 23:38:04 · 734 阅读 · 0 评论 -
MySQL ——MySQL的安装与增删改查的基本操作
MySQL的安装教程,增删改查的基本操作以及用npm的mysql模块管理操作数据库的教程原创 2024-05-22 21:33:43 · 1081 阅读 · 0 评论 -
node.js —— Express路由
每当一个请求到达服务器之后,需要先经过路由的匹配,只有匹配成功之后,才会调用对应的处理函数。在匹配时,会按照路由的顺序进行匹配,如果请求类型和请求的 URL 同时匹配成功,则 Express 会将这次请求,转交给对应的 function 函数进行处理。在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系。为了方便对路由进行模块化的管理,Express 不建议将路由直接挂载到 app 上,而是推荐将路由抽离为单独的模块。app.use()的作用是注册全局中间件。原创 2024-05-22 18:46:47 · 251 阅读 · 0 评论 -
Node.js —— Express中服务器的创建、托管静态资源、nodemon
本文是为学习npm中express模块的第一节,为大家介绍了如何安装express,以及用express创建服务器、托管静态资源、安装nodemon环境,为以后的express学习打下了坚实的基础原创 2024-05-21 20:32:47 · 811 阅读 · 0 评论 -
Node.js —— Express 中间件、接口编写、接口跨域 【0基础向Express模块学习】
用易懂的知识和例子让0基础小白也能学懂Express中的中间件,端口编写,解决跨域问题原创 2024-05-21 10:46:12 · 1963 阅读 · 3 评论 -
node.js —— npm与包
包根目录中的 README.md 文件,是包的使用说明文档。通过它,我们可以事先把包的使用说明,以 markdown 的格式写出来,方便用户参考。README 文件中具体写什么内容,没有强制性的要求;只要能够清晰地把包的作用、用法、注意事项等描述清楚即可。包含以下内容:安装方式、导入方式、函数使用方式、开源协议使用 require() 加载自定义模块时,必须指定以 ./ 或 ../ 开头的路径标识符。原创 2024-05-20 20:27:18 · 924 阅读 · 0 评论 -
Node.js —— Node.js 中模块化
Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)自定义模块(用户创建的每个 .js 文件,都是自定义模块)第三方模块由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载使用强大的require()方法,可以加载需要的内置模块用户自定义模块第三方模块进行使用。原创 2024-05-20 08:43:47 · 404 阅读 · 0 评论 -
Node.js —— 终端快捷键 以及 解读fs模块
powershell 或 cmd 终端 快捷键:指令:使用↑键,可以快速定位到上一次执行的命令使用tab键,能够快速补全路径使用esc键,能够快速清空当前已输入的命令输入cls命令,可以清空终端。原创 2024-05-18 22:26:04 · 422 阅读 · 0 评论 -
Html提高——视频标签&音频标签及其相关属性
HTML5 在不使用插件的情况下,也可以原生的支持音视频格式文件的播放,当然,支持的格式是有限的。原创 2024-04-01 16:00:15 · 599 阅读 · 0 评论 -
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 · 622 阅读 · 0 评论 -
Css提高——Css3的新增选择器
新型办法:伪类选择器的额外标签法。原创 2024-03-18 14:36:41 · 708 阅读 · 0 评论 -
Css提高——calc函数、过渡
【代码】Css提高——calc函数、过渡。原创 2024-03-18 14:21:35 · 404 阅读 · 0 评论 -
Html提高——HTML5 新增的语义化标签
以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的。但是在html5里增加了语义化标签,如。原创 2024-03-15 10:14:03 · 640 阅读 · 0 评论 -
Css提高——flex布局及其相关属性
align-self。原创 2024-03-14 14:41:55 · 1106 阅读 · 0 评论 -
Css基础——绘制三角形、鼠标样式、轮廓线、放拖拽文本域、vertical-align属性
官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。这样是不利于我们的界面的美观的,所以我们可以通过设置outline: none来取消这个特效。当其中的三边都是透明(transparent)的时候,就可以看到一个小三角形。一般情况下,我们选中文本框时,文本框外面的边框会变粗或者有着蓝色的描边。在页面默认的情况下,我们的textarea是可以进行拖拽的。这不利于我们页面的排版,因此,我们可以取消这个拖动的功能。这样,我们的边框特效就取消了。原创 2024-03-13 19:55:35 · 477 阅读 · 0 评论 -
Css基础——溢出文字省略号表达
1. 先强制一行内显示文本*/ white-space: nowrap;( 默认 normal 自动换行)3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis;2. 超出的部分隐藏*/ overflow: hidden;5、设置或检索伸缩盒对象的子元素的排列方式。4限制在一个块元素显示的文本的行数。3、 弹性伸缩盒子模型显示。2、溢出的部分用省略号显示。1、超出的部分被隐藏。原创 2024-03-13 10:50:08 · 1072 阅读 · 0 评论 -
Css基础——vertical-align属性
CSS 的 vertical-align 属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。行内块元素适用vertical-align属性,图片、表单都属于行内块元素,默认的 vertical-align 是基线对齐。此时可以给图片、表单这些行内块元素的 vertical-align 属性设置为 middle 就可以让文字和图片垂直 居中对齐了。原创 2024-03-11 20:25:07 · 2893 阅读 · 0 评论 -
Css基础——精灵图(sprites)和字体图标
一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送 请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。原创 2024-03-10 14:43:45 · 1263 阅读 · 0 评论 -
Css基础——元素的隐藏和显示
隐藏对象除了转化块级元素之外,还有显示元素的功能display隐藏元素之后就不再占有原来的位置(脱标)【对比visibility的隐藏,visibility不会脱标】visibility可以指定一个元素是可视还是隐藏visibility隐藏元素后,继续占有原来的位置(不脱标)【对比于display,display隐藏元素后会脱标】元素可视元素隐藏不做任何处理&overflow: visible。原创 2024-03-09 21:28:50 · 366 阅读 · 0 评论 -
Css基础——Css的定位
postion:relative:1、是相对于自己本来的位置进行的边偏移2、它不会脱标,仍然会在它文件流时候应有的位置html:css:效果图:position: absolute1、它的绝对是相较于祖先元素来定的,若其没有祖先元素或者是祖先元素没有定位的时候,就以浏览器为准定位2、若祖先元素都有定位(相对定位,绝对定位、固定定位)的时候,就会以最近一级有定位(相对定位,绝对定位、固定定位)的祖先元素为准进行定位3、绝对定位的元素会脱标html:css:效果图: 解释说明:因为t原创 2024-03-08 13:06:16 · 1017 阅读 · 0 评论 -
Css基础——Css的三大特性&圆角边框&阴影
复合选择器还有权重叠加的情况权重会有叠加,但是永远不会进位。原创 2024-03-07 13:59:23 · 417 阅读 · 0 评论 -
Css基础——盒子模型
如何盒子本身没有指定width/height属性则此时padding不会撑开盒子大小。代表盒子的外边距上下是30,左右是50。padding的好处。原创 2024-03-07 07:40:51 · 344 阅读 · 0 评论 -
Css基础——Css的背景
3、background-repeat 背景平铺4、background-position 背景图片位置5、background-attachment 背景固定6、背景的复合写法8、背景总结原创 2024-03-06 12:06:40 · 521 阅读 · 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 · 388 阅读 · 0 评论 -
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 · 919 阅读 · 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 · 336 阅读 · 0 评论 -
Css基础——Css文本属性
2、text-align 文本水平对齐方式3、text-decoration 文本装饰(文字划线)4、text-indent 文本缩进5、line-height 行间距6、总结:原创 2024-03-02 22:44:47 · 317 阅读 · 0 评论 -
Css基础——Css字体属性
h2{font-family: "微软雅黑";p{font-family: "宋体";迪幻的主页姓名:迪幻性别:男专业:计算机科学与技术body{姓名:迪幻性别:男原创 2024-03-01 14:31:06 · 486 阅读 · 1 评论 -
Css基础——Css的四种选择器
对页面某一类的标签进行统一修改2、类选择器实战:使用类选择器画盒子类选择器-多类名3、id选择器与类选择器的区别:id选择器只能被调用一次,类选择器可以被多次调用原创 2024-02-29 19:07:24 · 408 阅读 · 0 评论