自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Vinca@的博客

Web技术博主的黑洞

  • 博客(122)
  • 收藏
  • 关注

原创 文件超 100M 推送至 Github 解决方案

本文主要介绍使用Git工具将本地Git存储库的代码推送到Github远端仓库时,解决文件超出100M的方案。

2025-02-15 16:40:16 950 1

原创 本地部署deepseek-r1:7b模型

该篇文章能够让你学会本地使用`Ollama`搭建`deepseek-r1:7b`模型,从中你会了解`ollama`简单操作命令,通过该模型写出一个简单的`JavaScript`交互示例,了解该模型的性能消耗和硬件配置要求,最后将本地`deepseek-r1:7b`模型部署到`Chatbox AI`客户端应用中,以及为了照顾小白还有`deepseek API KEY`的配置运用场景,能够让你0基础搭建一个属于自己的AI模型。

2025-02-11 19:59:57 1460

原创 babylon.js-3:了解STL网格模型

案例特点在加载大型网格模型,进度条让用户了解加载的进度,提高用户体验。用户可以通过颜色选择器为模型上色,实现个性化定制。价值可以用于展示各种3D模型,如产品设计、建筑模型、艺术作品等,让用户可以从不同角度查看模型的细节,这在产品设计、游戏开发等领域非常有用。实现效果展示。

2025-01-29 01:45:00 854

原创 babylon.js-2:基本元素介绍

该章节主要介绍 BABYLON 的基本元素,从画布>引擎>场景>相机>灯光>网格>材质>纹理>动画等元素一步步带您了解 BABYLONJS。

2025-01-26 00:15:00 805

原创 前端规范工程-5:Git提交信息规范(commitlint + czg)

在使用Git提交代码时,通常都需要填写提交说明,也就是git commit -m '提交测试'说白了,就是我们提交的时候,在-m后面写的提交说明,在小项目中基本是随意去写这个message的,但是当项目到了一定规模,什么东西都需要形成规范,包括这个提交Message,不然协同开发的同事根本不知道你这次提交到底是在干嘛,只能通过点开Git Graph查看明细,或口头阐述给对方。当然,仅仅只是口头约束并没有实质上的作用,为了禁止不符合规范的的提交,我们就需要采用一些工具,只有当开发者编写了符合规范的。

2024-09-30 20:16:52 1729

原创 前端规范工程-4:Git提交前代码规范检查(Husky + Lint-staged)

在前端项目开发中,规范git提交信息,也是经常使用的手段,如何确保团队成员都遵循ESint规则,且不会将不符合规范的代码推送到Git仓库?答案是:使用带有git hooks功能的husky。git hooks是git内置的功能,它会在执行Git命令之前(或之后)进行一些其它操作。例如ESLint规则校验。husky依靠git hooks来触发EsLint规则校验,并确保团队成员提交和推送代码到git之前的代码无任何问题。

2024-09-29 20:20:07 1505

原创 babylon.js-1:入门篇

Babylon.js是一个基于WebGL的开源3D渲染引擎,用于创建交互性的3D应用程序和游戏。

2024-09-27 16:39:02 1142

原创 前端规范工程-3:CSS规范(Stylelint)

Stylelint 是一个灵活且强大的工具,适用于保持 CSS 代码的质量和一致性。结合其他工具(如 Prettier 和 ESLint),可以更全面地保障前端代码的整洁性和可维护性。

2024-09-26 19:50:45 1595 5

原创 前端规范工程-2:JS代码规范(Prettier + ESLint)

Prettier 主要关注代码的格式,而 ESLint 则关注代码的质量和规范。结合使用这两个工具,可以极大地提高代码的可读性和维护性,同时减少潜在的错误和不一致性。

2024-09-26 19:38:44 1280

原创 前端规范工程-1:项目代码风格统一

前端项目代码风格统一是指在一个前端开发团队或项目中,所有开发者遵循相同的编码规范和约定,以确保代码的一致性、可读性和可维护性。统一的代码风格能够提升团队协作效率,减少代码审查时的摩擦,并使新成员更容易理解和上手项目。主要内容包括:命名约定:变量、函数、类和文件的命名方式(如 camelCase、PascalCase、snake_case 等)。代码结构:文件和文件夹的组织方式,组件的结构,以及模块的划分。缩进和空格:使用空格还是制表符(Tab)进行缩进,代码行之间的空行数量等。注释规范

2024-09-26 19:16:59 868

原创 【nrm】npm 注册表管理器

