- 博客(39)
- 收藏
- 关注
RSS订阅原创 Vue Router（2）
在父路由组件内部渲染子路由组件，形成层次化的路由结构。嵌套路由的核心思想：父路由组件包含一个或多个子路由出口子路由在父路由的上下文中渲染URL路径反映路由的层次结构。
2025-04-10 19:02:03
172
原创 Vue Router（1）
是一个导航组件，用于在不重新加载页面的情况下切换视图。 是一个视图渲染容器组件，用于显示与当前 URL 匹配的组件。新建路由创建路由器实例创建路由器实例是通过 函数来创建的注册路由器插件当创建了路由器实例，就要将其注册为插件，可以通过调用 来完成。插件作用：区别是 Vue Router 的实例，是整个路由系统的核心控制器，用于控制路由。获取方式：使用 组合式API示例：是一个响应式对象，表示当前激活的路由状态，用于访问当前路由状态。主要属性：可以通过 来访问上面的属性。
2025-04-09 20:06:54
408
原创 详解Vue生命周期
console.log('调用了beforeCreat钩子函数')console.log('调用了beforeMount钩子函数')console.log('调用了beforeCreat钩子函数')console.log('调用了beforeMount钩子函数')console.log('调用了beforeCreat钩子函数')console.log('调用了beforeMount钩子函数')console.log('调用了created钩子函数')，直到vm.$mount(el)而当我们不加el选项，
2025-03-14 16:49:05
789
原创 Vue路由详细讲解指南
酷的同时也会给我们带来一些问题，因为使用路由参数时，从/user/xianyu导航到/user/mengxiang，原来的组件实例会被复用，两个路由都渲染同个组件，比起销毁再创建，显示复用显得效率更高，带来的的只管问题就是生命周期钩子函数不会再被调用，也就是不会再被触发；就这样，我们的页面就可以进行路由跳转和切换了，路由的基本使用就完成了；重定向实际上是当匹配到路径符合条件的时候去执行对应的路由，当然这个时候的url上面的地址显示的是对应的路由，页面也是对应的路由页面；
2025-03-14 16:17:13
413
原创 vue知识点（1）
用途：用于创建一个响应式的基本类型（string、number、boolean）或者引用类型（object、array）的数据。返回值：返回一个带有属性的对象，访问或者修改数据时需要通过进行。使用场景：适合处理单个值或需要明确访问的场景。用途：用于创建一个响应式的对象或者数组。返回值：返回一个响应式的，可以直接访问或修改属性，无需。使用场景：适合处理复杂对象或者嵌套数据结构。计算属性是通过 函数创建的。计算属性默认是只读的，但可以通过定义 和 函数来创建一个可写的计算属性。 用于获取计算属
2025-03-07 15:24:39
464
原创 input输入框限制字符数
在实际应用中，有时需要中文占据两个字符，英文或者数字占据一个字符来计算。输入框的计数一般都是一个字占据了一个字符来计算。
2025-03-05 18:35:29
262
原创 实现验证码输入功能
注意：仅使用v-modal双向绑定不能实现清空输入框的功能，只有使用:value来双向绑定，并使用ref指令来获取DOM元素，进行清空才可实现。以下可以实现一个验证码输入，在输入错误时显示红色框、提示‘验证码错误’，并清空错误的验证码，输入正确时跳转页面。在uview-plus中的u-code-input组件，可以实现验证用户短信验证码的功能。
2025-03-03 12:03:05
225
原创 next.js基础（6）- 路由处理程序
路由处理程序是用来处理后端路由的，前端请求地址和后端处理逻辑之前的对应关系，也就是用来写接口的。路由处理程序是在app目录内的router文件夹中定义的，可以嵌套在app目录内的任何位置，类似于page文件和layout文件。在app目录下的router文件不能与page文件同一层目录。router是用来处理请求的page是用来渲染页面的如果在同一层目录，路径都是一样的，next.js会判断不出来应该走哪个逻辑来触发一般会先创建一个api文件夹，在api文件夹内创建所需要的router文件。
2024-12-19 10:18:55
388
原创 next.js基础（5）- 拦截路由
允许从当前布局中应用程序的其他部分加载路由，且只显示路由的内容，而不让用户切换到其他地方。可以通过创建目录从区段中拦截区段，来进行路由拦截。(.)(..)(..)(..)(...)注意：匹配哪一级的区段是按照路由的嵌套来选择的，不是按照文件夹的嵌套来选择的。
2024-12-13 17:31:06
414
1
原创 next.js基础（4）- 并行路由
用来呈现出同一布局中的一个或者多个页面。并行路由相当于插槽，是使用命名槽来创建的，插槽作为props传递给共享的父布局，父布局在渲染时可以将其与children属性一起并行处理。槽不是路由段，不会影响URL的结构。命名规则是给新建的文件夹命名为的实际URL为/page在默认情况下，Next.js 会跟踪每个槽的活动状态（或子页面）。但是，槽中呈现的内容将取决于导航的类型。·软导航：在客户端导航的时候可以进行渲染，更改槽内子页面的内容，并且保持当前页面另一个槽内的活动子页面。
2024-12-12 16:31:27
490
原创 next.js基础（3）- 动态路由
是在事先不知道确切的分段名称，并且想要从动态数据中创建路由，则可以使用在请求时填写或在构建时预呈现的动态分段。可以通过将文件夹名称括在方括号中来创建动态区段[文件夹名字]动态区段作为prop传递给params被中括号包裹住的文件夹名字不在URL中显示，只显示他所对应的参数值Catch-all。
2024-12-11 15:03:49
363
原创 next.js基础（2）
在文件夹下新建一个可以自定义一个404的页面效果在app文件夹下创建，应用于项目全局，可以在访问不到页面时自动触发在某个文件夹下创建，应用于局部，只能通过notFound（）函数主动触发。
2024-12-09 20:04:05
238
原创 next.js基础（1）
安装时，看到的提示可以直接默认回车略过，提示后，create-next-app将创建一个包含您的项目名称的文件夹并安装所需的依赖项。在package.json内查看运行，通常使用。运行过后，会在终端内显示一个地址，通常是。后，出现的地址可以查看打包之后的内容。，它会自动设置所有内容。
2024-12-03 17:18:10
395
原创 React Router钩子的使用
主要用于处理URL中的查询参数。它返回一个数组，第一个元素是当前的查询参数（对象），第二个元素是一个更新这些查询参数的函数。参数的值，若URL中没有这个参数，则返回。的参数的值，并将其输出到控制台。从查询参数中获取名为。
2024-11-20 18:41:57
209
原创 React中使用Echarts图表
使用，在挂载阶段渲染，关闭页面后销毁，以免内存泄漏。注意：所展示的图表元素需要加宽高，否则图表不显示。2.安装完成后在需要使用的项目文件中引入。1.使用Echarts先安装包，从。3.为组件定义一个状态变量。，用于存储和管理图表实例。
2024-11-05 19:04:14
288
原创 Vue项目中支持多语言
zh-cn.ts和en-us.ts语言文件，分别是英文和中文的翻译资源，需要在其中编写翻译的配置项。注意：两个文件中，要想表达同一个意思的语句前面的值也需要是相同的。然后再项目src目录下，新建lang目录，可以新建如下几个文件。需要在项目业务主文件（一般是main.ts）中导入i18n。最后在需要实现的项目业务组件中使用i18n翻译功能。首先创建一个Vue项目，然后下载i18n的依赖包。
2024-11-04 19:24:19
151
原创 Python安装教程
Use admin privileges when installing py.exe： 安装py.exe时使用管理员权限，勾选这个是为了程序或者命令运行过程中更改系统设置或则注册表，如果没勾选，那你就只能以普通用户的身份进行读的权限，没有改的权限，也就没法完成更改操作。安装完成后，可以点击Win+R打开运行窗口输入cmd，点击确定或者回车键打开当前窗口，在窗口中输入python -V或者也可以输入python --version查看python版本号。所有功能默认勾选，直接点击Next进行下一步。
2024-10-29 18:49:04
456
原创 React项目中支持多语言
首先创建一个react项目，然后下载i18n的依赖包然后再项目src目录下，新建i18n目录，可以新建如下几个文件zh-cn.json和en-us.json语言文件，分别是英文和中文的翻译资源，需要在其中编写翻译的配置项注意：两个文件中，要想表达同一个意思的语句前面的值也需要是相同的需要在项目业务主文件（一般是main.tsx）中导入i18n最后在需要实现的项目业务组件中使用i18n翻译功能在浏览器中可以看到，文本已经被成功翻译。
2024-09-27 19:04:28
747
原创 CSS动画
动画使元素逐渐从一种样式变为另一种样式。可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。
2024-07-24 15:24:49
1701
原创 修改element框架的el-table表格
通过类名选择器进行样式设置，这个设置需要不带scoped的style标签，然后通过类型设置样式，同时需要将.el_table th.el_table__cell单元格的默认背景设置为透明色。这里介绍的是使用header-row-class-name来修改表头颜色为渐变色 （效果图如下）代码：通过header-row-class-name设置一个类名。
2024-07-22 14:36:47
667
2
原创 vue基础
,aa是指令名，参数el表示的是自定义指令绑定的元素binding是一个对象，包含的属性value传递给指令的值oldValue指令绑定的数据或者元素内部发生改变的时候，改变前的值，仅在和updated中有值。
2023-11-26 20:32:43
69
1
原创 js基础语法
后面()中的判断条件，不管里面的表达式有多复杂，返回的值永远只有true或者false。当满足循环条件的时候，进入循环体，当不满足循环条件的时候，跳出循环，循环结束。对循环条件的理解，是变量满足循环条件的时候，才会执行循环体中的代码。语句，特点是，默认贯穿整个结构，可以使用关键字。的作用是阻断当前结构语句，可以阻断。只有循环结束，循环后面的代码才能执行。的范围有时候会比较大，因此可以使用。中的代码才能被执行，如果判断条件。中的代码，程序继续往下执行。对具体的情况进行细分，可以根据情况设置多个。
2023-08-18 20:13:56
79
1
原创 js的对象操作、运算符
通过获取 html中的dom元素每一个html标签都是一个对象，成为dom对象每一个标签的属性也是一个对象的属性设置对象属性的值 obj.属性名 = ‘aa’;获取对象属性的值 obj.属性名每一个html标签都有一个style属性，因此可以使用js操作该style，如果设置style属性，则是给标签行间添加一个style属性。
2023-08-11 20:03:32
107
1
原创 javascript介绍
外部引入通过属性行间引入2 JavaScript基础语法2.1 注释注释一行 使用 注释一块区域 使用 2.2 调试的常用方法结合浏览器进行调试的常用方法对代码可能出现的异常进行异常捕捉，异常捕捉之后不会影响后面的代码3 变量和常量3.1 变量变量在使用之前最好先声明和定义，如果只声明，没有定义则变量是undefined(未定义的)变量声明前置，即使变量在使用该变量代码的后面，浏览器也会把变量的声明提升到作用域的最前面3.1.1 var声明变量的关键字
2023-08-08 18:46:09
56
原创 css基础（浮动，定位，居中，表单）
设置浮动的元素超出文档流文档流：就是元素从上到下，从左到右的布局顺序浮动的作用：从整体出发，把标签元素进行横向布局。
2023-08-03 17:31:51
1391
原创 css 层叠式样式表的部分属性（续写）
display属性：可以控制标签元素的显示属性值：block 把标签元素化为块属性inline 把标签元素转化为行属性none 隐藏标签元素设置内联块元素，也叫做行内块元素。他的本质是 对内显示 块标签属性，对外显示 行标签属性。
2023-07-11 20:04:49
83
原创 HTML基础知识
dl > < dt > 标题项 </ dt > < dd > 列表项 </ dd > < dd > 列表项 </ dd > < dd > 列表项 </ dd > </ dl >< dl > < dt > 标题项 </ dt > < dd > 列表项 </ dd > < dd > 列表项 </ dd > < dd > 列表项 </ dd > </ dl ></
2023-07-08 16:40:18
70
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人