本本本添哥
奶爸的编程之路,也就一周冷个三天~
专门分享AI大模型/Java微服务/计算机软考/项目管理/个人成长/思维框架/效能工具等相关内容
欢迎关注我的公众号:本本本添哥
展开
-
【异常】TypeError: crypto$2.getRandomValues is not a function
摘要:报错"crypto$2.getRandomValues is not a function"通常由于Node.js版本过低(14及以下)或环境不支持Web Crypto API导致。解决方案包括:升级Node.js至16+版本;在Node环境显式导入crypto模块;修改Webpack配置添加polyfill;升级相关依赖包;检查代码是否存在浏览器特定API误用。建议首先通过node -v检查版本,再根据项目类型(纯Node或前端框架)选择适当修复方案。原创 2025-05-28 09:55:37 · 19 阅读 · 0 评论 -
【异常】Nginx部署前端工程时,出现访问/assert 目录下的mp4文件类型打开失败的问题
Nginx部署前端工程时访问MP4文件失败(404)的可能原因及解决方案:1)缺少http_mp4_module模块,需重新编译Nginx添加该模块;2)MIME类型配置错误,需正确设置video/mp4类型;3)缓存问题,可关闭缓存功能;4)文件权限问题,需确保Nginx进程有访问权限;5)视频格式问题,需检查文件完整性;6)Nginx版本问题,建议升级至最新稳定版;7)配置文件错误,需检查语法并修正。可通过nginx -t命令测试配置有效性。<|end▁of▁sentence|>原创 2025-05-21 15:49:26 · 28 阅读 · 0 评论 -
【项目实战】解密网站Cookies:提升用户体验的秘密武器
网站Cookies主要分为基本和性能功能两类。基本Cookies包括语言识别(如lang、LANGUAGE)、身份验证(如token、TOKEN)、设备标识(如DEVICEID)、用户标识(如userId)、会话管理(如sid、JSESSIONID)等,用于优化用户体验和保障安全。性能功能Cookies则涉及语言偏好(如PREF_LOCALE)、文本缩放(如currentTextZoomIn)、Cookie策略(如cookiePolicy、cookiePolicyExpiry)等,旨在提升网站性能和用户交互原创 2025-05-19 09:55:18 · 148 阅读 · 0 评论 -
【项目实战】Chrome 浏览器中几种常见存储类型的差异对比
本地存储空间(Local Storage)和会话存储空间(Session Storage)分别用于永久和临时存储数据,容量均为5MB,按源划分作用域。IndexedDB适合存储大量结构化数据,容量通常为50MB。Cookie主要用于会话管理和用户身份识别,容量较小,约4KB。共享存储空间(Shared Storage)允许跨源访问,适用于跨站点协作。缓存空间(Cache Storage)用于缓存网络资源,加快页面加载速度,容量较大,具体限制因浏览器而异。这些存储方式各有特点,适用于不同的应用场景。原创 2025-05-16 16:37:00 · 33 阅读 · 0 评论 -
【项目实战】一个用于网页作图、生成互动图形的JavaScript数据可视化库(D3.js) 入门介绍
D3.js的目标用户主要是前端开发者、数据分析师和设计师,他们需要创建复杂的数据可视化图表,且愿意投入时间和精力进行深度定制。原创 2024-08-09 09:34:41 · 159 阅读 · 0 评论 -
【项目实战】选择合适的图片格式需要综合考虑压缩率、图像质量及特定功能需求,JPEG和PNG各有其适用场景:日常照片优先选JPEG以减小体积;需透明背景或高质量图形则用PNG。
选择合适的图片格式需要综合考虑压缩率、图像质量及特定功能需求,JPEG和PNG各有其适用场景:原创 2025-04-24 09:38:16 · 27 阅读 · 0 评论 -
【项目实战】CSS 视口单位是相对于浏览器视口尺寸的长度单位,主要包含vh、vw、vmin和vmax。这些单位在创建响应式设计时非常实用,因为它们会依据视口的大小自动调整元素的尺寸。
vhCSS 视口单位是相对于浏览器视口尺寸的长度单位,主要包含vhvwvmin和vmax。这些单位在创建响应式设计时非常实用,因为它们会依据视口的大小自动调整元素的尺寸。原创 2025-04-23 09:43:34 · 23 阅读 · 0 评论 -
【项目实战】CSS 的 `@keyframes` 规则用于定义动画的关键帧,允许开发者通过指定不同时间点的样式变化来创建复杂的动画效果。
CSS 的@keyframes规则用于定义动画的关键帧,允许开发者通过指定不同时间点的样式变化来创建复杂的动画效果。@keyframes是 CSS 动画的核心,通过定义关键帧实现精细的动画控制。开发者需注意同名规则覆盖、属性兼容性及 JavaScript 操作等细节,以创建流畅且稳定的动画效果。原创 2025-04-23 09:43:25 · 38 阅读 · 0 评论 -
【项目实战】`:root` 是 CSS 的伪类选择器,在 HTML 文档中,`:root` 对应 `<html>` 元素,与 `html` 标签选择器效果类似,但具有更高的特异性(优先级)。
root是 CSS 的伪类选择器,用于选择文档的根元素。:root是 CSS 中强大的工具,既能高效管理全局样式和变量,又能在复杂场景(如组件化开发、响应式设计)中提供灵活性。其高特异性和跨文档支持使其在现代化 Web 开发中不可或缺。原创 2025-04-23 09:43:16 · 27 阅读 · 0 评论 -
【异常】CSS background-image: url提示未能加载数据 Content unavailable.Resource was not cached
未能加载数据 Content unavailable.Resource was not cached。原创 2025-04-22 09:47:34 · 244 阅读 · 0 评论 -
【好物推荐】浏览器中的**F12审查元素工具**(又称开发者工具)是网页开发与调试的核心功能,支持查看、修改网页元素及分析网络请求等操作。
浏览器中的(又称开发者工具)是网页开发与调试的核心功能,支持查看、修改网页元素及分析网络请求等操作。F12审查元素是开发者不可或缺的工具,既能提升效率,也需谨慎使用以防滥用。原创 2025-04-06 09:57:13 · 131 阅读 · 0 评论 -
【项目实战】模板引擎Thymeleaf,一种功能齐全的现代的Java服务器端模板引擎,可用于Web和独立环境。凭借其内置的表达式语言、模板片段和国际化支持,它是任何Java Web应用程序的绝佳选择!
Thymeleaf是一种Java模板引擎Thymeleaf具有丰富的表达式语言,可以方便地将数据绑定到模板中。Thymeleaf是一种现代的Java服务器端模板引擎,可用于Web和独立环境。Thymeleaf可以用于Web和非Web环境中的动态HTML、XML、CSS和JavaScript的创建。Thymeleaf是一个功能齐全的模板引擎,可用于HTML、XML和其他基于文本的格式。Thymeleaf旨在易于使用和理解,其语法类似于HTML。原创 2023-04-11 23:30:59 · 497 阅读 · 0 评论 -
【异常】NodeJs提示The engine “node“ is incompatible with this module.
node的版本不对。原创 2025-04-03 09:39:34 · 239 阅读 · 0 评论 -
【好物推荐】如何解决浏览器无法复制的问题?`user-select: auto;` 是 CSS 中控制用户文本选择行为的属性值,其作用根据上下文自动决定是否允许选择文本
需注意浏览器兼容性差异,必要时需通过前缀(如。原创 2025-04-01 18:26:18 · 55 阅读 · 0 评论 -
【好物推荐】免费图库网站是设计师、摄影师以及需要高质量图片资源的用户的重要工具。(Pixabay/Unsplash/Pexels/StockSnap.io等)
这些网站提供的图片资源种类繁多,包括高清照片、插画、矢量图、视频素材等,且大多遵循CC0(Creative Commons Zero)授权协议,允许用户自由使用、修改和商用,无需标明出处或支付版权费用。StockSnap.io专注于提供高品质的免费照片,每天更新,所有图片均采用CC0授权,用户可以自由下载和商用。Pexels提供大量免费高清图片和视频素材,图片更新频繁,画质优秀,是创作者获取高质量素材的热门选择。这是一个创意十足的免费图库网站,提供独特的插画和创意图片,非常适合需要独特视觉效果的用户。原创 2025-03-31 10:55:01 · 195 阅读 · 0 评论 -
【项目实战】ph-css 是一个专为 Java 设计的独立 CSS 处理库,主要用于解析、构建和优化 CSS 文件。
ph-css 是一个专为 Java 设计的独立 CSS 处理库,主要用于解析、构建和优化 CSS 文件。ph-css 凭借其强大的解析能力、灵活的 API 设计和广泛的应用场景,成为 Java 生态中处理 CSS 任务的优选工具,尤其适合需要深度操作样式表的开发需求。原创 2025-03-31 09:47:23 · 33 阅读 · 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 · 23 阅读 · 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 · 102 阅读 · 0 评论 -
【项目实战】在Thymeleaf中使用内置CSS主要涉及两种方式:直接引用静态CSS文件和在CSS `<style>` 标签内进行内联处理。
在Thymeleaf中使用内置CSS主要涉及两种方式:直接引用静态CSS文件和在CSS<style>标签内进行内联处理。通过以下方法,可以在Thymeleaf模板中灵活地使用内置CSS,实现动态样式表的生成和应用。原创 2025-03-16 10:50:07 · 69 阅读 · 0 评论 -
【项目实战】BFF(Backend For Frontend)架构,是一种设计模式,旨在为不同的前端应用提供定制化的后端服务。
BFF架构是一种有效的解决多前端应用需求的方法,但它也需要团队根据具体情况权衡其利弊,确保架构的选择符合项目的目标和资源。原创 2025-03-11 09:09:41 · 113 阅读 · 0 评论 -
【项目实战】Tailwind CSS 是一款以实用程序优先(Utility-First)为核心理念的 CSS 框架,通过原子化的类名直接应用于 HTML 元素,实现高效、灵活且可维护的网页设计。
Tailwind CSS 是一款以实用程序优先(Utility-First)为核心理念的 CSS 框架,通过原子化的类名直接应用于 HTML 元素,实现高效、灵活且可维护的网页设计。Tailwind CSS 通过实用程序优先的设计理念,平衡了开发效率与样式控制权,成为现代网页设计的重要工具。其成功依赖于合理利用原子化类名的组合能力、响应式设计支持以及性能优化工具,同时需注意通过最佳实践(如组件化)规避潜在维护成本。原创 2025-03-09 10:03:55 · 33 阅读 · 0 评论 -
【项目实战】使用NSDT设计器快速搭建可编程3D场景,开发者可快速实现复杂3D场景的搭建与编程,结合NSDT设计器的高效工具链,显著提升开发效率。
要使用NSDT设计器快速搭建可编程3D场景,可以按照以下步骤进行,并结合其核心功能与开发工具链实现高效开发,通过以下步骤,开发者可快速实现复杂3D场景的搭建与编程,结合NSDT设计器的高效工具链,显著提升开发效率。原创 2025-03-06 10:15:52 · 41 阅读 · 0 评论 -
【项目实战】在 Node.js 项目中,`.env` 文件被广泛用于存储环境变量,这是一种将配置信息与代码分离的最佳实践。
在 Node.js 项目中,.env文件被广泛用于存储环境变量,这是一种将配置信息与代码分离的最佳实践。通过这种方式,开发者可以确保敏感数据如 API 密钥、数据库密码等不会硬编码到源代码中,从而提高了项目的安全性,并且方便了不同环境(例如开发、测试和生产)之间的切换。在 Node.js 项目中,通常使用.env文件来存储环境变量。在 Node.js 项目中使用.env文件是一种有效且安全的方式来管理环境变量。通过结合dotenv。原创 2025-01-23 11:20:37 · 61 阅读 · 0 评论 -
【项目实战】SvelteKit 是 Svelte 框架的官方应用框架,用于构建更快、更易于维护的 web 应用。
SvelteKit 是基于 Svelte 的应用框架,旨在简化 Web 应用程序的开发。它允许开发者创建性能优异的应用程序,具有路由、代码拆分、服务端渲染(SSR)、静态站点生成(SSG)等功能。与传统的单页应用程序(SPA)不同,Svelte 应用在构建时编译成高效的原生 JavaScript,而不是依赖于运行时解释和执行。原创 2025-01-16 14:15:38 · 169 阅读 · 0 评论 -
【项目实战】CSDN博客内容摘取
【代码】【项目实战】CSDN博客内容摘取。原创 2025-01-08 10:51:47 · 34 阅读 · 0 评论 -
【异常】‘npm‘ 不是内部或外部命令,也不是可运行的程序
这通常是因为 Node.js 和 npm 没有正确安装,或者环境变量没有设置正确。打开命令提示符 (Command Prompt) 或 PowerShell。这个错误信息表明你的系统无法识别。原创 2024-12-18 17:03:32 · 4887 阅读 · 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 · 412 阅读 · 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 · 345 阅读 · 0 评论 -
【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported
遇到这个错误通常是由于Node.js版本与项目中某些依赖的兼容性问题引起的。可能是由于你的Node.js版本过新或过旧,导致与项目中的某些库(如。通常与Node.js的加密模块有关。原创 2024-11-11 18:02:53 · 424 阅读 · 0 评论 -
【项目实战】前后端实现页面防抖
页面防抖技术,主要应用于前端开发中。页面防抖技术,debounce,是一种编程技术。页面防抖技术,用于限制函数执行的频率。页面防抖技术,通过延迟执行函数来控制事件触发的频率,避免频繁触发导致的性能问题。页面防抖技术,适用于处理连续触发的事件,如输入框输入、窗口调整等场景。页面防抖技术,通常应用于处理用户输入或滚动等高频率触发事件。页面防抖技术,通过设置一定的延迟时间,确保在延迟期内没有新的触发后,才执行事件处理函数。。原创 2024-10-29 23:08:01 · 134 阅读 · 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 · 246 阅读 · 0 评论 -
【异常】yarn install提示 An unexpected error occurred: “https://registry.npmmirror.com/xxxx
尝试将 Yarn 注册表更改为官方 npm 注册表。你看到的错误信息表明,Yarn 在获取。包时遇到了 SSL 证书验证问题。原创 2024-10-24 19:52:54 · 232 阅读 · 0 评论 -
【项目实战】DOM渲染的演化过程(纯后端渲染 -> 纯前端渲染 -> 服务端JS渲染结合前端渲染)
DOM渲染是指浏览器生成展现给用户的DOM文档的过程。在Chrome浏览器中,通过开发者工具的元素标签可以查看渲染后的DOM。原创 2024-09-25 09:29:54 · 232 阅读 · 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 · 1346 阅读 · 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 · 1915 阅读 · 0 评论 -
【项目实战】使用Ajax、Axios技术异步提交表单数据,提高用户体验。
使用Ajax和Axios来异步提交表单数据是一种常见的前端技术,都可以实现在不刷新页面的情况下提交表单数据,帮助改善用户体验,因为它可以让页面无需重新加载即可提交数据。使用Ajax或Axios的好处在于它们可以让你更容易地管理HTTP请求,并且它们都提供了错误处理机制,可以让你更好地控制异步请求的结果。当你使用这些技术时,请确保服务器端配置正确,以便接收这些请求并做出适当的响应。此外,还需要注意跨域问题,确保前端请求可以合法访问后端API。下面我将分别介绍如何使用这两种技术来实现这一目标。原创 2024-08-25 09:11:42 · 80 阅读 · 0 评论 -
【项目实战】JavsScript、JQuery、Bootstrap入门介绍
JavaScript、jQuery 和 Bootstrap 都是非常重要的前端开发工具,这三个工具共同工作,可以让你快速地开发出功能强大、外观精美的网站。原创 2024-08-25 09:06:25 · 64 阅读 · 0 评论 -
【项目实战】ECharts与常见的图表类型入门介绍
ECharts是由百度公司前端数据可视化团队研发的图表库。ECharts可以提供直观、生动、可交互、可高度个性化定制的数据可视化图表。ECharts可以流畅地运行在PC和移动设备上。ECharts兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等)。ECharts底层依赖轻量级的、Canvas类库ZRender。原创 2024-08-25 08:33:16 · 328 阅读 · 0 评论 -
【项目实战】在前端开发中,集成了两款富文本编辑器(如 Quill Editor和 Froala Editor)可以让用户在网页上编辑和格式化文本
Quill -editor免费、功能一般;粘贴图片时无法自动上传到服务器,所以粘贴微信图文时,由于图片无法自动上传到微信素材库,里面的图片会保存无效,需要手动处理图文中的图片,Froala没有这个问题Froala收费、功能强大;国外产品,需购买官方授权。原创 2024-08-05 23:54:42 · 410 阅读 · 0 评论 -
【项目实战】虚拟DOM(Virtual DOM)入门介绍
虚拟DOM(Virtual DOM)是现代前端开发中不可或缺的一部分,尤其是在使用诸如React、Vue等流行的JavaScript库和框架时。虚拟DOM的核心思想是对实际DOM的一种抽象表示,它使用JavaScript对象来模仿DOM树的结构和状态。虚拟DOM是一个内存中的数据结构,它镜像了实际的DOM树。每个虚拟DOM节点都是一个简单的JavaScript对象,包含了诸如标签名、属性、子节点等信息。原创 2024-07-24 16:39:31 · 94 阅读 · 0 评论