nrm(Node Registry Manager)是一个用于管理 Node.js 包管理器(如 npm和 Yarn)的注册表工具。它可以帮助用户快速切换不同的 npm 源,以便于提高包安装的速度和效率,特别是在中国大陆地区,使用默认的 npm 源往往速度较慢。## nrm的作用在使用 npm 的过程中,可能插件安装速度比较慢,我们可能会使用淘宝源对插件进行下载安装。或者在公司内部,有一些私有的插件,需要使用公司的源才可以下载。这种情况,我们就需要设置不同的源来进行下载。...

2024-09-25 14:37:11 1274

原创 生命周期钩子onErrorCaptured

如何使用捕获组件树中的错误。

2024-08-25 03:15:00 542 1

原创 依赖注入 provide 与 inject

在父组件中使用provide提供数据,并在子组件中使用inject获取这些数据。

2024-08-25 03:00:00 467

原创 pnpm : 无法加载文件 D:\Program Files\nvm_nodejs\pnpm.ps1,因为在此系统上禁止运行脚本。

PowerShell 执行策略是一项安全功能,用于控制 PowerShell 加载配置文件和运行脚本的条件。 此功能有助于防止恶意脚本的执行。在 Windows 计算机上,可以为本地计算机、当前用户或特定会话设置执行策略。 还可使用组策略设置为计算机和用户设置执行策略。本地计算机和当前用户的执行策略存储在注册表中。 无需在 PowerShell 配置文件中设置执行策略。 特定会话的执行策略仅存储在内存中,在会话关闭时丢失。执行策略不是限制用户操作的安全系统。 例如,当用户无法运行脚本时,可以在命

2024-08-02 22:20:09 789

原创 通过nvm在Win7系统中安装v16.17.0及以上版本的nodejs

set NODE_SKIP_PLATFORM_CHECK=1 是一条在 Windows 操作系统中使用的命令行指令。其作用是设置一个环境变量,变量名为 NODE_SKIP_PLATFORM_CHECK,变量值为 1。这个环境变量通常是在安装或运行 Node.js 应用程序时使用的。当设置这个环境变量为 1 时,它告诉 Node.js 引擎跳过平台检查这一步骤。

2024-07-27 18:25:14 952

原创 Vue Router RouterOptions(linkActiveClass、linkExactActiveClass)

在实际开发中,可以通过动态设置这些类名,或者结合条件来自定义样式,以便更好地反映当前路由的状态。以下是一个简单的示例,展示了如何使用 linkActiveClass 和 linkExactActiveClass,以及如何根据不同的路由状态自定义类名。

2024-07-17 14:30:58 1130

原创 for..in 与 for..of 的可使用范围

for...of循环可以使用的范围包括数组、`Set` 和 `Map` 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、 `Generator` 对象,以及字符串。JavaScript 原有的`for...in`循环,只能获得对象的键名,不能直接获取键值。ES6 提供`for...of`循环,允许遍历获得键值。

2024-07-13 19:23:58 912

原创 GitHub 站点打不开

某些防火墙或安全软件可能会阻止对 GitHub 的访问,检查并配置这些软件允许访问 GitHub。以上就是对github不能正常打开的解决方案,如果你有更好的解决方案欢迎在评论区留言。检查并编辑你的 hosts 文件,确保没有错误配置。清理浏览器的缓存和 cookies,可能是缓存导致的问题。尝试使用公共 DNS 服务器,如 Google 的。,或 Cloudflare 的。需要使用超级管理员身份打开编辑。如果有杀毒软件警告,选择。Windows 防火墙。可以使用命令行工具如。(Windows)或。

2024-07-10 10:34:34 2422 1

原创 入门 Vue Router

Vue Router插件做了什么?1. 全局注册 `RouterView` 和 `RouterLink` 组件。2. 添加全局 `$router` 和 `$route` 属性。3. 启用 `useRouter()` 和 `useRoute()` 组合式函数。4. 触发路由器解析初始路由。

2024-07-08 16:24:33 809

原创 什么是防抖和节流?如何理解它们并在不同的场景条件下灵活运用?

防抖(Debouncing)和节流(Throttling)是两种常见的性能优化技术,常用于控制某些操作(例如事件处理器)的频率,从而减少资源消耗并提高性能。防抖:在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流:在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作:使用防抖。滚动过程中的持续操作:使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。

2024-07-08 16:22:29 1374

原创 类型“{}”上不存在属性“xxxx”。ts(2339)

解决:类型“{}”上不存在属性“xxxx”。ts(2339)问题

2024-07-03 04:30:00 2230 9

原创 The above dynamic import cannot be analyzed by Vite.

