2302_81119658的博客

原创 vue（181-最后）

基本结构样式，使用el-card 组件props 定制标题默认插槽 default 定制内容主体具名插槽 extra 定制头部右侧额外的按钮文章管理测试文章分类渲染封装API - 请求获取表格数据页面中调用接口，获取数据存储 el-table 表格动态渲染el-table 表格 loading 效果定义变量，v-loading绑定const loading = ref(false)<el-table v-loading="loading">cons

原创 vue（136-180）

目标：明确打包的作用说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了 => 脚手架不参与上线将多个文件压缩合并成一个文件，语法降级，less sass ts 语法解析打包命令打包后，可以生成，浏览器能够直接运行的网页 => 就是需要上线的源码！yarn build在项目的根目录会自动创建一个文件夹`dist`, dist中的文件就是打包后的文件，只需要放到服务器中即可。默认情况下，需要放到服务器根目录打开，如果希望双击运行，需要配置publicPath 配成相对路径。

原创 vue（91-135）

目标：明确 vuex 是什么，应用场景，优势vuex 是一个插件，可以帮我们管理 vue 通用的数据 (多组件共享的数据)① 某个状态 在 很多个组件 来使用 (个人信息)② 多个组件 共同维护 一份数据 (购物车)① 共同维护一份数据，数据集中化管理② 响应式变化③ 操作简洁 (vuex提供了一些辅助函数)

原创 关于vuex安装出现问题，急急急

出现如图所示的问题，找到其他帖子，都说是版本号的问题，但我已经指定了3.6.2版本，但仍然出现了这个问题，请问有解决方法吗。

原创 vue45-90

自定义指令：自己定义的指令, 可以封装一些 dom 操作， 扩展额外功能需求：实现一个 color 指令 - 传入不同的颜色, 给标签设置文字颜色语法：在绑定指令时，可以通过“等号”的形式为指令 绑定 具体的参数值通过 binding.value 可以拿到指令值，指令值修改会 触发 update 函数。

原创 vue(1-45)

作用：给表单元素使用，双向数据绑定 可以快速设置获取或设置表单元素内容。语法：v-show=“表达式”，表达式值true显示，false隐藏。语法：v-if=“表达式” ，表达式值true显示，false隐藏。语法：style = “{ css属性名1：css属性值}”2、v-on:事件名=“methods中的函数名”简写： ：属性名=语法：v-bind：属性名=“表达式”遍历数组语法：v-for = “（语法：class = “对象/数组”

原创 vue学习笔记10

两个工具。

原创 vue学习笔记9

基本结构样式，使用el-card 组件props 定制标题默认插槽 default 定制内容主体具名插槽 extra 定制头部右侧额外的按钮文章管理测试文章分类渲染封装API - 请求获取表格数据页面中调用接口，获取数据存储 el-table 表格动态渲染el-table 表格 loading 效果定义变量，v-loading绑定const loading = ref(false)<el-table v-loading="loading">cons

原创 vue学习笔记8

Pinia基础使用 - 计数器案例Pinia基础使用 - 计数器案例。

原创 js题目11

【代码】js题目11。

原创 js题目9

【代码】js题目9。

原创 js题目10

难点：难以实现贪吃蛇移动。

原创 js题目8

【代码】js题目8。

原创 vue学习笔记7

打包发布打包发布。

原创 vue学习笔记6

路由设计配置路由设计配置目标：分析项目页面，设计路由，配置一级路由但凡是单个页面，独立展示的，都是一级路由路由设计配置目标：阅读vant组件库文档，实现底部导航 tabbartabbar标签页：① vant-ui.js 按需引入② layout.vue 粘贴官方代码测试③ 修改文字、图标、颜色request模块 - axios 封装。

原创 vue学习笔记5

vuex概述。

原创 vue学习笔记4

生活中的路由：设备和ip的映射关系Vue中路由：路径 和 组件 的 映射 关系vuerouter的使用两个核心步骤1、创建需要的组件 (views目录)，配置路由规则Find.vueMy.vueFriend.vue2、配置导航，配置路由出口(路径匹配的组件显示的位路由的封装抽离问题：所有的路由配置都堆在main.js中合适么？目标：将路由模块抽离出来。好处：拆分模块，利于维护声明式导航 - 导航链接需求：实现导航高亮效果vue-router提供了一个全局组件(取代a。

原创 vue学习笔记3

共同点：都可以给组件提供数据。区别：1、data 的数据是自己的 → 随便改2、prop 的数据是外部的 → 不能直接改，要遵循 单向数据流单向数据流：父级 prop 的数据更新，会向下流动，影响子组件。这个数据流动是单向的。

原创 vue学习笔记2

vue

原创 vue学习笔记1

methods中的语句可以实现删除数组对应的值，配合v-on。

原创 js题目12

【代码】js题目12。

原创 js题目七

输入框和发送验证码的效果做了，但是没有反应。

原创 js题目六

【代码】js题目六。

原创 js题目五

【代码】js题目五。

原创 js题目四

【代码】js题目四。

原创 js题目二

页面只有li的轮廓，其他没反应。

原创 js练习题3

【代码】js练习题3。

原创 js 练习题一

【代码】js 练习题一。

原创 js学习111-130

【代码】js学习111-130。

原创 js学习 91-110

轮播图。

原创 js学习 71-90

js学习笔记

原创 flex布局与grid布局学习笔记

条件满足一直用最大值，条件不满足用中间值，如果剩下的距离不足以显示距离的大小，则使用最小值。在属性中提供了fr关键字，若前一个值为1fr，后一个值为2fr，则后者为前者的两倍。grid-row-start横向网格线开始占位。grid-row-end横向网格线结束占位。grid-column-start纵向网格线开始占位。列间距属性：grid-column-gap:30px;行间距属性：grid-row-gap:20px;

原创 前端学习笔记四

原创 前端学习笔记三

原创 前端学习笔记（2）

原创 HTML学习笔记