大前端
关注
分享
扫一扫
文章平均质量分 75
本课程包含Web基础、JavaScript、框架基础、Vue框架、移动端等模块。
田园Coder
享受生活~热爱工作
展开
-
Vue3组件通信
是使用频率最高的一种通信方式，常用与 ：父 ↔ 子。4.默认插槽、具名插槽。原创 2024-10-17 14:47:28 · 241 阅读 · 0 评论 -
Vue3状态管理
理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。// 状态// 动作</script>-- 视图 -->状态：驱动整个应用的数据源；视图：对状态的一种声明式映射；交互：状态根据用户在视图中的输入而作出相应变更的可能方式。pinia是一个状态管理库，由Vue核心团队维护，对Vue 2和Vue 3都可用。原创 2024-10-16 08:48:39 · 521 阅读 · 0 评论 -
Vue3路由
路由组件通常存放在pages 或 views文件夹，一般组件通常存放在components文件夹。通过点击导航，视觉效果上“消失”了的路由组件，默认是被卸载掉的，需要的时候再去挂载。原创 2024-10-15 11:35:56 · 716 阅读 · 0 评论 -
Vue3组件的生命周期
Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子。生命周期整体分为四个阶段，分别是：创建、挂载、更新、销毁。原创 2024-10-14 08:37:49 · 551 阅读 · 0 评论 -
Vue3基础语法
本质是一个函数，把setup函数中使用的Composition API进行了封装，类似于vue2.x中的mixin。复用代码, 让setup中的逻辑更清楚易懂。})//向外暴露数据。原创 2024-10-13 17:01:31 · 954 阅读 · 0 评论 -
Vue3概述
2020年9月18日，Vue.js发布3.0版本，代号：One Piece。Vite中文网。原创 2024-10-12 08:45:16 · 354 阅读 · 0 评论 -
npm包管理工具
npm（全称NodePackageManager）是包管理工具，随着Node.js的安装包一起被安装到了用户的电脑上。在终端中执行npm -v命令，来查看npm包管理工具的版本号。原创 2024-10-11 08:25:52 · 700 阅读 · 0 评论 -
Node.js概述
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。Node.js 中文网。原创 2024-10-10 08:57:19 · 1042 阅读 · 0 评论 -
CSS高级技巧
CSS 精灵，也叫CSS Sprites，是一种网页图片应用处理方式。把网页中一些背景图片整合到一张图片文件中，再background-position精确的定位出背景图片的位置。优点：减少服务器被请求次数，减轻服务器的压力，提高页面加载速度。作用：可以为一个元素在不同状态之间切换的时候添加过渡效果。（2）作用：在网页中添加简单的、颜色单一的小图标。作用：设置整个元素的透明度（包含背景和内容）（1）字体图标：展示的是图标，本质是字体。属性：transition（复合属性）属性值：过渡的属性 花费时间（s）原创 2024-10-09 15:34:51 · 1409 阅读 · 0 评论 -
CSS定位
作用：灵活的改变盒子在网页中的位置。原创 2024-10-08 10:15:40 · 315 阅读 · 0 评论 -
CSS布局
<head><title>浮动</title><style>.div1 {.div2 {</style></head><body></body>原创 2024-10-07 16:34:11 · 1591 阅读 · 0 评论 -
CSS盒子模型
作用：布局网页，摆放盒子和内容。原创 2024-10-06 10:04:26 · 1102 阅读 · 0 评论 -
CSS选择器
步骤：定义类选择器（. 类名），使用类选择器（标签添加class = "类名"）。,选择器N{CSS 属性}，选择器之间用,隔开。步骤：定义id选择器（#id名），使用id选择器（标签添加id= "id名"）。通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式。写法：父选择器 子选择器 { CSS属性 } ，父子选择器之间用空格隔开。选择器写法：父选择器 > 子选择器{CSS属性}，父子选择器之间用>隔开。选择器写法：选择器1选择器2{CSS 属性}，选择器之间连写，没有符号。原创 2024-10-05 20:34:11 · 840 阅读 · 0 评论 -
CSS相关属性和显示模式
例：background : pink url(./cat.png) no-repeat right center/cover;属性值：block（块级）、inline（行内）、inline-block（行内块）值：no-repeat、repeat（默认）、repeat-x、repeat-y。例2：background-position : 50px -100px;rgba表示法：rgba(r,g,b,a)，a表示透明度（0-1）例：background-repeat : no-repeat。原创 2024-10-04 21:26:09 · 1623 阅读 · 0 评论 -
CSS概述
层叠样式表 (Cascading Style sheets，缩写为 CSS)，是一种样式表语言，用来描述HTML文档的呈现（美化内容）。书写位置：title标签下方添加style双标签，style标签里面书写CSS代码。原创 2024-10-04 21:16:44 · 486 阅读 · 0 评论 -
HTML表单标签
HTML表单标签作用：收集用户信息，例如登录、注册、搜索等场景。原创 2024-09-17 17:34:31 · 367 阅读 · 0 评论 -
HTML标签
标签:dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情。原创 2024-09-17 16:59:09 · 459 阅读 · 0 评论 -
HTML概述
HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。原创 2024-09-14 17:54:00 · 379 阅读 · 0 评论