`@rollup/plugin-dynamic-import-vars`的使用,`vite-plugin-dynamic-import`的使用,解决import(`${component}`)问题。

2024-07-01 14:14:36 1369

原创 找不到模块“@/stores/xxx”或其相应的类型声明。

在Vue3项目中,特别是在使用TypeScript时,@/符号通常是用来代表项目根目录的别名。例如,可能是指向你项目中的某个store文件或目录。出现找不到模块的错误通常是由TypeScript编译器无法正确解析这些别名导致的。在Vue 3项目中,特别是在使用 TypeScript 时,@/符号通常是用来代表项目根目录的别名。例如,可能是指向你项目中的某个 store 文件或目录。出现找不到模块的错误通常是由 TypeScript 编译器无法正确解析这些别名导致的。

2024-06-27 04:00:00 1895

原创 【Nginx】静态资源访问配置

本篇文章将指导您使用nginx技术实现静态资源能够在网络上被访问的技能,其中包括静态资源请求映射,反向代理,错误404重定向等。

2024-06-27 03:30:00 3286

原创 【node】深入探讨 class URL

当谈论现代 Web 开发时,涉及到多种 URL 相关的概念和工具。Node.js 中的 URL 类提供了强大的 URL 解析和操作功能,适用于服务器端和脚本任务。例如,它允许开发者轻松解析和修改 URL 的各个部分,如协议、主机名、路径和查询参数。与此同时,Vite 提供了 fileURLToPath 函数,用于将文件 URL 转换为本地文件路径,便于在开发过程中处理模块和资源。

2024-06-26 04:00:00 2179

原创 Midway + TypeORM项目部署到BT后启动失败,MySQL报错

回到BT > 网站 > Node项目 > midwayService设置 > 服务状态(开启)现在,你应该能够通过 API Post 请求访问你的 Midway 项目了。服务开启正常,但api接口依旧无法访问,您需要配置nginx的反向代理。为你的域名或 IP 地址。文件,然后将其放置到。的配置目录下,通常是。将上述配置保存为一个。

2024-06-25 06:00:00 550

原创 ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server.

The error `ER_NOT_SUPPORTED_AUTH_MODE` indicates that the MySQL client library being used by TypeORM does not support the authentication method required by your MySQL server. This often happens when your MySQL server is configured with a newer authenticati

2024-06-25 00:30:00 1865

原创 【Markdown】 语法高亮

这些语言标记使得在编辑器和查看器中能够正确地进行语法高亮显示,帮助开发者更好地阅读和调试代码。

2024-06-24 06:30:00 1051

原创 【vite】入门 publicDir 到高阶玩法

publicDir 是 Vite 中非常有用的配置项,可以帮助您轻松管理项目的静态资源。通过上述常规和高级用法,您可以根据项目需求灵活地设置和使用静态资源目录。

2024-06-24 05:00:00 1566

原创 30岁危机:前端开发工程师的生活与思考

30岁,对于一个前端开发工程师来说,是一个重要的分水岭。这个年纪,既有一定的技术积累,也开始面对职业发展的瓶颈。

2024-06-24 05:00:00 861 3

原创 Vue DevTools

当你开发 Vue 应用时,Vue DevTools 是一个非常有用的工具,可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法,并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外,还将介绍如何在 VS Code 中使用 Vue DevTools,帮助你更高效地开发 Vue 项目。

2024-06-21 10:25:22 8701

原创 可选链操作符(?.)、空值合并操作符(??)

可选链(Optional Chaining,?.)是 JavaScript 提供的一种语法,用于在访问嵌套对象属性时,防止因访问不存在的属性而导致的运行时错误。可选链操作符允许您安全地访问深层次的属性,即使其中某些属性不存在,也不会导致错误,而是返回 undefined。

2024-06-21 05:00:00 1189

原创 【vite】define 全局常量定义

定义全局常量替换方式。其中每项在开发环境下会被定义在全局,而在构建时被静态替换。Vite 使用 esbuild define 来进行替换,因此值的表达式必须是一个包含 JSON 可序列化值(null、boolean、number、string、array 或 object)或单一标识符的字符串。对于非字符串值,Vite 将自动使用 JSON.stringify 将其转换为字符串。对于使用 TypeScript 的开发者来说,请确保在或文件中添加类型声明,以获得类型检查以及代码提示。

2024-06-21 04:00:00 2117

原创 Microsoft Edge 查看已保存账号的密码

Microsoft Edge 查看已保存账号的密码

2024-06-20 06:00:00 13514 4

原创 process.env.NODE_ENV

