- 博客(55)
- 收藏
- 关注
RSS订阅原创 基础提升 -- 1
webpack会先打包，打包完成后生成一个文件，再启动开发服务器，请求服务器时直接给予打包结果vite是直接启动服务器，请求哪个模块就对该模块进行实时编译。
2025-10-20 17:24:03
200
原创 小皮的使用配置
phpstudy（小皮）是一款非常好用的数据库工具，可以轻松完成MySQL的安装和配置，同时满足一机兼容、一键切换MySQL版本的功能，可视化界面清晰简洁。
2025-07-17 14:38:37
1026
原创 数组的使用
本文摘要介绍了JavaScript中数组的基本概念和操作方法。主要内容包括：数组属于对象类型，可以存储任意数据类型；数组的两种声明方式；通过length属性设置和获取数组长度；数组元素的获取与遍历方法（for循环、for-in循环、forEach函数）；数组的增删操作（push、unshift、pop、shift、splice）；数组查找方法（indexOf、lastIndexOf）；数组截取（slice）和合并（concat）方法；以及将数组转为字符串的join方法。这些方法可以帮助开发者高效地处理数组数
2025-07-10 14:25:57
837
原创 element-plus组件中el-scrollbar 横向滚动条隐藏解决方案
组件库可以帮助我们简单实现许多功能，但是在实际开发中还可能会遇到一些需要更改组件库样式的内容，如果官方文档中无法实现该功能，那么就可以使用查看组件库DOM结构的方法进行修改，以此来达到要实现的内容。现在要实现隐藏组件库中的滚动条，因官方文档中没有具体的实现方法，所以直接查看。要想隐藏浏览器的原生滚动条，可以使用。可进行添加和修改样式。
2025-06-27 11:45:50
588
原创 在小程序中实现上下左右拖动表格
摘要：本文介绍了小程序中实现表格双向滚动的方案，主要采用CSS的overflow: scroll与"负边距+父容器截断"技术。通过设置父容器overflow: hidden截断滚动条，子容器扩展尺寸补偿滚动条空间，同时使用position: sticky实现表头固定效果。代码示例展示了一个包含时间标签和场地信息的可滚动表格结构，通过Vue实现数据绑定，SCSS设置关键样式包括滚动补偿（calc计算扩展尺寸）、padding防遮挡等，最终实现无滚动条的双向表格滚动交互。（149字）
2025-06-20 11:01:52
355
原创 Github的使用
本文介绍了GitHub项目的基本操作流程。主要内容包括：本地项目上传到GitHub的步骤（创建远程仓库、初始化本地Git、添加文件、提交到本地仓库、关联远程仓库并推送）；从GitHub克隆项目到本地的操作（复制仓库地址、使用git clone命令）；以及常用的Git命令分类（初始化与克隆、提交与修改、分支管理、远程操作、日志查看、撤销回退、临时保存）。文章以图文结合的方式，详细说明了首次上传和后续更新的完整流程，并系统整理了Git常用命令，适合初学者快速掌握Git和GitHub的基本使用方法。
2025-06-18 17:49:52
507
原创 在VSCode中开发一个uni-app项目
使用命令行工具（例如 vue-cli）来创建一个新的 uni-app 项目。创建以JavaScript开发的工程创建以TypeScript开发的工程创建好之后，在执行。
2025-06-04 14:01:47
1030
原创 uniapp小程序中实现无缝衔接滚动效果
组件滚动通知只能实现简单的滚动效果，不能实现滚动内容中的字进行不同颜色的更改，下面实现一个无缝衔接的滚动动画，可以根据自己的需要进行艺术化的更改需要滚动的内容，也可以自定义更改滚动速度。
2025-05-10 16:42:06
702
1
原创 Vue Router（6）- 路由懒加载、Vue Router 和 组合式 API
当打包构建应用时，JavaScript包会变得非常大，影响页面加载。把不同路由对应的组件分割成不同的代码块，然后当路由被访问时才加载对应组件，这样会更高效。路由懒加载是一种优化技术，允许将路由组件按需加载，而不是在初始加载时一次性下载所有路由组件。这可以显著减少应用的初始包大小，提高首屏加载速度。
2025-04-17 17:16:10
266
原创 Vue Router（5）- 动态路由、数据获取
对路由的添加通常是通过routes选项来完成的，但在某些情况下，要在应用程序已经运行的时候添加或删除路由。
2025-04-17 17:15:20
551
原创 Vue Router（3）- 历史记录模式、路由元信息
Vue Router支持多种历史管理模式，主要区别在于URL的表现形式和页面刷新/直接访问时的处理方式。如果需要最好的兼容性或没有服务器配置权限，使用Hash 模式如果需要干净的 URL 并能配置服务器，使用History 模式（该模式下可通过一定的配置，不请求服务器）
2025-04-16 11:54:47
670
原创 Vue Router（4）- 导航守卫
可以通过跳转或取消的方式守卫导航。在路由导航发生前、发生时和发生后执行自定义逻辑。导航守卫主要用于权限控制、数据预加载、页面访问限制等场景。
2025-04-16 10:06:24
1063
原创 Vue Router（2）
在父路由组件内部渲染子路由组件，形成层次化的路由结构。嵌套路由的核心思想：父路由组件包含一个或多个子路由出口子路由在父路由的上下文中渲染URL路径反映路由的层次结构。
2025-04-10 19:02:03
247
原创 Vue Router（1）
是一个导航组件，用于在不重新加载页面的情况下切换视图。 是一个视图渲染容器组件，用于显示与当前 URL 匹配的组件。新建路由创建路由器实例创建路由器实例是通过 函数来创建的注册路由器插件当创建了路由器实例，就要将其注册为插件，可以通过调用 来完成。插件作用：区别是 Vue Router 的实例，是整个路由系统的核心控制器，用于控制路由。获取方式：使用 组合式API示例：是一个响应式对象，表示当前激活的路由状态，用于访问当前路由状态。主要属性：可以通过 来访问上面的属性。
2025-04-09 20:06:54
488
原创 详解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
844
原创 Vue路由详细讲解指南
酷的同时也会给我们带来一些问题，因为使用路由参数时，从/user/xianyu导航到/user/mengxiang，原来的组件实例会被复用，两个路由都渲染同个组件，比起销毁再创建，显示复用显得效率更高，带来的的只管问题就是生命周期钩子函数不会再被调用，也就是不会再被触发；就这样，我们的页面就可以进行路由跳转和切换了，路由的基本使用就完成了；重定向实际上是当匹配到路径符合条件的时候去执行对应的路由，当然这个时候的url上面的地址显示的是对应的路由，页面也是对应的路由页面；
2025-03-14 16:17:13
544
原创 vue知识点（1）
用途：用于创建一个响应式的基本类型（string、number、boolean）或者引用类型（object、array）的数据。返回值：返回一个带有属性的对象，访问或者修改数据时需要通过进行。使用场景：适合处理单个值或需要明确访问的场景。用途：用于创建一个响应式的对象或者数组。返回值：返回一个响应式的，可以直接访问或修改属性，无需。使用场景：适合处理复杂对象或者嵌套数据结构。计算属性是通过 函数创建的。计算属性默认是只读的，但可以通过定义 和 函数来创建一个可写的计算属性。 用于获取计算属
2025-03-07 15:24:39
523
原创 input输入框限制字符数
在实际应用中，有时需要中文占据两个字符，英文或者数字占据一个字符来计算。输入框的计数一般都是一个字占据了一个字符来计算。
2025-03-05 18:35:29
491
原创 实现验证码输入功能
注意：仅使用v-modal双向绑定不能实现清空输入框的功能，只有使用:value来双向绑定，并使用ref指令来获取DOM元素，进行清空才可实现。以下可以实现一个验证码输入，在输入错误时显示红色框、提示‘验证码错误’，并清空错误的验证码，输入正确时跳转页面。在uview-plus中的u-code-input组件，可以实现验证用户短信验证码的功能。
2025-03-03 12:03:05
432
原创 next.js基础（6）- 路由处理程序
路由处理程序是用来处理后端路由的，前端请求地址和后端处理逻辑之前的对应关系，也就是用来写接口的。路由处理程序是在app目录内的router文件夹中定义的，可以嵌套在app目录内的任何位置，类似于page文件和layout文件。在app目录下的router文件不能与page文件同一层目录。router是用来处理请求的page是用来渲染页面的如果在同一层目录，路径都是一样的，next.js会判断不出来应该走哪个逻辑来触发一般会先创建一个api文件夹，在api文件夹内创建所需要的router文件。
2024-12-19 10:18:55
475
原创 next.js基础（5）- 拦截路由
允许从当前布局中应用程序的其他部分加载路由，且只显示路由的内容，而不让用户切换到其他地方。可以通过创建目录从区段中拦截区段，来进行路由拦截。(.)(..)(..)(..)(...)注意：匹配哪一级的区段是按照路由的嵌套来选择的，不是按照文件夹的嵌套来选择的。
2024-12-13 17:31:06
839
1
原创 next.js基础（4）- 并行路由
用来呈现出同一布局中的一个或者多个页面。并行路由相当于插槽，是使用命名槽来创建的，插槽作为props传递给共享的父布局，父布局在渲染时可以将其与children属性一起并行处理。槽不是路由段，不会影响URL的结构。命名规则是给新建的文件夹命名为的实际URL为/page在默认情况下，Next.js 会跟踪每个槽的活动状态（或子页面）。但是，槽中呈现的内容将取决于导航的类型。·软导航：在客户端导航的时候可以进行渲染，更改槽内子页面的内容，并且保持当前页面另一个槽内的活动子页面。
2024-12-12 16:31:27
637
原创 next.js基础（3）- 动态路由
是在事先不知道确切的分段名称，并且想要从动态数据中创建路由，则可以使用在请求时填写或在构建时预呈现的动态分段。可以通过将文件夹名称括在方括号中来创建动态区段[文件夹名字]动态区段作为prop传递给params被中括号包裹住的文件夹名字不在URL中显示，只显示他所对应的参数值Catch-all。
2024-12-11 15:03:49
457
原创 next.js基础（2）
在文件夹下新建一个可以自定义一个404的页面效果在app文件夹下创建，应用于项目全局，可以在访问不到页面时自动触发在某个文件夹下创建，应用于局部，只能通过notFound（）函数主动触发。
2024-12-09 20:04:05
284
原创 next.js基础（1）
安装时，看到的提示可以直接默认回车略过，提示后，create-next-app将创建一个包含您的项目名称的文件夹并安装所需的依赖项。在package.json内查看运行，通常使用。运行过后，会在终端内显示一个地址，通常是。后，出现的地址可以查看打包之后的内容。，它会自动设置所有内容。
2024-12-03 17:18:10
678
原创 React Router钩子的使用
主要用于处理URL中的查询参数。它返回一个数组，第一个元素是当前的查询参数（对象），第二个元素是一个更新这些查询参数的函数。参数的值，若URL中没有这个参数，则返回。的参数的值，并将其输出到控制台。从查询参数中获取名为。
2024-11-20 18:41:57
243
原创 React中使用Echarts图表
使用，在挂载阶段渲染，关闭页面后销毁，以免内存泄漏。注意：所展示的图表元素需要加宽高，否则图表不显示。2.安装完成后在需要使用的项目文件中引入。1.使用Echarts先安装包，从。3.为组件定义一个状态变量。，用于存储和管理图表实例。
2024-11-05 19:04:14
412
原创 Vue项目中支持多语言
zh-cn.ts和en-us.ts语言文件，分别是英文和中文的翻译资源，需要在其中编写翻译的配置项。注意：两个文件中，要想表达同一个意思的语句前面的值也需要是相同的。然后再项目src目录下，新建lang目录，可以新建如下几个文件。需要在项目业务主文件（一般是main.ts）中导入i18n。最后在需要实现的项目业务组件中使用i18n翻译功能。首先创建一个Vue项目，然后下载i18n的依赖包。
2024-11-04 19:24:19
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人