自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Vue 3:革新的里程碑与强大的功能

Composition API的引入 Vue 3引入了全新的Composition API,这是一个基于函数的API,使得开发者能够更好地组织和重用代码逻辑。更强大的工具和生态系统 随着Vue 3的发布,Vue的工具和生态系统也得到了极大的提升。Vue CLI 5作为一个用于快速构建Vue项目的脚手架工具,提供了更多的特性和选项,使得开发者能够更轻松地进行项目配置和管理。此外,Vue 3还引入了更多的官方库和插件,如Vite、Vue Router 4和Vuex 5等,进一步丰富了Vue的生态系统。

2023-10-31 14:53:14 102 1

原创 Vue的初级简易插值操作

语法进行插值操作,将数据动态地渲染到模板中。在Vue中,可以使用双大括号。4.原始HTML插值:使用。

2023-09-14 20:53:45 112 1

原创 构造函数中new做了什么?

/ 输出:Alice。指向新创建的对象,而不是全局对象。这使得我们可以在构造函数中使用。// 使用new关键字调用构造函数创建一个对象。然后,构造函数中的代码将执行,将。,它会创建一个新的空对象,并将该空对象的原型链指向。属性添加到新创建的对象中。被返回,并可以对其进行访问和操作。关键字调用构造函数时,构造函数中的。来访问和修改新对象的属性和方法。下面是一个简单的示例来说明。// 定义一个构造函数。

2023-08-29 17:21:40 180 1

原创 css适用移动端的两个常用技巧

1.使用响应式布局:使用CSS媒体查询(@media)来根据不同的屏幕大小应用不同的样式。2.使用弹性布局(Flexbox):使用flexbox可以轻松地创建自适应的布局。

2023-07-18 08:44:00 107 1

原创 BFC主要特性和创建方式

BFC区域边界的计算:BFC会根据自身内容计算出包含块的边界,不会受到浮动元素的干扰。块级元素在水平方向上不重叠:在BFC中,块级元素的水平排列不会与其他元素发生重叠。内部的块级元素垂直排列:在BFC中,块级元素会按照垂直方向一个接一个地排列。清除浮动:BFC可以自动清除其内部浮动元素所造成的布局问题。):将一个元素设置为浮动元素():使用定位属性(例如。属性:对某个元素设置。,也能创建一个BFC。)会创建一个BFC。)也可以创建BFC。

2023-07-17 11:41:26 128 1

原创 弹性盒子常用属性

用于多行布局时控制行与行之间的对齐方式。仅在有换行的情况下生效。:用于定义弹性容器中项目的排列方向。:控制项目在主轴上的对齐方式。:控制项目在辅轴上的对齐方式。:用于启用弹性盒子布局。:用于定义项目的换行方式。可以创建一个弹性容器。

2023-07-17 11:38:44 227 1

原创 transform的应用

【代码】transform的应用。

2023-07-17 11:36:51 50 1

原创 CSS动画

【代码】CSS动画。

2023-07-17 11:34:09 37 1

原创 题目:CSS 浮动(Float)的应用与原理

CSS浮动是一种常用的布局技术,可以实现多列布局、文字环绕图片等效果,提高页面的可视性和易读性。浮动的属性值:可以将元素的float属性值设置为left(左浮动)、right(右浮动)或none(不浮动)。浮动的定义:浮动是CSS中一种元素定位方式,通过设置元素的float属性可以使其脱离文档流并向左或向右浮动。浮动元素的尺寸:当一个元素设置为浮动时,其尺寸会根据内容自动调整,如果不设置宽度,则会根据内容的宽度来决定。多列布局:通过将多个元素设置为浮动,可以实现网页的多列布局,使得页面布局更加灵活。

2023-07-15 11:32:19 191 1

原创 标题:深入理解CSS定位及其应用

绝对定位(absolute):通过设置top、right、bottom和left属性,相对于其最近的非static定位的父元素进行定位,若没有非static定位的父元素,则相对于文档进行定位。相对定位(relative):通过设置top、right、bottom和left属性,相对于元素在文档流中的原始位置进行微调,不会脱离文档流影响其他元素的布局。粘性定位(sticky):根据元素在文档流中的位置,在滚动过程中在达到指定位置时切换为固定定位或相对定位,可以创建吸附在页面某一位置的效果。

2023-07-15 11:27:07 53 1

原创 标题:如何优化前端性能并提升用户体验

通过减少文件的大小和数量,可以显著减少页面的加载时间。可以使用CSS Sprites、将样式和脚本放到页面底部、避免频繁的DOM操作等方式来减少重排和重绘的次数,提升页面的渲染速度。将常用的图片、样式文件等静态资源通过CDN进行加速,可以显著减少用户的等待时间,提升整体的用户体验。比如图片懒加载、无限滚动加载等技术,可以减少初始页面的请求量,提高首屏加载速度,并且优化浏览器的性能。通过将一些脚本标记为异步加载或使用并行加载的技术,可以充分利用浏览器的并行处理能力,加速页面的解析和渲染。

2023-07-15 11:24:56 305 1

原创 伪类选择器的总结

除此之外,还有其他许多CSS伪类选择器可用于更细粒度的选择,如:focus-within、:target等等。CSS伪类选择器是CSS选择器的一种形式,它们允许样式应用于文档的特定部分。7:nth-child() - 应用于满足指定条件的父元素的子元素。11:checked - 应用于被选中的元素,例如单选框和复选框。5:first-child - 应用于父元素的第一个子元素。6:last-child - 应用于父元素的最后一个子元素。10:disabled - 应用于禁用的元素。

2023-06-28 16:54:49 195 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除