在实际生产环境中,NODE_ENV 是一个非常重要的环境变量,它通常用来指示应用程序运行的环境。如果你在项目中看到类似于 NODE_SSR 或 NODE_URL 的环境变量,它们很可能是由你的团队或项目开发者自行定义的,用于特定的配置或行为。总结来说,除了 NODE_ENV 外,其他环境变量的定义和作用都是由具体的项目和团队决定的,没有像 NODE_ENV 那样的通用标准。在这个示例中,根据 NODE_ENV 的值,Express 应用程序会选择加载不同的中间件和配置,以优化其在不同环境中的行为和性能。

2024-06-19 07:00:00 1884

原创 NPM 包管理器简介

npm是 Node.js 的标准包管理器。据官方数据,在 2024 年 6 月,npm 注册表中列出了超过 310 万个软件包,使其成为地球上最大的单一语言代码存储库,而且你可以阅读或使用几乎一切软件包。它最初是作为一种下载和管理 Node.js 包依赖的方式,但后来成为前端 JavaScript 中也使用的工具。yarn和pnpm是 npm cli 的替代品。你也可以查看它们。

2024-06-18 08:30:00 700

原创 ‘NODE_ENV‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

使用 cross-env 是推荐的做法,因为它可以确保在不同操作系统上都能正确设置和使用环境变量。这样可以避免由于平台差异导致的问题,保持脚本的可移植性和稳定性。

2024-06-17 08:30:00 1783

原创 【Windows10】查看WIFI密码

wifi,密码,如何查看wifi密码,Windows10,移动设备想要链接wifi,不记得wifi密码

2024-06-14 15:49:07 1942

原创 【github】项目的代码仓库重命名

重命名 github 项目名称的方法

2024-06-14 14:54:51 1087

原创 【npm】一款时间日期工具库,你可以使用它来实现精美日历或欢迎页

一款时间日期转换工具库,你可以使用他实现自己的精美台历。

2024-06-14 11:47:58 845

github分支保护规则

可以在存储库中为特定分支、所有分支或者与使用 fnmatch 语法指定的命名模式匹配的任何分支创建分支保护规则。 例如,若要保护包含单词 release 的任何分支,可以为 *release* 创建分支规则。 可以使用通配符语法 * 为存储库中所有当前和未来的分支创建规则。 由于 GitHub 对 File.fnmatch 语法使用 File::FNM_PATHNAME 标记,因此 * 通配符与目录分隔符 (/) 不匹配。 例如,qa/* 将匹配以 qa/ 开头并包含单个斜杠的所有分支,但不会匹配 qa/foo/bar。 可以使用 qa/**/* 在 qa 后面包含任意数量的斜杠,这将匹配 qa/foo/bar/foobar/hello-world。 还可以使用 qa**/**/* 扩展 qa 字符串,以使规则更具包容性。 如果仓库有多个影响相同分支的受保护分支规则,则包含特定分支名称的规则具有最高优先级。 如果有多个受保护分支规则引用相同的特定规则名称,则最先创建的分支规则优先级更高。 提及特殊字符的受保护分支规则,如 *、? 或 ],将按其创建的顺序应用,因此含有这些字符的规则

2024-06-11

浏览器插件:Copy Page URL

兼容Microsoft Edge和Microsoft Edge的插件,插件主要功能是对其页面空白处右键,可以选择“Copy Page URL”获取当前页面URL地址,之后会弹出一个交互页面,交互页面可以给用户增加广告收益或文档说明。 用户可以 ctrl+v 将URL地址通过社交应用分享出去。 文件说明: manifest.json [配置文件] background.js [入口文件] popup.html [自定义静态页面] 图标资源,按照官方要求定义各种消息卡片的ico尺寸。

2024-05-28

writeDockerfile.ts

nuxt3每次build打包出来的文件还在为重复的拷贝Dockerfile而烦恼吗? 你现在可以下载我的node文件,用于你的项目打包自动化: 将Dockerfile文件写入.output打包文件夹下,这样你就可以放心打包而不用重复对文件进行工作了。

2024-05-16

mysql-5.7.25-1.el7.x86-64.rpm-bundle.tar

在CentOS7中安装MySQL。RPM(Red-Hat Package Manager)RPM软件包管理器,是红帽Linux用于管理和安装软件的工具注意事项如果当前系统中已经安装有MVSOL数据库,安装将失败。Cent0s7自带mariadb,与MVSOL数据库冲突。

2024-04-15

jdk-8u401-linux-x64.tar.gz.7z

7z文件包需要解压哦:jdk-8u401-linux-x64.tar.gz

2024-02-20

finalshell-windows-x64

SSH链接工具

2024-02-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除