- 博客(23)
- 收藏
- 关注
原创 Vue Vue全家桶 - Vue-Router详解
🖥️ Vue3专栏:Vue 从入门到入土🧑💼 个人简介:一个不甘平庸的平凡人🍬🍀 格言☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-10-14 19:05:37
1139
1
原创 Vue3 学习笔记 - Composition API
在Vue2中 编写组件的方式是Options APIOptions API的一大特点就是在 对应的属性 中编写 对应的功能模块如 data定义数据 methods中定义方法 computed中定义计算属性 watch中监听属性改变 也包括生命周期钩子这种代码有很大的弊端:当我们 实现某一个功能 时 这个功能 对应的代码逻辑 会被 拆分到各个属性 中当组件变得更大更复杂时 逻辑关注点的列表 就会增长, 那么 同一个功能的逻辑就会被拆分的很分散;尤其对于那些一开始 没有编写这些组件的人 来说 这个组件的代码 是
2022-10-03 10:29:36
602
原创 Vue3学习笔记-组件化 - 额外知识补充
生物学上,生物生命周期指的是一个生物体在生命开始到结束 周而复始所历经的一系列变化过程;每个组件都可能会经历从 创建 挂载 更新 卸载 等一系列的过程在这个过程的某一个阶段 我们可能会想要 添加一些属于自己的代码逻辑(如组件创建后请求服务器数据)但是我们 如何可以知道目前组件正在哪一个过程?Vue给我们提供了 组件的生命周期函数。
2022-10-02 12:07:53
520
原创 Vue3学习笔记-- 组件化 - 插槽Slot(重点)/非父子通信
插槽的使用过程其实是 抽取共性 预留不同;我们会将 共同的元素 内容依然在组件内 进行封装同时会将 不同的元素使用slot作为占位,让外部来决定到底显示什么样的元素;
2022-10-01 09:35:00
941
1
原创 Vue3学习笔记-组件化 - 组件间通信
封装一个CounterOperation.vue的组件内部其实是监听两个按钮的点击,点击之后通过this.$emit的方式发出去事件methods:{// 改变App.vue文件中的counter的数值// 让子组件 发出一个自定义事件// 第一个参数 是自定义的事件名称,第二个参数是传递的参数}}}自定义事件的时候 我们也可以传递一些参数给父组件// this.$emit(参数名称,传参值)}// 2 emits 对象语法 好处:可以给参数进行验证emits:{
2022-09-30 19:59:30
681
原创 Vue3学习笔记--Vue组件化基础 - 脚手架
当使用kebab-case(短横线分割命名)定义一个组件时 必须在引用这个自定义元素时 使用kebab-case,如:JavaScript})
2022-09-27 10:55:28
232
2
原创 [前端面试题]Vue必问经典面试题(超详细解析)
[前端面试题]Vue必问经典面试题(超详细解析)Vue是组件化开发框架 对于vue应用来说 组件间的数据通信很重要此题考查vue的基本功,对于vue基础api的运用熟练度。
2022-09-24 11:46:58
1398
2
原创 Vue3学习笔记--Options API
Vu3 学习笔记 Options API 对于 任何包含响应式数据的复杂逻辑 你都应该使用 计算属性;计算属性将被混入到组件实例中所有getter和setter的this上下文自动绑定为组件实例。
2022-09-22 10:26:09
734
2
原创 Vue3学习笔记-- 模版语法(三)
如果 不使用key Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地 修改/复用相同类型元素的算法。使用key时 它会基于key的变化 重新排列元素顺序 并且 移除/销毁key 不存在的元素。注意上面的顺序:数组元素项item是在前面的,索引项index是在后面的。三个参数:"(value,key,index) in object"需要索引 可以使用格式: "(item,index) in 数组"两个参数: "(value,key) in object"push() => 数组后添加元素。
2022-09-21 14:07:28
478
1
原创 Vue3学习之路--Vue基础 模版语法(二)
当数据为某个状态时 字体为红色当数据为另一个状态时,字体为黑色对象语法数组语法我们可以利用来绑定一些因为某些样式我们需要根据数据动态来决定如某字段的颜色 大小等等Css property名可以用驼峰式或短横线分割(短横线分割要用引号括起来)来命名对象语法数组语法对象语法:(掌握)style的数组语法可以将多个样式对象应用到同一个元素上。
2022-09-20 16:43:22
891
4
原创 Node.js学习笔记 更新完毕 2022 coderwhyWEB前端体系课
Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境模块化开发最终的目的是将程序划分成一个个小的结构;这个结构中编写属于自己的逻辑代码有自己的作用域定义变量名称时不会影响到其他的结构这个结构可以将自己希望暴露的变量 函数 对象 等导出给其他 结构使用也可以通过某种方式导入另外结构中的变量 函数对象 等上面提到的结构就是模块按照这种结构划分开发程序的过程 就是模块化开发的过程pnpm:理解为 performant npm 缩写;
2022-09-16 11:44:21
1202
1
原创 MySQL简介
一、MySQL的介绍1.MySQL数据库管理系统由瑞典的DataKonsultAB公司研发,该公司被Sun公司收购,现在Sun公司又被Oracle公司收购,因此MySQL目前数据Oracle旗下产品。2.MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策,分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,一般中小型网站的开发都选择MySQL作为网站数据库。二、MySQL的特点1.MySQL数据库是用C和C++语言编写的,以宝恒源码的可移植性
2022-05-27 00:48:43
1327
原创 数据库系统
一、数据库数据库(DataBase)是一个以某种组织方式存储在磁盘上的数据集合。二、数据库应用数据库应用系统是指给予数据库的应用软件三、数据库管理系统(数据库软件)1.关系型数据库(RDBMS)(1)Oracle数据库(2)MySQL数据库(3)SQL server数据库(4)PostgreSQL(5)SQLite2.非关系型数据库(NoSQL)(1)Redis(2)MongoDB(3)Elasticsearch(4)Cassandra(5)H
2022-05-26 23:53:29
174
原创 SQL语言基础
1、SQL语言概述SQL全称:Structured Query Language,是结构化查询语言,用于 访问和处理数据库的标准的计算机语言。SQL语言1974年由Bo
2022-05-26 23:24:07
236
原创 4-4CSS三大特性
目标:能够认识CSS的继承和层叠特性,会计算CSS的优先级权重的比较学习路径:1.继承性1.1继承性的介绍 特性:子元素有默认继承父元素样式的特点(子承父业)可以继承的常见属性: 1.color2.font-style、font-weight、font-size、font-family3.text-indent、text-align4.line-height5. .......
2021-10-10 23:58:06
88
原创 4-3元素显示模式
属性:display:inline显示特点: 1.一行可以显示多个 2.宽度和高度默认由内容撑开 3.不可以设置宽高代表标签: a、span、b、u、i、s、strong、ins、em、del....
2021-10-10 17:29:58
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人