- 博客(25)
- 收藏
- 关注
RSS订阅原创 5.14 学习vue3
{id:'yuysada01',content:'你今天有点怪，哪里怪？{id:'yuysada02',content:'草莓、蓝莓、蔓越莓，你想我了没？{id:'yuysada03',content:'心里给你留了一块地，我的死心塌地'}// 调用useXxxxxStore得到对应的store。// 引入defineStore用于创建store。// 引入defineStore用于创建store。// 引入对应的useXxxxxStore。// 定义并暴露一个store。// 定义并暴露一个store。
2025-05-15 00:44:18
584
原创 5.13 vue3学习
/ props的函数写法，作用：把返回的对象中每一组key-value作为props传给Detail组件。// props的对象写法，作用：把对象中的每一组key-value作为props传给Detail组件。// props的布尔值写法，作用：把收到了每一组params参数，作为props传给Detail组件。作用：让路由组件更方便的收到参数（可以将路由参数作为。作用：控制路由跳转时操作浏览器历史记录的模式。（）里面to后面怎么写的，（）里面就怎么写。作用：将特定的路径，重新定向到已有路由。
2025-05-14 01:03:07
319
原创 5.12 路由复习
router-link active-class="active" to="/home">主页</router-link><router-link :to="{name:'guanyu'}">跳转</router-link><router-link to="/news/detail">跳转</router-link>//第二步：创建路由器// 什么路径就对应什么组件//暴露出去router。--简化前：需要写完整的路径（to的字符串写法） -->-- 第一种：to的字符串写法 -->
2025-05-13 00:46:56
451
原创 5.8 react状态管理
/ 页面传递给修改方法的数据 放在了 {type:'xxx',payload:页面传递实参} 中的payload中。// 将store仓库整体配置暴露给main.jsx 全局注入使用（整个项目生效）// 全局注入store redux toolkit。// 全局注入store redux toolkit。// 整个模块暴露给store仓库 进行配置使用。// 只是 用户模块的共享数据的Slice。// 将所有的修改方法 暴露给页面 进行使用。// 整个store仓库的配置文件。
2025-05-09 00:25:11
1058
原创 5.6 react组件化开发基础
我是爸爸组件传递给儿子组件的 html代码</div><h1>我是爸爸组件的html代码</h1><th>姓名</th><div >爸爸组件自己的内容</div><div>爸爸组件自己的内容
2025-05-06 23:28:27
896
原创 4.27 react第一天
11年 facebook (meta) 开源react第一次提出的概念：组件化开发响应式数据 数据驱动 最小粒度更新算法 性能远超vue ref reactive虚拟dom更新 驱动 真实dom更新 diff算法 fiber算法react 语法 更加倾向原生JS13年 10月 vue 发布了vue2.x ----22年vue: 融合了 react 核心理念 和核心代码 融合和 anglur js 指令系统 14个指令vue3语法 模仿了react 16.8语法。
2025-04-28 01:26:24
410
原创 4.25 店铺管理页面
el-button type="primary" @click="saveBtn">保存店铺信息</el-button><el-checkbox value="中秋特惠" name="type"><el-checkbox value="国庆特价" name="type"><el-form-item label="店铺头像" prop="avatar"><el-form-item label="店铺介绍图" prop="pics"><el-form-item label="店铺名称">
2025-04-25 17:20:05
720
原创 4.25 Echarts和一些外卖项目
el-form-item label="确认新密码" prop="newPwd1">{required:true,message:'请输入确认密码',trigger:'blur'},{required:true,message:'请输入原密码',trigger:'blur'},{required:true,message:'请输入新密码',trigger:'blur'},<el-form-item label="新密码" prop="newPwd">message: '修改密码成功，请重新登录',
2025-04-25 00:52:31
487
原创 vue生命周期hooks简单介绍 4-1
创建周期: onBeforeCreate() onCreated() [创建周期被setUp代替]销毁周期: onBeforeUnmount() onUnmounted()更新周期: onBeforeUpdate() onUpdated()挂载周期: onBeforeMount() onMounted()创建周期: beforeCreate() created()更新周期: beforeUpdate() updated()挂载周期: beforeMount() mounted()
2025-04-02 00:42:13
570
原创 vue3 基础2 3-31
指令vue 组件化开发组件开发-组件通信 【父传子 子传父 】插槽 slot v-slot监听器 侦听器 watch watchEffect计算属性 computed页面级组件开发-路由配置 vue-router多层级路由生命周期UI框架使用 Element pluspinia 状态管理库。
2025-04-01 01:19:19
881
原创 vue3基础复习补充 3-30
console.log('点你了',e)"><div v-show="gender==0">男</div><div v-show="gender==1">女</div><div v-else-if="num>=60">及格 </div><div v-else-if="num>=80">良好
2025-03-30 23:26:46
584
原创 3-29 vue3基础
console.log('点你了',e)"><div v-show="gender==0">男</div><div v-show="gender==1">女</div><div v-else-if="num>=60">及格 </div><div v-else-if="num>=80">良好</div><div v-on:事件类型="事件的执行函数"> +
2025-03-29 00:12:43
616
原创 2025-3-27 学习复盘
模块化：将大型的业务 功能模块 拆分为小的文件，最后通过组装的方式 形成大型项目 ---【模块化思维】node 运行js代码 （组件化思维 底层） js文件中的变量函数 可以相互导入导出。node -v #查看当前电脑的node版本。nvm list #查看当前nvm 已经安装的所有的node版本。控制面板---程序和功能---nodejs ---鼠标右键卸载。node -v #查询当前电脑的node版本。此电脑---属性---高级系统设置--环境变量。
2025-03-28 00:43:42
650
原创 2025-3-26 学习复盘
/[p1 的结果 p2的结果 p3的结果]2.awiat 必须搭配async使用，写在异步代码前[作用：等待异步代码的结束，并返回成功执行的结果]//谁快拿到的谁的then值。//如果await 出现异常 导致 后面的代码 全部不执行 awiat 卡死。同时执行多个promise,返回res 只有一个promise的结果，谁跑的快 就是谁的结果。//等待异步代码的执行结束 返回异步代码的成功的值。//等待异步代码的执行结束 返回异步代码的成功的值。//写不管成功 还是失败 都要执行的代码。
2025-03-27 00:48:34
593
原创 2025-3-25 学习复盘
copyWithin():用于从数组的指定位置拷贝元素到数组的另一个指定位置中。toLocaleString()、toString():将数组转换为字符串。entries() 、keys() 、values():遍历数组。includes()：判断一个数组是否包含一个指定的值。join()：用指定的分隔符将数组每一项拼接为字符串。some()：判断数组中是否存在满足条件的项。flat()、flatMap()：扁平化数组。push() ：向数组的末尾添加新元素。sort()：对数组的元素进行排序。
2025-03-26 00:27:03
290
原创 2025-3-24 学习复盘
resolve() //只要调用了resolve 就表示状态改为成功fulfilled。//如果promise 的状态 是不成功 不失败 pending 等待....reject() //只要调用了reject 状态就表示 失败rejected。// resolve:等待一段时间后 成功执行之后的回调函数。resolve('是偶数')//成功后自动执行then 调用了resolve 自动走 then。//失败后自动执行catch 调用了reject 自动走 catch。
2025-03-25 00:03:40
716
原创 2025-3-23 学习复盘
引用数据类型的变量实际上存储的是对象在堆中的地址（引用），而不是对象本身。变量 instanceof Object // 检测该变量是否为引用数据类型 true:引用数据类型 false:不是引用数据类型。变量 instanceof 构造函数名 // 这个变量是否是这个构造函数生成的 是：true 否：false。如果需要检测其他的数据类型，需要将this的指向 更改为 对应的数据变量。（ES6新增）：表示唯一的、不可变的数据类型，主要用于对象属性的键。console.log('是数组');
2025-03-23 23:40:24
657
原创 2025-3-22 学习复盘
id:1000,name:'张麻子',age:50,like:'睡觉'info:{id:111,title:'华为收集',price:{},
2025-03-23 01:20:03
513
原创 2025-3-22 学习复盘
super(参数2，参数3) //继承父类的属性 Preson.call(this,[name,color,w,h])let s1 = new Student('小天', '男', 60, 170)// 类静态的属性和方法 直接通过 类.属性 类.方法（）constructor(参数1，参数2，参数3){// 类静态的属性和方法 直接通过类.属性 类.方法（）constructor(参数1,参数2，参数3){console.log('求和方法');//原型空间的方法和属性。
2025-03-23 01:19:24
592
原创 2025-3-21学习复盘
将父类的prototype 和 子类的prototype 合并到一个空对象中 赋值给子类的prototype。子类.prototype._proto__ = 父类.prototype//组合寄生继承就等同于这个。子类.prototype = Object.create(父类.prototype)子类.prototype.__proto__ = 父类.prototype。会造成地址共享问题，子类的方法和属性会共享到父类的原型上，有问题！子类.prototype.__proto__ = new 父类()
2025-03-22 01:06:31
385
原创 2025-3.20学习复盘
let s1 = new Student('小天', '黄皮肤', 60, 170, '123456', '大三')let s1 = new Student('小天', '黄皮肤', 60, 170, 123456, '大三')//被借用的对象.方法.call(需要借的对象，参数1，参数2，.....)父类.方法.apply(this,[参数1，参数2，.....]) *///被借用的对象.方法.call(需要借的对象，参数1，参数2，.....)方法，没找到，然后通过原型链：逐级向上，就近原则，在它的。
2025-03-21 09:32:06
753
原创 2025-3.19-学习复盘
const p1 = new Phone('华为',3500,'白色','鸿蒙os',512)const p2 = new Phone('华为',3500,'白色','鸿蒙os',512)// - let fn = 要借的对象.要借的函数.bind(借给谁,参数1,参数2)// - 要借的对象.要借的函数.call(借给谁,参数1,参数2...)// - 要借的对象.要借的函数.apply(借给谁,[参数1,参数2])let fn = 要借的对象.要借的函数.bind(借给谁,参数1,参数2)
2025-03-20 01:40:25
569
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人