smileAgain-lg-CSDN博客

原创【超详细前后端项目搭建】前端vue3+ts项目（引入ElementPlus、Axios）、后端springboot搭建（创建接口操作mysql数据库）实现前后端联调

本项目为简易的全栈项目，其中前端项目使用到了vue3、ts、Element Plus、axios等技术栈；后端项目使用到了springboot、jdbc、mysql、maven等技术

2023-12-13 21:23:32 17402 4

原创 vue3使用vant日历组件（calendar），自定义日历下标的两种方法

在vue3中使用vant日历组件（calendar）自定义下标的两种方法，通过插槽实现日期下方添加多个小圆点

2024-12-26 15:17:25 512

原创 vue封装防重复点击事件，并全局挂载使用

在utils文件夹中(可以和普通工具类存放一起，也可以按自己需求存放)创建js文件 preventReClick.js。1、创建防重复点击的js文件，在js文件中添加防重复点击的方法。

2024-07-22 10:50:19 464

原创使用create-react-app脚手架创建react项目

打开cmd，执行命令npm i -g create-react-app，安装create-react-app脚手架；创建 React 项目，项目名为 react-demo

2023-12-15 17:08:59 372

原创 Vue3中ref和reactive的区别

Vue3中实现数据响应式，用到的是组合式API中的ref和reactive函数，不同的是ref函数一般定义基本类型数据，而reactive函数用于定义一个对象类型的响应式数据。

2023-12-15 14:40:44 446

原创【全方位对比】前端vue2、vue3、vue3语法糖三种写法

从Vue3发布以来，陆陆续续也有很多项目慢慢的从vue2往vue3转变，特别是vue3.2退出setup语法糖之后，很大层度的简化了vue3的书写，下面我们来看一下，vue2、vue3、和vue3setup语法糖三种写法的区别。

2023-12-15 13:49:42 2182 2

原创【idea断点报错】org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)的几种问题排查方法

运行项目时，使用idea打断点，报错org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.springboot.userlogin.springbootdemo.dao.UserDao.getUserByMassage

2023-12-15 01:21:37 427

@SpringBootApplication注解是SpringBoot最核心的注解，用于SpringBoot的主类，标识这是一个 SpringBoot 应用，用来开启 Spring Boot 的各项能力。其中包含了@SpringBootConfiguration，@EnableAutoConfiguration，@ComponentScan这三个注解。（1）、@Configuration：指示这个类是一个配置类，它定义了一个或多个@Bean方法，用于创建和配置Spring应用程序上下文中的Bean。

2023-12-15 00:51:22 355

原创【vue3 编译ctx 无法识别】TypeError: Cannot read properties of undefined (reading ‘getUserPassword‘)

Vue3中，getCurrentInstance代表上下文，即当前实例。ctx相当于Vue2的this, 但是使用ctx代替this时，编译会报错。此问题的解决方案就是使用proxy替代ctx。

2023-12-14 11:41:19 958

原创【安装配置vue最详细的方法】检查vue版本时，报错“‘vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件”

检查npm版本，查看是否安装，如果未安装请先安装node和npm；进入 node.js 的安装目录中查看一级目录下是否存在 vue.cmd 指令；安装vue；安装脚手架 vue-cli；在cmd 中输入npm config list，查看 prefix 目录下对应的地址；配置环境变量；安装配置成功，检查vue版本。

2023-12-13 15:01:02 1198 1

原创大陆港澳台手机号格式校验

大陆港澳台手机号格式校验，大陆手机号不加区号，港澳台手机号加区号校验

2023-12-05 18:38:37 453

原创超完整的mysql安装配置方法（包含idea和navicat连接mysql,并实现建表）

mysql安装教程，包含下载安装方法，mysql环境变量配置，重置mysql密码，使用idea和navicat连接mysql, 并实现mysql建表, 及数据库的可视化查看

2023-12-05 18:23:44 9713 1

原创 Ionic4 生命周期钩子函数和angular生命周期钩子函数介绍

在 Ionic 4 中的页面组件中使用这些生命周期钩子来控制页面的生命周期和执行相应的任务。Angular 框架提供了一系列生命周期钩子（Lifecycle Hooks），这些钩子允许你在组件生命周期的不同阶段执行特定的任务。这些生命周期钩子允许你在组件生命周期的不同时刻执行任务，从组件创建到销毁，以及在组件的视图和数据发生变化时执行适当的操作。：在组件初始化完成后调用，用于执行一次性的初始化任务。用于执行视图初始化后的任务，例如获取子组件的视图。通常用于执行在页面不再可见时执行的任务。

2023-10-12 16:45:00 917

原创 css 块元素、行内元素、行内块元素相互转换

在HTML和CSS中，元素可以分为三类：块级元素（Block-level Elements）、内联元素（Inline Elements）和内联块级元素（Inline-block Elements）。

2023-10-12 14:43:26 3106

