- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vue2+Vue3(174-196)
功能需求说明：1.基本架子-PageContainer封装2.文章分类渲染&loading处理3.文章分类添加编辑[element-plus弹层]4.文章分类删除。
2025-02-17 17:57:39
445
原创 Vue2+Vue3(153~173)
Pinia是Vue的最新状态管理工具，是Vuex的替代品1.提供更加简单的API(去掉了mutation)2.提供符合，组合式风格的API（和Vue3新语法统一）3.去掉了modules的概念，每一个store都是一个独立的模块4.配合TypeScript更加友好，提供可靠的类型判断。
2025-02-13 17:35:06
834
原创 Vue2+Vue3(134~152)
1.更容易维护：1.组合式API 2.更好的TypeScript支持2.更快的速度 ：1.重写diff算法 2.模版编译优化 3.更高效的组件初始化3.更小的体积 ：1.良好的TreeShacking 2.按需引入4.更优的数据响应式： 1.Proxy。
2025-02-12 18:26:11
390
原创 Vue2+Vue3(109~133)
一级路由：但凡是个页面，独立展示的tabbbar标签页：1.vant-ui.js按需引入 2.layout.vue粘贴官方代码测试 3.修改文字、图标、颜色。
2025-02-12 00:10:22
682
原创 Vue2+Vue3(88~108)
vuex是一个vue的状态管理工具（状态就是数据）大白话：vuex是一个插件，可以帮我们管理vue通过的数据（多组件共享的数据）场景：1.某个状态在很多个组件来使用（个人信息）2.多个组件共同维护一份数据（购物车）优势：1.共同维护一份数据，数据集中化管理 2.响应式变化 3.操作简洁。
2025-02-09 23:48:14
953
原创 Vue2+Vue3(64~87)
单页面应用（SPA）：所有功能在一个html页面上实现单页面：优点：按需更新性能高，开发效率高，用户体验好缺点：学习成本，首屏加载慢，不利用SEO单页面：系统类网站 内部网站 文档类网站 移动端站点多页面：公司官网 电商类网站路由：生活中的路由：设备和ip的映射关系Vue中路由：路径和组件的映射关系。
2025-02-08 22:03:42
681
原创 Vue2+Vue3（48-63）
自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能需求：实现一个color指令-传入不同的颜色，给标签设置文字颜色语法：在绑定指令时，可以通过“等号”的形式为指令绑定具体的参数值通过binding.value可以拿到指令值，指令值修改会触发update函数。
2025-02-07 22:51:08
654
原创 Vue2+Vue3(27-47)
概念：基于现有的数据，计算出来的新属性。依赖的数据变化，自动重新计算。语法：1.声明在computed配置项中，一个计算属性对应一个函数 2.使用起来和普通属性一样使用{{ 计算属性名 }}
2025-02-07 20:58:22
730
原创 Vue2+Vue3(1-26)
访问或修改数据：data中的数据，最终会被添加到实例上（访问数据：“实例.属性名”；v-if：1.作用：控制元素显示隐藏（条件渲染）2.语法：v-if=“表达式” 表达式值true显示，false隐藏。v-show:1.作用：控制元素显示隐藏 2.v-show=“表达式”表达式值true 显示，false隐藏。2.语法：1.v-on:事件名 = “内联语句” 2.v-on：事件名= “methods中的函数名”3.原理：切换display：none控制显示隐藏 4.场景：频繁切换显示隐藏的场景。
2025-02-07 19:51:50
366
原创 Flex与Grid布局
div{$}*3 --代表创建3个盒子.Flex容器：采用Flex布局的元素的父元素；Flex项目：采用Flex布局容器里的元素的子元素；主轴：触发弹性盒子之后，项目的排列方向 (x轴）侧轴（交叉轴）：触发弹性盒子之后，与主轴对立的方向。（y轴）1.触发弹性盒子：给父元素添加 display属性；取值flex1）.父元素触发弹性盒子之后，子元素默认横向显示（如：作为块级与元素的div盒子，本应纵向排列，在弹性盒子中，将会横向排列，类似浮动，但不是浮动。
2025-01-17 22:57:52
617
原创 HTML笔记（4）（尚硅谷）
1.针对javascript，新增了很多可操作的接口。2.新增了一些语义化标签、全局属性。3.新增了多媒体标签，可以很好的替代flash。4.更加侧重语义化，对于SEO更友好。5.可移植性好，可以大量应用在移动设备上。
2024-11-17 00:09:53
741
原创 HTML,CSS笔记(3)(尚硅谷）
4.表格相关标签：<table>,<tbody>,<thead>,<tfoot>,<tr>,<caption>数值： 1个数值（上下左右），2个数值（上下，左右），3个数值（上，左右，下），4个数值（上，右，下，左）1.文本标签：<br>,<em>,<strong>,<sup>,<sub>,<del>,<ins>3.列表标签：<ul>,<ol>,<li>,<dl>,<dt>,<dd>2.排版标签：<h1>,<hr>,<p>,<pre>,<div>如何解决：1.给父元素设置不为0的padding。
2024-11-10 02:27:01
1608
原创 html,css笔记（2）
iframe 框架 双标签 （1.在网页中嵌入广告 2.与超链接或表单的target配合，展示不同的内容）name：框架名字，可以和target属性配合。width：框架的宽。height：框架的高度。frameborder:是否显示边框，值：0或者1。
2024-11-03 02:52:42
1495
原创 html笔记（尚硅谷）
target:用于控制表单提交后，如何打开页面：_self:本窗口打开 _blank：新窗口打开。6.label标签可与表单控件相关联，关联之后点击文字，与之对应的表单控件就会获取焦点。注意：具有herf属性的a标签是超链接，具有name 属性的a标签是锚点。2.涉及标签 table:表格 tr:每一行 th、td:单元格（头部th）3.td: rowspan:要跨的行数 colspan:要跨的列数。1 让label标签的for 属性的值等于表单控件的id.
2024-10-27 02:15:31
1621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人