我在开发一个 Vue 项目时遇到了一个令人挠头的问题：“jQuery is not defined”。这个问题让我意识到在使用 Vue 框架时引入 jQuery 的一些误区，也促使我对问题进行了深入的分析和研究。在这篇博文中，我将记录下这个问题的背景、错误现象、根因分析、解决方案以及验证测试和预防优化等一系列过程，以便未来能够快速解决类似的问题。
## 问题背景
在如今的前端开发中，Vue.j
# Vue Layer 中的 jQuery 报错问题解析
在前端开发中，我们常常会结合使用多个库和框架来实现复杂的功能。在众多技术栈中，Vue.js 是一个非常流行的 JavaScript 框架，而 jQuery 则是一个经典的 JavaScript 库，常用于 DOM 操作及事件处理。当我们在 Vue 项目中使用 layer 插件，并且偶尔会遇到“jQuery is not defined”的
1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低 2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的
转载
2023-08-08 13:32:30
66阅读
1、jquery：轻量级的js库2、vue：前端js库，是一个精简的MVVM，它专注于MVVM模型的viewModel层，通过双向数据绑定把view和model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。3、vue和jquery对比：vue是通过vue对象将数据和view完全分离开的，对数据操作不在引用相应的DOM对象；主要是操作数据jQuery是使用选择器（$）选取DOM对象，并对其
转载
2023-10-31 10:37:06
42阅读
# 学习 jQuery 和 Vue 的整合
当你开始学习现代前端开发时，理解 jQuery 和 Vue.js 的基本用法是很重要的。虽然 Vue.js 是一个很强大的现代框架，但有时在项目中仍然需要用到 jQuery。本文将带你通过一系列步骤，学习如何在项目中使用 jQuery 和 Vue.js，并具体讲解每一步的实现方式。
## 整体流程
以下是你在整合 jQuery 和 Vue 的过程中
为什么呢？首先是因为jQuery非常流行，但更重要的是，有经验的程序员都认为jQuery十分简单，推己及人，对于新手来说当然也应该是非常简单的，然而这并不正确。jQuery简洁，但不简单。jQuery绝对可以帮你处理掉很多老浏览器的麻烦事（译者注：比如各种兼容性问题），但对于简化DOM API操作和封装Javascript变化而言，它就帮不上什么忙了。当然，对于敲 $(‘#id’).click(f
转载
2024-04-20 15:53:42
100阅读
一、问题 $ is not defined 在使用Vs Code编写Vue应用的时候，从页面中引入jquery后，在.vue文件编写使用时，ESLint编译报错，程序运行正常。 错入内容如下： error: Unexpected console st...
原创
2021-11-23 17:20:40
7571阅读
参考：百度安全验证前端框架不会前端开发的后端不是一个好的后端开发，平时写点小项目可以用得上，先简单了解一下前端这个概念。前端： HTML（超文本标记语言），CSS（层叠样式表）和JavaScript（脚本语言）。HTML，通常说的H5，其实按标准来说，HTML4的后续版本不带编号了，并保证向前的兼容性。CSS的版本3，增加了translate()，能完成以前一定需要js才能做到的动画，同时增加了f
转载
2023-11-29 10:11:58
42阅读
php开发面试题---jquery和vue对比（整理）一、总结一句话总结：jquery的本质是更方便的选取和操作DOM对象，vue的本质是数据和页面分离反思的回顾非常有用，因为决定了我的方向和技巧以战养己，这是非常非常好的方式 1、MVVM框架是什么？Model-View-ViewModel：数据和视图分离框架MVVM是Model-View-ViewModel的简写。它本质上就是MVC
转载
2024-06-14 06:11:14
88阅读
文章目录一、前言二、常用方法1.安装引入：2.网页元素操作：3.事件监听及处理：4.页面动画实现：5.网页动态更新：6.插件引入：7.Ajax网络处理：三、汇总对照四、总结 一、前言比较熟悉Jquery的使用，Vue中的不太熟悉，今天来汇总下jquery中的常用操作在Vue中的对应实现方法。 Jquery中的常用操作包括：网页动态更新、选择器、第三方库的引用、html元素操作、元素动画、Ajax
转载
2024-06-14 20:47:51
52阅读
1、jquery：轻量级的js库2、vue：前端js库，是一个精简的MVVM，它专注于MVVM模型的viewModel层，通过双向数据绑定把view和model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。3、vue和jquery对比：vue是通过vue对象将数据和view完全分离开的，对数据操作不在引用相应的DOM对象；主要是操作数据jQuery是使用选择器（$）选取DOM对象，并对其
转载
2023-08-30 22:46:35
86阅读
jQuery与vue的区别是什么？下面本篇文章就来给大家介绍一下，让大家了解jquery和vue.js之间有哪些区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 jquery与vue的对比JQuery：jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一
转载
2023-11-14 10:45:43
101阅读
前言：很多人说jquey和vue没有什么可比的，应该和Angular，React来比吧，我到觉得他们倒没有多大的可比性，都是基于mvvm思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变，是将原有的直接操作dom的思想转变到操作数据上去，难道不是一个根本性的改变吗？
转载
2021-08-12 17:48:25
289阅读
前言：很多人说jquey和vue没有什么可比的，应该和Angular，React来比吧，我到觉得他们倒没有多大的可比性，都是基于mvvm思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变，是将原有的直接操作dom的思想转变到操作数据上去，难道不是一个根本性的改变吗？1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐.
转载
2021-08-13 10:15:32
213阅读
jquery到vue是从直接操作DOM到操作数据的转变1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲
转载
2023-06-09 20:58:51
182阅读
已经9012年了，如果你的公司还在用table+div布局，用jq操作dom，请离职！前端技术日新月异，vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。虽然两种思路是完全不同的，但也不能说是不能一起用的，在某些没有办法的情况下(例如需要操作dom的情况下)，把jQuery和vue用在一块是完全没问题的，当然把这两种技术用在一起是肯定不会出现在最佳
转载
2023-09-06 23:43:31
61阅读
项目分析webweb端 主要用的框架现阶段是区分于微信 pad端的，主要用了vue + element的基础框架，微信端，pad端用了jq+mui的基础框架，基于两个不同类型的项目，前端页面性能优化总结了几个方面：1.webpack打包优化（vue）。 2.组件细化，动态加载（vue）。 3.无阻塞：css文件在头部引入，js在也页面尾部，防止页面阻塞（jq） 4.压缩HTML、CSS、JS(jq
转载
2024-02-15 17:20:33
46阅读
前言本文适用于还在使用传统js原生和jquery方式操作dom的小伙伴，以及还在困惑，究竟是传统js/jqurry开发效率高对开发者友好还是vue表现得更好。那么废话少说，让我们一起来对比以下jquery和vue实现同一个示例代码，看看究竟谁更简单易用。在这之前，先让我们介绍以下参赛的双方选手：vue和jquery。简单介绍一下vuevue一套用于构建用户界面的框架，vue的核心库只关注视图层，方
转载
2023-08-04 09:58:51
272阅读
最近在开发一个展示3D模型的WEB程序，在工程中使用了VUE和ThreeJS库。Three.js本身是支持CommonJS的，但我们还用到了OBJLoader模块，此模块不支持CommonJS，改成CommonJS比较麻烦（真相是懒综合症发作）。这样的话，只有用常规的html引入js文件的方式来解决这个问题。为了阐述方便，本文使用一个简单例子来展示整个解决方案。这就本文所用到的例子工程，我们在He
转载
2018-06-12 10:40:00
226阅读
这次，面的是广州品高，面试官问我的一道题，为什么Vue会比Jquery更受开发者喜爱？煞笔如我，只回答了一些不痛不痒的答案。先来看看我的答案：1.Vue支持数据绑定，而Jquery没有。2.Vue有中文文档，所以vue比较受中文开发者喜爱（回了这个答案估计就凉了）。3.Vue支持组件化，也就是模块化，每个组件都可以单独工作。事后，当然是需要补救知识盲区啦。首先百度答案，基本所有的推荐文章都是互相抄
转载
2024-06-05 10:30:52
34阅读