原创 uniapp小程序中给web-view页面添加授权弹窗（使用cover-view组件覆盖实现该功能）

web-view是承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。也就是说，小程序中使用web-view打开网页，在页面上写的其它组件会直接被网页给覆盖住。使用cover-view组件覆盖实现该功能

2023-10-12 14:14:39 5724 3

原创 vue实现搜索文字高亮功能

在前端开发中，要实现文字搜索高亮效果，你可以使用JavaScript来搜索文本并通过CSS或其他方式对匹配的文本进行高亮处理。以下是一种常见的方法：实现步骤：1、获取用户输入的搜索词。2、创建一个正则表达式，以全局（g）不区分大小写（i）的方式匹配搜索词。获取文本内容。3、使用正则表达式替换匹配的文本，并在匹配文本周围添加高亮类。4、更新文本内容。

2023-10-12 13:19:25 4201 5

原创 window.open方法详解

window.open()是 JavaScript 中的一个方法，用于在浏览器中打开新窗口或标签页。它允许你以编程方式控制新窗口的大小、位置、URL、工具栏、菜单栏等属性。：要在新窗口中加载的文档的 URL。这是一个必需的参数。：新窗口的名称，用于标识新窗口。如果指定相同的名称，它将在同一个窗口中打开。如果留空或设置为"_blank"，将在新窗口或标签页中打开。这是可选参数。：一个包含各种窗口特性的字符串，如大小、位置、工具栏、菜单栏等。这是可选参数。：一个布尔值，指示是否替换浏览器历史中的当前文档。

2023-10-12 11:37:44 7183

原创 CSS 中几种常用的换行方法

white-space 属性可以控制元素中文本的换行方式。word-break 属性可以控制单词在换行时的断开方式。：允许在单词内部断行，例如超出容器宽度时会将单词拆分为多行显示。（默认值）：文本自动换行，默认情况下会根据容器的大小自动换行。：保留原始的空白符（空格和换行符），文本按照源码中的格式显示。：保留原始的空白符，文本在遇到边界时会自动换行。：合并连续的空白符，文本在遇到边界时会自动换行。：尽量保持多字母语言的连续性，适用于东亚语言。：文本不进行换行，超过容器宽度时会溢出。

2023-10-12 11:19:45 34851

原创 js实现数组去重方式（12种方法）

1、filter + indexOf2、for + object3、for + includes4、for + splice5、filter + indexOf6、Map7、Set8、set + Array.from9、sort 排序10、for + findIndex11、双重for循环12、reduce

2023-09-27 00:53:42 4987

原创小程序添加隐私保护指引弹框（包含配置隐私保护指引方法）

9 月 15 号之后涉及隐私的接口将无法使用,严重影响业务逻辑。开发者要做的就是做一个弹窗提示用户阅读隐私保护指引，在用户点击“同意”按钮之后同步给微信，之后微信才允许开发者调用隐私接口，并且还会检测用户是否点击了按钮。

2023-09-27 00:28:13 10945

原创执行ionic serve时，报错ionic : 无法加载文件 D:\develop\NVM\nodejs\ionic.ps1，因为在此系统上禁止运行脚本（已解决）

ionic : 无法加载文件 D:\develop\NVM\nodejs\ionic.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1+ ionic -v\ionic.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170

2023-09-26 23:31:09 194

原创使用nvm快速切换node版本，windows安装nvm实现管理node版本

最完整的nvm安装和使用方法，使用nvm node管理工具管理node版本，可以做到node版本随意切换，能快速的降低、升高node版本

2023-09-26 13:27:35 855

原创 uniapp小程序实现上传图片功能，并显示上传进度

通过uni.chooseMedia方法选择本地图片；使用uni.uploadFile(OBJECT)方法上传文件；使用progress进度条组件，实现上传进度显示

2023-08-17 12:58:49 5907

原创通过css设置filter 属性，使整个页面呈现灰度效果，让整个网页变灰

通过css设置filter 属性设置页面整体置灰。

2023-08-15 14:27:28 4211

原创 uniapp封装组件，选中后右上角显示对号√样式（通过css实现）

在项目根目录下创建components文件夹，自定义组件名称，定义button按钮。

2023-08-15 11:35:59 1950

原创前端Base64 编码和解码的使用方法

使用 Base64 类从 ‘js-base64’ 库进行 Base64 编码和解码。

2023-08-14 14:02:07 4731

原创字符串编码和解码，encodeURIComponent和decodeURIComponent用法

我们使用 JavaScript 中的 encodeURIComponent() 函数将 Unicode 字符串 unicodeString 编码为 UTF-8，并将结果存储在 utf8String 变量中。编码后的字符串将包含一些特殊字符和百分比编码。然后，我们使用 decodeURIComponent() 函数对 utf8String 进行解码，将其还原为原始的 Unicode 字符串，并将结果存储在 decodedString 变量中。使用js内置函数进行编码解码。

2023-08-13 21:42:13 3682