- 博客(50)
- 收藏
- 关注
RSS订阅原创 【无标题】vite配置代理--loadEnv
在 Vite 项目中，使用环境变量提供了一种在不同环境下定制化应用行为的方式。通过读取环境变量，我们可以设置不同的配置信息。开发中常见的场景有：区分通过环境变量可以方便地区分当前应用运行的是开发还是生产环境。例如，在开发环境下，可以启用控制台日志和调试工具，而在生产环境下，则需要关闭这些功能以提升性能和安全性。配置应用访问的 API 地址应用通过 HTTP 请求与后端 API 进行通信。在开发和生产环境下，API 服务器的地址可能不同。
2024-02-27 11:06:18
1200
原创 只需一文带你深入在 Vue 项目中配置 ESLint 和 Prettier
安装完成后，打开 VS Code 的设置，在搜索框中搜索 “Prettier”，找到相应的设置项，并将其设置为 “true”，以启用自动格式化功能。安装完成后，打开 VS Code 的设置，在搜索框中搜索 “ESLint”，找到相应的设置项，并将其设置为 “true”，以启用自动检查和修复功能。其中，extends 指定了代码风格的基础配置，这里我们使用的是 recommended，它是一个eslint的配置包，相对来说较为流行，具体的配置可去nodemodule—eslint—conf下查看。
2024-01-30 10:18:36
1051
原创 一文了解prettier
Prettier 是一个武断的代码格式化工具，为什么说它武断呢，因为它不负责代码检查，只负责按它自己的一套规则进行格式化。而且它的格式化可配置项也很少，上手很简单。（不过实际用下来格式化的效果很不错）JSXAngularVueFlowTypeScriptHTMLJSONGraphQLYAML为什么需要？
2024-01-25 11:24:03
963
原创 Vue前端规范【二】
在大多数项目中，这些规则被发现可以提高可读性和/或开发人员体验。如果你违反了它们，你的代码仍然会运行，但违规应该是罕见的，而且有充分的理由。
2024-01-22 16:23:36
1170
原创 Vue前端规范【一】
这些规则有助于防止错误，因此请不惜一切代价学习并遵守这些规则。 例外可能存在，但应该非常罕见，并且只能由具有 JavaScript 和 Vue 专业知识的人进行。
2024-01-17 16:36:46
638
原创 你真的读懂了“in”运算符吗？
in 右操作数必须是一个对象值例如：你可以指定使用 String 构造函数创建的字符串，但不能指定字符串文字。// true// 报错(color2不是对象)
2024-01-13 14:34:41
410
原创 JavaScript类型检测【全】
因此，不同对象类型调用 toString 方法时，调用的是重写后的 toString 方法，而非 Object 上原型 toString 方法，所以采用 xxx.toString() 不能得到其对象类型，只能将 xxx 转换成字符串类型。为了 每个对象 都能通过 Object.prototype.toString 来检测，需要以 Function.prototype.call 或者 Function.prototype.apply 的形式来调用，传递要检查的对象作为第一个参数。
2024-01-12 17:41:07
522
原创 git暂存命令，一看就懂
stash是 Git 提供的一个命令，用于暂时保存当前工作目录的更改，以便你可以切换到其他分支或者恢复到之前的状态，而不必提交未完成的更改。
2023-12-15 09:18:12
362
原创 HTTPS加密协议：保障网络安全的重要技术
HTTPS为网络通信提供了重要的保障，保护用户数据的安全性和完整性，同时增强了用户对网站的信任。在今天的互联网环境中，使用HTTPS已经成为一种不可或缺的标准实践，值得各个网站和应用程序的广泛采用。它通过使用SSL/TLS协议对传输的数据进行加密，确保数据的机密性和完整性。c. SEO优化：搜索引擎通常更喜欢使用HTTPS网站，因为它们提供了更安全的用户体验，并在搜索排名中给予了额外的加分。a. 安全性：HTTPS通过加密通信确保了用户数据的隐私和安全，有效抵御窃听、篡改和伪造等攻击。
2023-12-09 11:15:00
133
原创 centos7做gitlab数据灾备项目地址指向问题
完成上述步骤后，GitLab 应该回复正确的服务器地址。如果问题仍然存在，请确保没有其他网络代理或反向代理在干扰请求，并且检查防火墙和网络设置是否正确。4.清除浏览器缓存：如果你在浏览器中访问 GitLab 时仍然看到旧的地址，请尝试清除浏览器缓存或在新的隐私窗口/无痕模式下重新访问。如果你在 CentOS 7 上使用 GitLab 时，它回复的数据指向了另一个服务器的地址，可能是因为配置文件中的一些设置不正确。
2023-12-08 11:34:15
617
原创 git修改commit历史提交时间、作者
GIT_COMMITTER_DATE="2023-11-20T09:51:07" git commit --amend --date="2023-11-20T09:51:07" --author="你git账号" --no-edit。GIT_COMMITTER_DATE="2023-11-20T09:51:07" git commit --amend --date="2023-11-20T09:51:07" --author="你git账号"1、修改最近的几条记录，进入提交记录列表，修改提交记录模式。
2023-11-20 10:58:27
902
原创 前端依赖包node-sass问题解决篇
进来的小伙伴应该都是在跑前端老项目的时候遇到这种问题吧如果只能自己安装的情况，那自己本地安装的node版本不是14，就先把自己的nodejs卸载干净，可以看这篇文章如果是node-sass的依赖版本的问题可以先直接尝试然后卸载掉原先安装部门的node-sass在重新安装node-sass运行时如果node-sass报错提示。
2023-11-09 10:43:54
338
原创 前端进阶：CSS模块化开发-BEM规范
在前端开发中，CSS扮演着关键的角色，负责为网页和应用程序添加样式和布局。然而，随着项目规模的增长，CSS代码往往变得复杂且难以维护。为了解决这个问题，前端开发者引入了一种被称为BEM的命名方法。本文将介绍CSS-BEM，并提供一些使用该方法的最佳实践。一、CSS-BEM简介: BEM是块、元素、修饰符（Block, Element, Modifier）的缩写。它是一种命名约定，有助于开发人员编写可重复使用、易于维护和扩展的CSS代码。
2023-11-06 11:17:32
104
原创 date.locale is not a function报错解决方法
根据你的需求，你可以在表单提交时获取选择的日期数据，然后进行进一步的处理，例如存储到数据库、发送到服务器等。最后会报错的话，我们需要修改数据之前做数据回显，因为原先的数据不符合时间格式。提示文字、限制可选择的日期范围等。你可以在官方文档中查找更多的配置选项。在上面的示例代码中，我们使用了。添加其他配置属性，例如设置。做一个数据回显的操作即可解决。首先，确保你已经安装了。来将选中的日期绑定到。
2023-10-20 21:15:16
1643
原创 一周年创作纪念日
通过这些文章，我不仅记录了自己在学习过程中遇到的问题和解决方案，也与许多前端开发者分享了自己的经验和见解。通过写作，我不断地吸收新知识，完善自己的技能，并且感受到了写作的乐趣和成就感。在这一年里，我收到了许多来自读者的鼓励和反馈，这是我最大的动力。有时候，我会收到一些读者提出的问题，这些问题督促着我不断去深入学习和探索不同领域的知识。写博客带给我的收获不仅仅是知识和技能的增长，更重要的是写作所带来的成就感和自我提升。希望未来的一年里，我能够写出更多的有价值的文章，并且不断提高自己的写作水平。
2023-10-08 09:53:18
48
原创 高内聚低耦合：软件设计中的绝配，就像一对默契的搭档！
遵循高内聚低耦合的设计原则可以提高软件系统的可维护性、可扩展性和可测试性。通过单一责任原则、接口隔离原则、依赖倒转原则等方法，我们可以实现高内聚低耦合的设计。同时，依赖注入和合适的设计模式也是实现高内聚低耦合的有用工具。通过合理运用这些原则和方法，我们可以提升软件开发过程中的效率，减少代码的复杂性，使得软件更加易于理解、维护和扩展。
2023-09-11 09:39:39
253
原创 git克隆报错Failed to connect to 127.0.0.1 port 7890 after 2034 ms: Couldn‘t connect to server
如果没有返回东西说明你不是代理的原因，可能就需要手动去配置你的git凭证，不排除是你当初第一次git凭证配置失败的情况，如果有返回东西的话接下来就输入下面的命令行清除一下代理即可。今天在一台新机上面搭环境，发现配置git的时候出了问题，卡了一下，大致问题翻译了下是没链接上远端，接下来简单说明一下我的解决方法。
2023-08-29 11:02:35
1079
2
原创 Charles抓包工具的使用教程（PC、Android、IOS）
然后，在设备的网络设置中，将代理设置为你电脑的IP地址和Charles的监听端口（默认为8888）。如果你想只捕获特定的应用程序或者域名的请求，可以在菜单栏中选择“Proxy” -> “SSL Proxying Settings”，然后添加相应的规则。进入设备的“无线和网络”或者“Wi-Fi”设置，长按当前连接的Wi-Fi网络，选择“修改网络”。在安全设置中找到“受信任的凭据”或者“CA证书”选项，并添加Charles的证书。安装证书后，打开设备的“设置”应用，进入“安全性和隐私”或者“安全”选项。
2023-08-14 11:04:48
1282
原创 uniapp对于android和ios退出app的方法
当涉及到在 UniApp 中实现 Android 和 iOS 平台上退出应用程序的功能时，可以根据操作系统的不同使用不同的方法。下面是一篇详细的图文博客，介绍了如何在 UniApp 中实现 Android 和 iOS 的退出应用程序功能。
2023-08-12 18:09:02
5514
9
原创 UniApp的不同设备条件编译详解
通过设备条件编译，我们可以方便地根据不同平台进行代码适配，并实现特定平台的样式和逻辑。在UniApp开发中，这种条件编译的能力非常有用，可以提高开发效率并优化用户体验。希望本篇博客能给你对UniApp中设备条件编译的使用方法有所了解。通过灵活运用条件编译，你可以更好地适配不同平台的需求，并提供更好的用户体验。
2023-08-10 17:45:00
885
原创 UniApp 跳转外链的实现详解
UniApp 是一个基于 Vue.js 的跨平台开发框架，可以方便地开发多个平台的应用程序，包括小程序、H5、App 等。
2023-08-09 15:01:24
10310
原创 uniapp的.gitignore忽略文件
文件位于项目的根目录下，并通过Git管理工具进行版本控制，以确保被忽略的文件和目录不会被提交到代码库中。这样可以减小代码库的体积并提高协作效率。文件覆盖了常见的UniApp项目中需要忽略的文件和目录。您可以根据自己的项目需求进行适当的调整和添加其他需要忽略的文件或目录。文件用于指定要被忽略的文件和目录，以避免它们被误上传到代码仓库中。在UniApp项目中，我们也可以创建一个。文件来定义需要忽略的文件和目录。下面是一份完整的UniApp项目的。当使用Git作为版本控制工具时，
2023-08-01 11:56:50
2644
原创 小程序跳转详解：navigateTo及其他常用跳转方式
本文详细介绍了小程序中常用的跳转方式，包括navigateToredirectToswitchTabreLaunch等。了解这些跳转方法的特点和使用方式，能够更好地进行小程序页面之间的跳转操作，提升用户体验。在开发过程中，根据具体需求选择合适的跳转方式，并注意处理跳转失败的情况，以确保用户能够正常浏览和使用小程序。希望本文对您有所帮助，如有任何疑问或建议，欢迎留言讨论。
2023-07-19 23:52:49
5288
原创 高考志愿填报指南
高考志愿填报是每个考生都要面对的重要环节，它直接关系到考生未来的学习和发展方向。为了帮助考生们更好地进行志愿填报，以下是一份高考志愿填报指南，供考生参考。
2023-07-05 10:08:58
84
原创 探索JavaScript高阶函数的魅力
在实际开发中，高阶函数可以帮助我们实现回调处理、函数组合、延迟执行等各种常见的功能。掌握高阶函数的使用，将使我们的代码更加优雅和可维护。它们能够接收函数作为参数或返回一个新的函数，使我们能够以更灵活和功能丰富的方式编写代码。一、什么是高阶函数？高阶函数是指能够接收一个或多个函数作为参数，并/或者返回一个新的函数的函数。三、函数作为返回值 高阶函数还可以返回一个新的函数，这也被称为函数的柯里化（Currying）。二、函数作为参数 通过将函数作为参数传递给另一个函数，我们可以实现更具体和可定制的功能。
2023-07-04 18:29:34
56
原创 深入了解 shallowRef 和 shallowReactive
通过使用shallowRef和，我们可以更加灵活地处理响应式数据。它们能够提高性能，并且在某些场景下帮助我们避免不必要的响应式更新。当我们明确知道某个值或对象的内部属性不需要进行深层次的响应式处理时，就可以选择使用shallowRef或来优化我们的代码。在实际开发中，请根据具体需求和情况谨慎选择是否使用shallowRef和，并合理利用它们提供的优势。
2023-06-30 17:07:21
4057
原创 Vue 2 常用组件传值详解及示例
本篇博客介绍了Vue 2中组件之间进行值传递的基本概念，并通过示例演示了父组件向子组件传递带有图片的数据。在实际开发中，你可以根据需要扩展和修改上述示例代码。希望本文对于理解Vue 2组件传值有所帮助！
2023-06-30 09:39:17
569
原创 Vue3后台管理切换菜单栏，页面空白问题【已解决】
今天开发Vue3后台管理页面的时候创建了几个菜单栏并且写页面，写完之后测试发现这几个页面只能页面刷新后第一次点击后才会有显示页面效果，后面怎么点击怎么切换都不行都是空白的页面。后面排查了很久，发现就算Vue3支持可以Vue页面不用单个节点包裹着，但是我们尽量还是使用单个节点进行包裹，以免出现其他奇怪的问题（页面不加载）。数据加载问题：如果页面需要从后端获取数据展示，确认数据是否成功加载，并且在页面中正确使用。路由配置问题：请确保路由配置正确，每个菜单项都对应了正确的组件或页面，并且路由路径设置正确。
2023-06-27 17:08:34
2431
4
原创 简述uniapp的image标签的mode属性
uni-app的image标签是用于显示图片的组件，而mode属性则用于设置图片的显示模式，这个也是传统 web 开发中的。Uniapp 的与传统 web 开发中的相比多了一个mode属性，用来设置图片的裁剪、缩放模式。在开发中尽量养成每一个都设置mode的习惯。可以。一般只需要使用widthFixaspectFill这两个属性即可应对绝大多数情况。即只需设置宽度自动撑起高度的图片用widthFix；需要固定尺寸设置宽高，并保持图片不被拉伸的图片用。
2023-06-26 10:35:03
6070
原创 简单概述关于uniapp常用api
最近在做两个uniapp的项目，之前没真正的实践过uniapp的项目，这几天看了看官方文档，大致总结一下比较重用的一些api，官网有很多api，具体实操大家也可以具体去详细查看，这边就列举一些比较经常实用的api。从页面导航到网络请求，再到实用的提示框和设备相关的功能，Uniapp 的 API 让我们能够更加便捷地开发出高质量的应用程序。我们可以指定请求的 URL、请求方法、请求头和请求体等信息，并且可以通过回调函数来处理请求的结果。方法来显示一个轻量级的提示框，可以用于显示一些操作成功或失败的信息。
2023-06-25 17:15:15
425
原创 两句话秒懂for...in 和 for...of
总结：for...in循环主要是为了遍历对象而生,不适用遍历数组;for....of循环可以用来遍历数组、类数组对象、字符串、Set、Map以及Generator对象。对于数组的遍历,for...in会返回数组中所有可枚举的属性(包括原型链上可枚举的属性),for...of只返回数组的下标对应的属性值;for...in会遍历对象的整个原型链, 性能非常差不推荐使用,而for...of只遍历当前对象不会遍历原型链;for...of遍历获取的是对象的键值, for...in获取的是对象的键名;
2023-04-25 12:30:00
70
原创 浅谈前端路由history和hash的理解
hash模式是一种把前端路由的路径用井号拼接在真实url后面的模式。当井号后面的路径发生变化时，浏览器并不会重新发起请求，而是会触发事件。比如：http://127.0.0.1:8001/01-hash.html?是H5提供的新特性，允许开发者直接更改前端路由，即更新浏览器URL地址而不重新发起请求。
2023-04-21 17:12:43
209
原创 控制台Uncaught (in promise) cancel 报错问题
这个报错一开始我也很懵逼，因为他也没说具体说是什么问题，也是我在随便点点一些交互的时候发现的这个问题，后面发现这个问题其实是使用ElementUI方法没有定义完全导致的。elementUI有很多dialog的弹出框，都有确认和取消的选型，选型也对应的各个方法，这边就是因为我们定义对应的方法导致这个报错。因此我们需要为这个promise添加一个catch事件，也就是为dialog的方法的取消按钮添加一个事件方法。点击删除，会弹出确认框，点击取消，就会出现该错误。组件时，点击取消可能会提示一条错误。
2023-04-20 21:02:57
429
原创 Postman的FormData传参用法详解
今年上半年因为做毕设的原因，有自己接触到后端，也是用过了postman去测试接口，看到了postman那边的参数形式，一直对这个formData有想法。
2023-04-19 08:58:28
6507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人