2401_86997425的博客

原创 js题目11

屏幕录制 2025-02-17 133402。

原创 贪吃蛇题目

屏幕录制 2025-02-17 133735。

原创 js题目9

屏幕录制 2025-02-17 124845。

原创 js题目8

屏幕录制 2025-02-17 123309。

原创 js题目2

屏幕录制 2025-02-17 122141。

原创 Vue3（4）

认知同步：1.AI 早已不是新事物 (接受) => 语音识别，人脸识别，无人驾驶，智能机器人… (包括 ChatGPT 也是研发了多年的产物)2.AI 本质是智能工具 (认识) => 人工智能辅助，可以提升效率，但不具备思想意识，无法从零到一取代人类工作3.AI 一定会淘汰掉一部分人 => 逆水行舟，不进则退；学会拥抱变化，尽早上车两个工具：1.ChatGPT 3.5 的使用 (4.0 使用方式一致，回答准确度更高，但付费，且每3小时，有次数限制)

原创 Vue3（3）

功能需求说明：1.注册登录 静态结构 & 基本切换2.注册功能 (校验 + 注册)3.登录功能 (校验 + 登录 + 存token)

原创 Vue3（2）

Pinia 是 Vue 的最新 状态管理工具 ，是 Vuex 的 替代品1.提供更加简单的API （去掉了 mutation ）2.提供符合，组合式风格的API （和 Vue3 新语法统一）3.去掉了 modules 的概念，每一个 store 都是一个独立的模块4.配合 TypeScript 更加友好，提供可靠的类型推断。

原创 Vue3（1）

默认情况下在< script setup >语法糖下组件内部的属性和方法是不开放给父组件访问的，可以通过defineExpose编译宏指定哪些属性和方法允许访问。2.在< script setup >中执行reactive函数并传入类型为对象的初始值并使用变量接收返回值。2.在< script setup >中执行ref函数并传入初始值并使用变量接收ref函数的返回值。2.执行watch函数传入要侦听的响应式数据（ref对象）和回调参数。场景：顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信。

原创 Vue2智慧商城（2）

结果：在项目的根目录会自动创建一个文件‘dist’，dist中的文件就是打包后的文件，只需放到服务器中即可。1.跳转传递查询参数mode=“buyNow”，goodsld，goodsSkuld，goodsNum。1.跳转传递查询参数mode="cart"和cartds。5.未登录时，确认框的复用（mixins混入）2.页面中$route.query接收参数。2.页面中$route.query接收参数。3.注册事件，调用方法提交订单并支付。3.调用接口，获取数据。3.调用接口，获取数据。

原创 Vue智慧商城（1）

目标：将目录调整为符合企业规范的目录1.删除多余的文件2.修改路由配置和App.vue3.新增两个目录api / utils①api接口模板：发送ajax请求的接口模块②utils工具模块：自己封装的一些工具方法模块。

原创 Vue（7）

vuex是一个vue的状态管理工具，状态就是数据，可以帮助管理vue通用的数据（多组件共享的数据）

原创 Vue（6）

目标：将路由板块抽离出来好处：拆分板块，利于维护。

原创 vue(5)

每个指令有着自己各自独立的功能，可以封装一些dom操作，扩展额外功能·v-focus、v-loading、v-lazy。

原创 Vue（4）

组件通信，就是指组件与组件之前的数据传递组件的数据的独立的，无法直接访问其他组件的数据想用其他组件的数据 → 组件通信。

原创 Vue（3）

生命周期四个阶段：①创建②挂载③更新④销毁。

原创 Vue（2）

通过 “.” 指明一些指令的后缀，不同后缀封装了不同的处理操作 → 简化代码①按键修饰符@keyup.enter → 键盘回车监听②v-model修饰符v-model . trim → 去除首尾空格v-model . number → 转数字③事件修饰符@事件名 . stop → 阻止冒泡@事件名 . prevent → 阻止默认行为二.v-bind对于样式控制的增强为了方便开发者进行样式控制，V

原创 Vue（1）

构建用户界面：基于数据渲染出用户看到的页面渐进式：Vue相关的生态语法：**Vuejs：声明式渲染，组件系统；**客户端路由（VueRouter），大规模状态管理（Vuex），构建工具（Webpack / Vite）框架：一套完整的项目解决方案，大大提高开发效率（70%）

原创 js题目7

屏幕录制 2025-02-02 163217。

原创 js题目6

屏幕录制 2025-02-02 152213。

原创 笔记API

目标：能够具备根据需求新增节点的能力。

原创 js题目5

题目

原创 API（4）

笔记

原创 API（3）

API

原创 js题目12

屏幕录制 2025-01-24 192948。

原创 js题目3

屏幕录制 2025-01-24 140810。

原创 js题目1

屏幕录制 2025-01-24 142504。

原创 js题目4

屏幕录制 2025-01-24 152110。

原创 API基础

API

原创 js函数与对象

js

原创 作业效果图

原创 flex布局和grid布局

flex container，简称容器，他的所有子元素自动成为容器成员，成为flex项目，简称项目。通过对父元素添加flex属性，来控制子盒子的位置和排列方式。

原创 CSS/HTML5/c3

相对于原来的位置（后来者居上）（值可以是负数，不能同时使用，若同时则展示left）（1）left不能和right一起设置，top和bottom不能一起设置（2）定位可以超过父元素，而浮动不能超过父元素，（3）相对定位对margin和float没有影响，但不推荐一起使用（4）应用场景：元素的位置微调。

原创 HTML_3

display：block（块元素）/ inline-block / inline / none早期：设置为了产生文字环绕图片，文字环绕文字的效果float：left。

原创 HTML笔记_2

用于给HTML结构设置样式，例如文字大小，颜色，元素宽高等。

原创 HTML笔记

：CPU，内存，硬盘，键盘，鼠标，音响，显示器。（指挥硬件进行工作）系统软件：windows，Linux，Max，Harmony。应用软件：C/S架构：如;哔哩哔哩，微信，腾讯视频。B/S架构：典型就是网页。（虽然B/S架构好，但是不能抛弃C/S架构）C：Client B：Browser S：Server相当于一个中转站，帮我们保存信息，传达信息，是用户之间的一个桥梁。超文本：超链接，a标签，各种跳转方式···，标记，语言真正含义：指连接单个网站内或多个网站间的网页链接独有属性，