专注于 前端开发 知识分享

🖥️ Vue3专栏：Vue 从入门到入土🧑‍💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。

Vue3学习笔记 - Composition API

在Vue2中 编写组件的方式是Options APIOptions API的一大特点就是在 对应的属性 中编写 对应的功能模块如 data定义数据 methods中定义方法 computed中定义计算属性 watch中监听属性改变 也包括生命周期钩子这种代码有很大的弊端:当我们 实现某一个功能 时 这个功能 对应的代码逻辑 会被 拆分到各个属性 中当组件变得更大更复杂时 逻辑关注点的列表 就会增长, 那么 同一个功能的逻辑就会被拆分的很分散;尤其对于那些一开始 没有编写这些组件的人 来说 这个组件的代码 是

生物学上,生物生命周期指的是一个生物体在生命开始到结束 周而复始所历经的一系列变化过程;每个组件都可能会经历从 创建 挂载 更新 卸载 等一系列的过程在这个过程的某一个阶段 我们可能会想要 添加一些属于自己的代码逻辑(如组件创建后请求服务器数据)但是我们 如何可以知道目前组件正在哪一个过程?Vue给我们提供了 组件的生命周期函数。

插槽的使用过程其实是 抽取共性 预留不同;我们会将 共同的元素 内容依然在组件内 进行封装同时会将 不同的元素使用slot作为占位,让外部来决定到底显示什么样的元素;

封装一个CounterOperation.vue的组件内部其实是监听两个按钮的点击,点击之后通过this.$emit的方式发出去事件methods:{// 改变App.vue文件中的counter的数值// 让子组件 发出一个自定义事件// 第一个参数 是自定义的事件名称,第二个参数是传递的参数}}}自定义事件的时候 我们也可以传递一些参数给父组件// this.$emit(参数名称,传参值)}// 2 emits 对象语法 好处:可以给参数进行验证emits:{

当使用kebab-case(短横线分割命名)定义一个组件时 必须在引用这个自定义元素时 使用kebab-case,如:JavaScript})

Vue基础 v-model表单

Vu3 学习笔记 Options API 对于 任何包含响应式数据的复杂逻辑 你都应该使用 计算属性;计算属性将被混入到组件实例中所有getter和setter的this上下文自动绑定为组件实例。

如果 不使用key Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地 修改/复用相同类型元素的算法。使用key时 它会基于key的变化 重新排列元素顺序 并且 移除/销毁key 不存在的元素。注意上面的顺序:数组元素项item是在前面的,索引项index是在后面的。三个参数:"(value,key,index) in object"需要索引 可以使用格式: "(item,index) in 数组"两个参数: "(value,key) in object"push() => 数组后添加元素。

当数据为某个状态时 字体为红色当数据为另一个状态时,字体为黑色对象语法数组语法我们可以利用来绑定一些因为某些样式我们需要根据数据动态来决定如某字段的颜色 大小等等Css property名可以用驼峰式或短横线分割(短横线分割要用引号括起来)来命名对象语法数组语法对象语法:(掌握)style的数组语法可以将多个样式对象应用到同一个元素上。

我们可以在项目中一点点来引入和使用Vue 而不一定需要全部使用Vue来开发整个项目。

黑马程序员WebApis学习笔记-复习笔记

CSS的基础认知、基础选择器、字体和文本样式

HTML基础知识列表-表格-表单-语义化标签-字符实体等学习

关于HTML认知基础认知及基础标签学习

目标：能够认识CSS的继承和层叠特性，会计算CSS的优先级权重的比较学习路径：1.继承性1.1继承性的介绍 特性：子元素有默认继承父元素样式的特点（子承父业）可以继承的常见属性： 1.color2.font-style、font-weight、font-size、font-family3.text-indent、text-align4.line-height5. .......

属性：display：inline显示特点： 1.一行可以显示多个 2.宽度和高度默认由内容撑开 3.不可以设置宽高代表标签： a、span、b、u、i、s、strong、ins、em、del....