本本本添哥
奶爸的编程之路,也就一周冷个三天~
专门分享Java微服务、计算机软考、项目管理、个人成长等相关内容
欢迎关注我的公众号:本本本添哥
展开
-
【项目实战】使用Ajax、Axios技术异步提交表单数据,提高用户体验。
使用Ajax和Axios来异步提交表单数据是一种常见的前端技术,都可以实现在不刷新页面的情况下提交表单数据,帮助改善用户体验,因为它可以让页面无需重新加载即可提交数据。使用Ajax或Axios的好处在于它们可以让你更容易地管理HTTP请求,并且它们都提供了错误处理机制,可以让你更好地控制异步请求的结果。当你使用这些技术时,请确保服务器端配置正确,以便接收这些请求并做出适当的响应。此外,还需要注意跨域问题,确保前端请求可以合法访问后端API。下面我将分别介绍如何使用这两种技术来实现这一目标。原创 2024-08-25 09:11:42 · 18 阅读 · 0 评论 -
【项目实战】JavsScript、JQuery、Bootstrap入门介绍
JavaScript、jQuery 和 Bootstrap 都是非常重要的前端开发工具,这三个工具共同工作,可以让你快速地开发出功能强大、外观精美的网站。原创 2024-08-25 09:06:25 · 16 阅读 · 0 评论 -
【项目实战】在前端开发中,集成了两款富文本编辑器(如 Quill Editor和 Froala Editor)可以让用户在网页上编辑和格式化文本
Quill -editor免费、功能一般;粘贴图片时无法自动上传到服务器,所以粘贴微信图文时,由于图片无法自动上传到微信素材库,里面的图片会保存无效,需要手动处理图文中的图片,Froala没有这个问题Froala收费、功能强大;国外产品,需购买官方授权。原创 2024-08-05 23:54:42 · 262 阅读 · 0 评论 -
【项目实战】Ajax之async属性
asyncasync。原创 2024-07-24 16:10:22 · 154 阅读 · 0 评论 -
【项目实战】如何创建 CSS,插入样式表的方法有三种主要形式:外部样式表、内部样式表和内联样式
外部样式表是指将CSS代码保存在一个单独的。原创 2024-07-19 09:23:15 · 35 阅读 · 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 · 61 阅读 · 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 · 167 阅读 · 0 评论 -
【异常】使用Webpack打包的项目,因浏览器存在缓存问题,导致控制台报错ChunkLoadError: Loading chunk failed
为它们添加一个包含文件内容的哈希值,这样每次构建都会生成不同的文件名,从而避免浏览器缓存问题。给每次打包的文件名后面添加一个哈希值,以供浏览器区分。这样每次打包出来的js文件都不一样,也就解决了浏览器的缓存问题。控制台报错提示中所请求的js文件哈希值跟sources缓存的文件哈希值并不一样,说明 当前页面请求了缓存,然而由于资源文件被更新 导致找不到 出现404的情况。在浏览器中打开开发者工具(通常是按F12键),然后选择"Network"选项卡,点击"Clear cache"按钮来清除浏览器缓存。原创 2024-04-12 22:44:44 · 981 阅读 · 0 评论 -
【异常】首页提示errError: timeout of 10000ms exceeded
首页收到异常提示“Error: timeout of 10000ms exceeded”原创 2024-04-07 15:38:32 · 1203 阅读 · 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 · 363 阅读 · 0 评论 -
【项目实战】Yarn与Npm的选型
Yarn与Npm的选型主要取决于项目需求和个人偏好,以下是一些建议:如果对构建速度和依赖包下载速度有较高的需求,可以使用Yarn。Yarn在处理大型项目和并发操作时通常更高效。如果项目依赖于特定的Npm插件或服务,或者与其他使用Npm的项目进行交互,那么使用Npm可能更方便。Npm是JavaScript生态系统的默认选择,很多项目都使用Npm作为包管理工具,并且它与其他工具和服务的兼容性较好。原创 2024-04-01 21:11:11 · 86 阅读 · 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 · 631 阅读 · 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 · 5633 阅读 · 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 · 646 阅读 · 0 评论 -
【项目实战】基于ElementUI框架实现点击Tap切换后重新加载表格数据,在activated钩子中增加逻辑
在Element UI中,如果你想在Tab切换后重新加载表格数据,你可以使用activated钩子函数。原创 2024-03-20 21:54:39 · 289 阅读 · 0 评论 -
【项目实战】Vue的八大生命周期钩子函数对比Vue Router 的特性(activated和 deactivated )介绍
组件时有效,且它们是 Vue Router 的特性,而不是 Vue.js 核心库的一部分。在实例初始化之后,数据观测 (data observer) 和事件/监听事件配置之前被调用。在挂载开始之前被调用,相关的 render 函数首次被调用。这两个钩子使得开发者可以在组件被缓存时执行特定的逻辑,例如重新获取数据、重置状态等。调用后,所有的事件监听器会被移除,所有的子实例也会被销毁。实例创建完成后调用,此阶段完成了数据观测,属性和方法的运算,以及事件监听,内被停用时,deactivated 钩子被调用。原创 2024-03-20 21:49:11 · 35 阅读 · 1 评论 -
【异常】ElementUI框架,在输入框中输入[object Object]后,提示异常
输入框输入[object Object]后提示异常。原创 2023-10-25 12:39:23 · 327 阅读 · 0 评论 -
【异常】ElementUI框架提示npm ERR! missing script: dev
【代码】【异常】ElementUI提示npm ERR!原创 2023-12-13 14:43:12 · 720 阅读 · 0 评论 -
【项目实战】Vue.js 模板语法
Vue.js 的核心是一个允许采用简洁的模板语法,来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。HTML 属性中的值应使用 v-bind 指令,比如如果为 true ,使用 class1 类的样式,否则不使用该类。Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。指令用于在表达式的值改变时,将某些行为应用到 DOM 上。原创 2024-03-20 21:19:41 · 140 阅读 · 0 评论 -
【异常】Vue项目提示ReferenceError:scope is not defined
vue报错ReferenceError:scope is not defined 如果排除语法错误 那就是需要升级vue版本。原创 2023-12-07 13:34:54 · 755 阅读 · 0 评论 -
【异常】 The engine “node“ is incompatible with this module. Expected version “^14.18.0 || >=16.0.0“.
这个错误提示表示你的Node.js版本与该模块不兼容。原创 2024-03-19 17:07:12 · 392 阅读 · 0 评论 -
【异常】运行vue项目报错 npm ERR! ERESOLVE unable to resolve dependency tree
运行vue项目报错npm ERR!原创 2023-12-29 11:16:46 · 549 阅读 · 0 评论 -
【异常】前端提示FATAL ERROR: Committing semi space failed. Allocation failed - JavaScript heap out of memory
npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!原创 2023-12-25 17:47:45 · 1579 阅读 · 0 评论 -
【项目实战】将 VuePress风格的博客部署到gitee page服务器上
介绍VuePress 由两部分组成:第一部分是一个极简静态网站生成器 (opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。原创 2023-12-05 11:21:22 · 897 阅读 · 0 评论 -
【异常】报错:TypeError: Cannot read properties of undefined (reading ‘init‘)
在vue当中引用echarts,控制台报错: “TypeError: Cannot read properties of undefined (reading ‘init‘)原创 2023-11-28 14:16:12 · 2076 阅读 · 0 评论 -
【项目实战】Vue3入门介绍
Vue3允许开发者自定义指令,用于扩展HTML元素的行为。原创 2023-11-25 06:38:05 · 574 阅读 · 0 评论 -
【项目实战】TypeScript入门介绍
(4)推荐新手开始学习TypeScript之前先了解JavaScript基础,再通过官方文档熟悉TypeScript的基本语法和特性。要开始使用TypeScript,首先需要在计算机上安装Node.js包,然后可以通过命令行访问TypeScript编译器。此外,TypeScript还支持面向对象的编程方式,提供了更多的语法结构和工具,使得开发者可以更高效地编写代码。(3)TypeScript最终会被编译成JavaScript,可以在任何支持JavaScript的地方运行。原创 2023-11-25 06:47:41 · 397 阅读 · 0 评论 -
【项目实战】HTML入门介绍
HTML(超文本标记语言)是一种用于创建网页的标准标记语言。HTML 使用标签来定义元素,例如标题,段落,链接等。原创 2023-07-23 10:14:41 · 70 阅读 · 0 评论 -
【异常】Node.js ,Node:npm run serve 报错Error: Node Sass does not yet support your current environment
npm run serve 报错,提示如下报错。原创 2023-07-03 23:46:40 · 277 阅读 · 0 评论 -
【项目实战】EasyUI入门介绍
easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。官网:https://www.jeasyui.net/原创 2023-06-06 22:50:01 · 230 阅读 · 0 评论 -
【异常】Jenkins执行前端项目Npm构建时,出现报错This dependency was not found: vue-class-component in ./node_modules/vu
vue-class-component是一个用于类式Vue组件的TypeScript装饰器。它允许您将Vue组件定义为类,这可以使您的代码更有组织性和易于阅读。原创 2023-04-22 20:26:02 · 2215 阅读 · 0 评论 -
【异常】使用nvm(Node Version Manager)来管理 Node.js 版本,解决Node.js 版本和 npm 版本不一致导致的问题
nvm 可以让你在同一台机器上安装多个 Node.js 版本,并且可以轻松地在它们之间切换。原创 2023-04-16 21:20:31 · 1669 阅读 · 0 评论 -
【项目实战】HTML5入门介绍
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。—HTML5 是 W3C 与 WHATWG 合作的结果。—WHATWG 指 Web Hypertext Application Technology Working Group。—WHATWG 致力于 web 表单和应用程序。原创 2023-04-11 07:47:20 · 71 阅读 · 0 评论 -
【项目实战】Electron最佳实践
Electron是一个开源的框架,用于构建跨平台桌面应用程序。Electron是一个强大的框架,它可以帮助您使用Web技术构建跨平台桌面应用程序。原创 2023-04-08 23:49:47 · 820 阅读 · 0 评论 -
【项目实战】Vue.js入门介绍
Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它旨在易于使用和理解,并且高度可定制。Vue.js通常与其他流行的JavaScript框架(如React和Angular)进行比较,但它具有自己独特的功能和优势。原创 2023-04-08 00:38:38 · 543 阅读 · 0 评论 -
【异常】解决npm install慢的问题,在国内被墙
使用NPM(Node.js包管理工具)安装依赖时速度特别慢,执行npm install 特别慢。原创 2023-03-31 19:04:39 · 789 阅读 · 0 评论 -
【项目实战】Webpack入门介绍
Webpack是一个现代JavaScript应用程序的静态模块打包器。原创 2023-03-30 21:35:53 · 97 阅读 · 0 评论 -
【项目实战】CSS入门介绍
为元素设置背景颜色。将图像设置为背景。使用简写属性来将所有背景属性设置在一个声明之中。原创 2023-03-30 21:13:13 · 59 阅读 · 0 评论 -
【项目实战】前端JS时间处理实战汇总
前端时间处理实战汇总原创 2023-03-14 14:02:33 · 136 阅读 · 0 评论 -
【异常】前端npm执行提示npm ERR! errno -4058 enoent ENOENT: no such file or directory, open ‘xxx/package.json‘
删除原来的tag,重新打一个tag,问题解决!原创 2023-03-06 16:34:08 · 3573 阅读 · 0 评论