- 博客(6)
- 收藏
- 关注
原创 新手必看:30分钟上手uni-app,创建项目并运行到微信小程序
至此,你已经成功完成了:1.✅ 搭建了 "uni-app + 微信小程序" 的开发环境。2.✅ 创建并运行了第一个跨端项目。3.✅ 配置了 TabBar 并了解了核心目录。4.✅ 掌握了新手最常见的排坑技巧。uni-app 的魅力远不止于此,后面你可以继续探索 Vue3 的组合式 API、Pinia 状态管理 以及 云端一体 的开发模式。
2026-06-15 23:01:07
347
原创 Vue学习之旅:从零开始掌握条件渲染与表单交互的实战心得
Vue学习让我从一个前端小白,变成了能够独立开发功能页面的入门级开发者。v-if和表单处理只是Vue强大功能的冰山一角,但正是通过掌握这些基础功能,我建立了继续深入学习的信心。前端开发的世界很大,Vue为我打开了一扇门。我相信,只要保持学习和实践的热情,每个初学者都能在前端这条路上走得更远。最后送给自己也送给大家的话:编程不是天赋者的游戏,而是勤奋者的舞台。每次敲击键盘,都是在建造属于自己的数字世界。加油,前端人!
2026-01-10 22:36:35
792
原创 网页设计盒子模型、边框、内外边距、宽高
例如,一个元素内容宽度为 200px,左右内边距各为 10px,左右边框各为 2px,左右外边距各为 5px,那么它的实际总宽度为 200 + 102+22 + 5*2 = 244px。就好像一个包裹,内容是包裹里的东西,内边距是包裹内部的填充材料,边框是包裹的外壳,外边距是包裹与其他包裹之间的空隙。例如,一个元素的下外边距是 20px,相邻元素的上外边距是 30px,那么它们之间的垂直间距是 30px。定义:内边距是内容与边框之间的空间,它可以控制内容在盒子内部的位置,并且会影响元素的实际大小。
2024-12-13 22:03:14
2137
原创 网页设计过渡和动画
animation属性包含多个子属性,如animation-name(引用定义的关键帧名称)、animation-duration(动画的持续时间)、animation-timing-function(动画的时间曲线)、animation-delay(动画的延迟时间)、animation-iteration-count(动画的循环次数)和animation-direction(动画的播放方向)。与过渡不同,动画可以在不需要用户交互(如悬停)的情况下自动运行,并且可以实现更复杂的运动和变化。
2024-12-10 23:22:27
1986
原创 HTML5非语义标签
在一些现代的网页布局中,语义标签也被巧妙地用于构建页面布局,如使用<header>、<footer>等来确定页面的上下部分,<article>和<section>用于划分主体内容区域。含义:<div>是 HTML 中最常用的非语义标签,它是一个块级元素,主要用于将 HTML 文档划分为不同的区域,以便进行样式设计和布局。语义标签:具有明确的语义含义,能够清晰地传达文档的结构和内容类型。在 HTML 中,非语义标签是指那些主要用于定义网页的外观或布局,而没有传达内容的语义含义的标签。一、常见的非语义标签。
2024-12-10 23:09:17
976
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