本本本添哥
奶爸的编程之路,也就一周冷个三天~
专门分享AI大模型/Java微服务/计算机软考/项目管理/个人成长/思维框架/效能工具等相关内容
欢迎关注我的公众号:本本本添哥
展开
-
【异常】NodeJs提示The engine “node“ is incompatible with this module.
node的版本不对。原创 2025-04-03 09:39:34 · 8 阅读 · 0 评论 -
【好物推荐】如何解决浏览器无法复制的问题?`user-select: auto;` 是 CSS 中控制用户文本选择行为的属性值,其作用根据上下文自动决定是否允许选择文本
需注意浏览器兼容性差异,必要时需通过前缀(如。原创 2025-04-01 18:26:18 · 14 阅读 · 0 评论 -
【好物推荐】免费图库网站是设计师、摄影师以及需要高质量图片资源的用户的重要工具。(Pixabay/Unsplash/Pexels/StockSnap.io等)
这些网站提供的图片资源种类繁多,包括高清照片、插画、矢量图、视频素材等,且大多遵循CC0(Creative Commons Zero)授权协议,允许用户自由使用、修改和商用,无需标明出处或支付版权费用。StockSnap.io专注于提供高品质的免费照片,每天更新,所有图片均采用CC0授权,用户可以自由下载和商用。Pexels提供大量免费高清图片和视频素材,图片更新频繁,画质优秀,是创作者获取高质量素材的热门选择。这是一个创意十足的免费图库网站,提供独特的插画和创意图片,非常适合需要独特视觉效果的用户。原创 2025-03-31 10:55:01 · 30 阅读 · 0 评论 -
【项目实战】ph-css 是一个专为 Java 设计的独立 CSS 处理库,主要用于解析、构建和优化 CSS 文件。
ph-css 是一个专为 Java 设计的独立 CSS 处理库,主要用于解析、构建和优化 CSS 文件。ph-css 凭借其强大的解析能力、灵活的 API 设计和广泛的应用场景,成为 Java 生态中处理 CSS 任务的优选工具,尤其适合需要深度操作样式表的开发需求。原创 2025-03-31 09:47:23 · 10 阅读 · 0 评论 -
【异常】null [10:18] Error in expression. (Invalid token “100vh“. Was expecting one of: <S>, <NUMBER>,
单位替换成一个临时的占位符,等解析完成之后再替换回来。可以借助正则表达式对 CSS 文本进行预处理,将。是 CSS 中的视口高度单位,不过你使用的。通过这些修改,就能解决解析器不支持。表明 CSS 解析器无法识别。原创 2025-03-31 09:46:32 · 12 阅读 · 0 评论 -
【项目实战】JsBridge(JavaScript Bridge)是一种用于实现原生应用(如Android、iOS)与Web端(H5)双向通信的桥梁技术。
JsBridge(JavaScript Bridge)是一种用于实现原生应用(如Android、iOS)与Web端(H5)双向通信的桥梁技术。它通过约定协议和媒介(如WebView容器或JS引擎),使JavaScript能调用原生代码,原生代码也能调用JavaScript,广泛应用于混合开发(Hybrid App)中。,解决了混合开发中H5与原生代码的交互问题。其实现需关注平台差异(Android/iOS)、安全性及性能优化,结合动态注册、异步回调等机制,可构建高效可靠的双向通信桥梁。原创 2025-03-17 09:41:56 · 21 阅读 · 0 评论 -
【项目实战】在Thymeleaf中使用内置CSS主要涉及两种方式:直接引用静态CSS文件和在CSS `<style>` 标签内进行内联处理。
在Thymeleaf中使用内置CSS主要涉及两种方式:直接引用静态CSS文件和在CSS<style>标签内进行内联处理。通过以下方法,可以在Thymeleaf模板中灵活地使用内置CSS,实现动态样式表的生成和应用。原创 2025-03-16 10:50:07 · 23 阅读 · 0 评论 -
【项目实战】BFF(Backend For Frontend)架构,是一种设计模式,旨在为不同的前端应用提供定制化的后端服务。
BFF架构是一种有效的解决多前端应用需求的方法,但它也需要团队根据具体情况权衡其利弊,确保架构的选择符合项目的目标和资源。原创 2025-03-11 09:09:41 · 81 阅读 · 0 评论 -
【项目实战】Tailwind CSS 是一款以实用程序优先(Utility-First)为核心理念的 CSS 框架,通过原子化的类名直接应用于 HTML 元素,实现高效、灵活且可维护的网页设计。
Tailwind CSS 是一款以实用程序优先(Utility-First)为核心理念的 CSS 框架,通过原子化的类名直接应用于 HTML 元素,实现高效、灵活且可维护的网页设计。Tailwind CSS 通过实用程序优先的设计理念,平衡了开发效率与样式控制权,成为现代网页设计的重要工具。其成功依赖于合理利用原子化类名的组合能力、响应式设计支持以及性能优化工具,同时需注意通过最佳实践(如组件化)规避潜在维护成本。原创 2025-03-09 10:03:55 · 14 阅读 · 0 评论 -
【项目实战】使用NSDT设计器快速搭建可编程3D场景,开发者可快速实现复杂3D场景的搭建与编程,结合NSDT设计器的高效工具链,显著提升开发效率。
要使用NSDT设计器快速搭建可编程3D场景,可以按照以下步骤进行,并结合其核心功能与开发工具链实现高效开发,通过以下步骤,开发者可快速实现复杂3D场景的搭建与编程,结合NSDT设计器的高效工具链,显著提升开发效率。原创 2025-03-06 10:15:52 · 22 阅读 · 0 评论 -
【项目实战】在 Node.js 项目中,`.env` 文件被广泛用于存储环境变量,这是一种将配置信息与代码分离的最佳实践。
在 Node.js 项目中,.env文件被广泛用于存储环境变量,这是一种将配置信息与代码分离的最佳实践。通过这种方式,开发者可以确保敏感数据如 API 密钥、数据库密码等不会硬编码到源代码中,从而提高了项目的安全性,并且方便了不同环境(例如开发、测试和生产)之间的切换。在 Node.js 项目中,通常使用.env文件来存储环境变量。在 Node.js 项目中使用.env文件是一种有效且安全的方式来管理环境变量。通过结合dotenv。原创 2025-01-23 11:20:37 · 39 阅读 · 0 评论 -
【项目实战】SvelteKit 是 Svelte 框架的官方应用框架,用于构建更快、更易于维护的 web 应用。
SvelteKit 是基于 Svelte 的应用框架,旨在简化 Web 应用程序的开发。它允许开发者创建性能优异的应用程序,具有路由、代码拆分、服务端渲染(SSR)、静态站点生成(SSG)等功能。与传统的单页应用程序(SPA)不同,Svelte 应用在构建时编译成高效的原生 JavaScript,而不是依赖于运行时解释和执行。原创 2025-01-16 14:15:38 · 141 阅读 · 0 评论 -
【项目实战】优快云博客内容摘取
【代码】【项目实战】优快云博客内容摘取。原创 2025-01-08 10:51:47 · 28 阅读 · 0 评论 -
【异常】‘npm‘ 不是内部或外部命令,也不是可运行的程序
这通常是因为 Node.js 和 npm 没有正确安装,或者环境变量没有设置正确。打开命令提示符 (Command Prompt) 或 PowerShell。这个错误信息表明你的系统无法识别。原创 2024-12-18 17:03:32 · 3798 阅读 · 0 评论 -
【异常】npm ERR! notsup Unsupported engine for open-webui@0.3.35: wanted: {“node“:“>=18.13.0 <=22.x.x“,
版本满足要求,但主要问题是 Node.js 版本不兼容。范围内,而您当前使用的 Node.js 版本是。需要 Node.js 版本在。原创 2024-11-21 09:54:07 · 289 阅读 · 0 评论 -
【异常】因npm 版本太低,导致Unsupported engine for rollup@4.24.4: wanted: {“node“:“>=18.0.0“,“npm“:“>=8.0.0“}
您需要更新 npm 到至少 8.0.0 版本。更新完成后,验证 npm 版本, 输出应显示 npm 版本为。虽然您的 Node.js 版本。在确保 npm 版本符合要求后,重新安装。符合要求,但 npm 版本太低。,而当前使用的 npm 版本是。需要 Node.js 版本。原创 2024-11-21 09:52:02 · 256 阅读 · 0 评论 -
【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported
遇到这个错误通常是由于Node.js版本与项目中某些依赖的兼容性问题引起的。可能是由于你的Node.js版本过新或过旧,导致与项目中的某些库(如。通常与Node.js的加密模块有关。原创 2024-11-11 18:02:53 · 301 阅读 · 0 评论 -
【项目实战】前后端实现页面防抖
页面防抖技术,主要应用于前端开发中。页面防抖技术,debounce,是一种编程技术。页面防抖技术,用于限制函数执行的频率。页面防抖技术,通过延迟执行函数来控制事件触发的频率,避免频繁触发导致的性能问题。页面防抖技术,适用于处理连续触发的事件,如输入框输入、窗口调整等场景。页面防抖技术,通常应用于处理用户输入或滚动等高频率触发事件。页面防抖技术,通过设置一定的延迟时间,确保在延迟期内没有新的触发后,才执行事件处理函数。。原创 2024-10-29 23:08:01 · 107 阅读 · 0 评论 -
【异常】当前使用的 Node.js 版本与某个模块的要求不兼容,The engine “node“ is incompatible with this module
你需要升级 Node.js 到至少 14.15.0 版本或更高版本。这个错误表明你当前使用的 Node.js 版本(14.0.0)与某个模块(如果你经常需要切换 Node.js 版本,可以考虑使用 NVM。该模块需要的 Node.js 版本是。原创 2024-10-25 14:31:35 · 222 阅读 · 0 评论 -
【异常】yarn install提示 An unexpected error occurred: “https://registry.npmmirror.com/xxxx
尝试将 Yarn 注册表更改为官方 npm 注册表。你看到的错误信息表明,Yarn 在获取。包时遇到了 SSL 证书验证问题。原创 2024-10-24 19:52:54 · 125 阅读 · 0 评论 -
【项目实战】DOM渲染的演化过程(纯后端渲染 -> 纯前端渲染 -> 服务端JS渲染结合前端渲染)
DOM渲染是指浏览器生成展现给用户的DOM文档的过程。在Chrome浏览器中,通过开发者工具的元素标签可以查看渲染后的DOM。原创 2024-09-25 09:29:54 · 215 阅读 · 0 评论 -
【异常】安装node-sass失败提示Syntax Error: Error: Cannot find module ‘node-sass‘
(运行node -v查看node版本,package.json中查看node-sass版本)在package.json中可查看修改 node-sass和sass-loader的版本。【注意】如果node版本为16,请直接修改package.json中的为下面的版本。是一个 Sass 的 Node.js 绑定,用于将 Sass 编译成 CSS。(2)其次,node-sass的版本与sass-loader也需要对应。(1)首先,node的版本与node-sass的版本需要对应。确保 Node.js 版本与。原创 2024-09-10 12:28:50 · 1107 阅读 · 0 评论 -
【异常】Node提示Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.
这个错误信息指出你的 Node Sass 版本(9.0.0)与你的项目中使用的 Sass 版本(^4.0.0)不兼容。这通常意味着你需要确保你的 Node Sass 版本与你的项目中使用的 Sass 版本相匹配。原创 2024-09-10 12:28:38 · 1697 阅读 · 0 评论 -
【项目实战】使用Ajax、Axios技术异步提交表单数据,提高用户体验。
使用Ajax和Axios来异步提交表单数据是一种常见的前端技术,都可以实现在不刷新页面的情况下提交表单数据,帮助改善用户体验,因为它可以让页面无需重新加载即可提交数据。使用Ajax或Axios的好处在于它们可以让你更容易地管理HTTP请求,并且它们都提供了错误处理机制,可以让你更好地控制异步请求的结果。当你使用这些技术时,请确保服务器端配置正确,以便接收这些请求并做出适当的响应。此外,还需要注意跨域问题,确保前端请求可以合法访问后端API。下面我将分别介绍如何使用这两种技术来实现这一目标。原创 2024-08-25 09:11:42 · 65 阅读 · 0 评论 -
【项目实战】JavsScript、JQuery、Bootstrap入门介绍
JavaScript、jQuery 和 Bootstrap 都是非常重要的前端开发工具,这三个工具共同工作,可以让你快速地开发出功能强大、外观精美的网站。原创 2024-08-25 09:06:25 · 56 阅读 · 0 评论 -
【项目实战】ECharts与常见的图表类型入门介绍
ECharts是由百度公司前端数据可视化团队研发的图表库。ECharts可以提供直观、生动、可交互、可高度个性化定制的数据可视化图表。ECharts可以流畅地运行在PC和移动设备上。ECharts兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等)。ECharts底层依赖轻量级的、Canvas类库ZRender。原创 2024-08-25 08:33:16 · 305 阅读 · 0 评论 -
【项目实战】在前端开发中,集成了两款富文本编辑器(如 Quill Editor和 Froala Editor)可以让用户在网页上编辑和格式化文本
Quill -editor免费、功能一般;粘贴图片时无法自动上传到服务器,所以粘贴微信图文时,由于图片无法自动上传到微信素材库,里面的图片会保存无效,需要手动处理图文中的图片,Froala没有这个问题Froala收费、功能强大;国外产品,需购买官方授权。原创 2024-08-05 23:54:42 · 373 阅读 · 0 评论 -
【项目实战】虚拟DOM(Virtual DOM)入门介绍
虚拟DOM(Virtual DOM)是现代前端开发中不可或缺的一部分,尤其是在使用诸如React、Vue等流行的JavaScript库和框架时。虚拟DOM的核心思想是对实际DOM的一种抽象表示,它使用JavaScript对象来模仿DOM树的结构和状态。虚拟DOM是一个内存中的数据结构,它镜像了实际的DOM树。每个虚拟DOM节点都是一个简单的JavaScript对象,包含了诸如标签名、属性、子节点等信息。原创 2024-07-24 16:39:31 · 77 阅读 · 0 评论 -
【项目实战】Ajax之async属性
asyncasync。原创 2024-07-24 16:10:22 · 596 阅读 · 0 评论 -
【项目实战】如何创建 CSS,插入样式表的方法有三种主要形式:外部样式表、内部样式表和内联样式
外部样式表是指将CSS代码保存在一个单独的。原创 2024-07-19 09:23:15 · 74 阅读 · 0 评论 -
【异常】Node.js版本错误,导致前端构建后提示Error: error:0308010C:digital envelope routines::unsupported
【代码】【异常】Node.js版本错误,导致前端构建后提示Error: error:0308010C:digital envelope routines::unsupported。原创 2024-06-20 11:42:32 · 127 阅读 · 0 评论 -
【异常】使用Node Version Manager (NVM) 切换Node.js版本时,使用nvm use [version]命令无效,无法正常切换到目标的Node.js版本
nvm use 失效。原创 2024-06-12 21:59:00 · 4208 阅读 · 0 评论 -
【异常】Node.js版本不支持在 ESM 顶层作用域中使用await,提示报错SyntaxError: Unexpected reserved word
(2)package.json中的type字段可能被设置为"module",这告诉 Node.js 使用 ESM 而不是 CommonJS。虽然较新版本的 Node.js(如 Node.js 14+)支持顶层await,但可能项目配置或者 Node.js 的实际版本不支持。确保你正在使用支持顶层await的 Node.js 版本(至少 Node.js 14.8.0)然而,错误信息显示await是在一个模块顶层作用域中使用的,这通常是不允许的。在 Node.js 中,await只能在async函数内部使用。原创 2024-06-12 21:43:45 · 407 阅读 · 0 评论 -
【异常】使用Webpack打包的项目,因浏览器存在缓存问题,导致控制台报错ChunkLoadError: Loading chunk failed
为它们添加一个包含文件内容的哈希值,这样每次构建都会生成不同的文件名,从而避免浏览器缓存问题。给每次打包的文件名后面添加一个哈希值,以供浏览器区分。这样每次打包出来的js文件都不一样,也就解决了浏览器的缓存问题。控制台报错提示中所请求的js文件哈希值跟sources缓存的文件哈希值并不一样,说明 当前页面请求了缓存,然而由于资源文件被更新 导致找不到 出现404的情况。在浏览器中打开开发者工具(通常是按F12键),然后选择"Network"选项卡,点击"Clear cache"按钮来清除浏览器缓存。原创 2024-04-12 22:44:44 · 2403 阅读 · 0 评论 -
【异常】首页提示errError: timeout of 10000ms exceeded
首页收到异常提示“Error: timeout of 10000ms exceeded”原创 2024-04-07 15:38:32 · 2220 阅读 · 0 评论 -
【异常】vue前端项目提示ERROR Failed to compile with 4 errors These dependencies were not found:
如果你的项目使用了 webpack,确保 vue.config.js 或 webpack 的配置文件中的别名配置正确。在 Vue 项目中,@ 通常是一个别名,代表 src 目录的根路径。(2)你的别名配置不正确,导致 webpack 无法找到这些模块。这意味着这些文件或目录应该在你的项目的 src 目录下。(1)这些文件或目录不存在于你预期的路径中。确保上述配置中的路径与你的项目结构相匹配。确保这些文件或目录确实存在于你的项目中。确保你的组件或文件的导入语句正确无误。原创 2024-04-07 15:06:04 · 927 阅读 · 0 评论 -
【项目实战】Yarn与Npm的选型
Yarn与Npm的选型主要取决于项目需求和个人偏好,以下是一些建议:如果对构建速度和依赖包下载速度有较高的需求,可以使用Yarn。Yarn在处理大型项目和并发操作时通常更高效。如果项目依赖于特定的Npm插件或服务,或者与其他使用Npm的项目进行交互,那么使用Npm可能更方便。Npm是JavaScript生态系统的默认选择,很多项目都使用Npm作为包管理工具,并且它与其他工具和服务的兼容性较好。原创 2024-04-01 21:11:11 · 148 阅读 · 0 评论 -
【异常】Node.js 抛出了一个MODULE_NOT_FOUND错误:Error: Cannot find module ‘@vue/cli-plugin-unit-jest‘
从给出的错误信息来看,项目依赖了一个名为@vue/cli-plugin-unit-jest的模块,但你的项目中并没有安装这个模块。因此,当vue-cli-service试图加载它时,Node.js 抛出了一个MODULE_NOT_FOUND错误。原创 2024-04-01 14:46:26 · 1953 阅读 · 0 评论 -
【项目实战】Node.js知识之npm快速删除node_modules文件夹的多种方式
方法二、PowerShell命令 快速删除 node_modules 文件夹(推荐这个,速度较快)方法一、CMD命令 快速删除 node_modules 文件夹(3分钟可以搞定)方法三、利用 npm包 rimraf 快速删除 node_modules 文件夹。删除 node_modules 文件夹命令。原创 2023-12-11 10:26:17 · 6303 阅读 · 0 评论 -
【异常】NPM执行异常提示error in ./node_modules/vis-data/peer/esm/vis-data.js
1.在vue.config.js 里面加上 transpileDependencies: [‘/@yabby-business/’]因为导入的组件库是直接上源码的,必须告知webpack,需要编译一下这个库,让源码中的es6、es7的特性转换为es5。如果你也是npm安装了一个包,然后在导入的时候报这个语法错,那你可以接着往下看,如果不是就不用往下看了。首先找到报这个问题的地方。原创 2023-12-13 14:45:32 · 1027 阅读 · 0 评论