- 博客(23)
- 收藏
- 关注
RSS订阅原创 next.js基础（4）- 并行路由
用来呈现出同一布局中的一个或者多个页面。并行路由相当于插槽，是使用命名槽来创建的，插槽作为props传递给共享的父布局，父布局在渲染时可以将其与children属性一起并行处理。槽不是路由段，不会影响URL的结构。命名规则是给新建的文件夹命名为的实际URL为/page在默认情况下，Next.js 会跟踪每个槽的活动状态（或子页面）。但是，槽中呈现的内容将取决于导航的类型。·软导航：在客户端导航的时候可以进行渲染，更改槽内子页面的内容，并且保持当前页面另一个槽内的活动子页面。
2024-12-12 16:31:27
198
原创 next.js基础（3）- 动态路由
是在事先不知道确切的分段名称，并且想要从动态数据中创建路由，则可以使用在请求时填写或在构建时预呈现的动态分段。可以通过将文件夹名称括在方括号中来创建动态区段[文件夹名字]动态区段作为prop传递给params被中括号包裹住的文件夹名字不在URL中显示，只显示他所对应的参数值Catch-all。
2024-12-11 15:03:49
133
原创 next.js基础（2）
在文件夹下新建一个可以自定义一个404的页面效果在app文件夹下创建，应用于项目全局，可以在访问不到页面时自动触发在某个文件夹下创建，应用于局部，只能通过notFound（）函数主动触发。
2024-12-09 20:04:05
191
原创 next.js基础（1）
安装时，看到的提示可以直接默认回车略过，提示后，create-next-app将创建一个包含您的项目名称的文件夹并安装所需的依赖项。在package.json内查看运行，通常使用。运行过后，会在终端内显示一个地址，通常是。后，出现的地址可以查看打包之后的内容。，它会自动设置所有内容。
2024-12-03 17:18:10
149
原创 React Router钩子的使用
主要用于处理URL中的查询参数。它返回一个数组，第一个元素是当前的查询参数（对象），第二个元素是一个更新这些查询参数的函数。参数的值，若URL中没有这个参数，则返回。的参数的值，并将其输出到控制台。从查询参数中获取名为。
2024-11-20 18:41:57
192
原创 React中使用Echarts图表
使用，在挂载阶段渲染，关闭页面后销毁，以免内存泄漏。注意：所展示的图表元素需要加宽高，否则图表不显示。2.安装完成后在需要使用的项目文件中引入。1.使用Echarts先安装包，从。3.为组件定义一个状态变量。，用于存储和管理图表实例。
2024-11-05 19:04:14
213
原创 Vue项目中支持多语言
zh-cn.ts和en-us.ts语言文件，分别是英文和中文的翻译资源，需要在其中编写翻译的配置项。注意：两个文件中，要想表达同一个意思的语句前面的值也需要是相同的。然后再项目src目录下，新建lang目录，可以新建如下几个文件。需要在项目业务主文件（一般是main.ts）中导入i18n。最后在需要实现的项目业务组件中使用i18n翻译功能。首先创建一个Vue项目，然后下载i18n的依赖包。
2024-11-04 19:24:19
123
原创 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
391
原创 React项目中支持多语言
首先创建一个react项目，然后下载i18n的依赖包然后再项目src目录下，新建i18n目录，可以新建如下几个文件zh-cn.json和en-us.json语言文件，分别是英文和中文的翻译资源，需要在其中编写翻译的配置项注意：两个文件中，要想表达同一个意思的语句前面的值也需要是相同的需要在项目业务主文件（一般是main.tsx）中导入i18n最后在需要实现的项目业务组件中使用i18n翻译功能在浏览器中可以看到，文本已经被成功翻译。
2024-09-27 19:04:28
525
原创 CSS动画
动画使元素逐渐从一种样式变为另一种样式。可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。
2024-07-24 15:24:49
1672
原创 修改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
568
1
原创 vue基础
,aa是指令名，参数el表示的是自定义指令绑定的元素binding是一个对象，包含的属性value传递给指令的值oldValue指令绑定的数据或者元素内部发生改变的时候，改变前的值，仅在和updated中有值。
2023-11-26 20:32:43
53
1
原创 js基础语法
后面()中的判断条件，不管里面的表达式有多复杂，返回的值永远只有true或者false。当满足循环条件的时候，进入循环体，当不满足循环条件的时候，跳出循环，循环结束。对循环条件的理解，是变量满足循环条件的时候，才会执行循环体中的代码。语句，特点是，默认贯穿整个结构，可以使用关键字。的作用是阻断当前结构语句，可以阻断。只有循环结束，循环后面的代码才能执行。的范围有时候会比较大，因此可以使用。中的代码才能被执行，如果判断条件。中的代码，程序继续往下执行。对具体的情况进行细分，可以根据情况设置多个。
2023-08-18 20:13:56
69
1
原创 js的对象操作、运算符
通过获取 html中的dom元素每一个html标签都是一个对象，成为dom对象每一个标签的属性也是一个对象的属性设置对象属性的值 obj.属性名 = ‘aa’;获取对象属性的值 obj.属性名每一个html标签都有一个style属性，因此可以使用js操作该style，如果设置style属性，则是给标签行间添加一个style属性。
2023-08-11 20:03:32
98
1
原创 javascript介绍
外部引入通过属性行间引入2 JavaScript基础语法2.1 注释注释一行 使用 注释一块区域 使用 2.2 调试的常用方法结合浏览器进行调试的常用方法对代码可能出现的异常进行异常捕捉，异常捕捉之后不会影响后面的代码3 变量和常量3.1 变量变量在使用之前最好先声明和定义，如果只声明，没有定义则变量是undefined(未定义的)变量声明前置，即使变量在使用该变量代码的后面，浏览器也会把变量的声明提升到作用域的最前面3.1.1 var声明变量的关键字
2023-08-08 18:46:09
45
原创 css基础（浮动，定位，居中，表单）
设置浮动的元素超出文档流文档流：就是元素从上到下，从左到右的布局顺序浮动的作用：从整体出发，把标签元素进行横向布局。
2023-08-03 17:31:51
1337
原创 css 层叠式样式表的部分属性（续写）
display属性：可以控制标签元素的显示属性值：block 把标签元素化为块属性inline 把标签元素转化为行属性none 隐藏标签元素设置内联块元素，也叫做行内块元素。他的本质是 对内显示 块标签属性，对外显示 行标签属性。
2023-07-11 20:04:49
68
原创 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
61
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人