2024-01-25 10:01:05
552
928
1.1.1.记点：sass-loader：把 sass编译成css, node-sass：nodejs环境中将sass转css。1.1.安装sass-loader/node-sass(前者依赖于后者)_vue安装scss
2024-01-24 15:01:35
603
23
使用vue项目时候，遇到这样一个需求，将一维数组做一定的转换，增加一些变量，然后将变更后的一维数组转化为三维数组，再然后是一位数组和三维数组的联动，类似于购物车的添加和减少的效果。这是一个完整的示例，涉及到以下函数。 - dajianshi_arr1to1(arr) {} 一维数组转换 - dajianshi_arr1to3(arr) {} 一维数组变成三维数组 - addCart(id) 加入购物车 - removeCart(id) 移除购物车 - delCart(id) 从购物车列表清除
2024-01-24 15:01:00
580
650
解决Vue 3 Element Plus树形表格全选多选以及子节点勾选的问题_el-table 只有子节点可选 vue3
前端知识
vue axios 引用报错Module parse failed: Unexpected token (5:2) You may need an appropriate loader to hand
2024-01-25 11:01:50
278
11
试了很久，后来看到网上另一个同类的报错，他给出的原因是引用的第三方组件的某个版本有问题，故：我尝试更换axios 为低版本再试试；查看此时我安装的是默认最新版的axios1.6.2；尝试将版本降低为1.5.0后，此问题解决；尝试了无论是在components内import，还是在main.js内全局引用都会报这个错误；在写一个前端demo的时候，发现import axios from ‘axios’，网上查了很久，也尝试写自定义vue.config.js，但仍然报此错误；_module parse failed: unexpected token (5:2) you may need an appropriate load
2024-01-26 10:01:33
514
82
Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。它是一个轻量级、灵活且易于上手的框架，被广泛应用于开发单页应用程序和动态网页。Vue.js 的主要特点之一是其响应式数据绑定系统。这意味着当应用程序中的数据发生变化时，页面上相关的部分会自动更新。这种机制使得开发者可以轻松地管理和维护复杂的应用程序状态。另一个重要的特性是组件化开发。Vue.js 允许开发者将页面拆分为独立的组件，每个组件具有自己的数据和逻辑。这种模块化的开发方式使得代码复用和维护更加容易，并且能够提高开发效率。
2024-01-26 10:01:19
526
734
Vue3.4 VUE_PROD_HYDRATION_MISMATCH_DETAILS 警告处理_feature flag __vue_prod_hydration_mismatch_details__ is not explicitly defin
前端知识
关于JS中的一个[Vue warn]: Property “xxx“ was accessed during render but is not defined on instance 小问题
2024-01-26 10:01:17
497
926
关于form里的与标签，去使用Java Script与vue文件使得Java Script报错[Vue warn]: Property "xxx" was accessed during render but is not defined on instance 小问题的小问题_was accessed during render but is not defined on instance.
2024-01-26 10:01:12
400
604
在我们前端开发当中，封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加，程序员需要应对各种挑战，如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现，旨在帮助开发人员更好地管理和组织代码。接下来我们一起探讨一下前端封装的概念和优势，并提供一些常见的实施封装的方法，以帮助大家更好地理解和应用前端封装。_react axios 封装
2024-01-26 10:01:09
176
805
Table 组件提供了单选的支持， 只需要配置 highlight-current-row 属性即可实现单选。之后由 current-change 事件来管理选中时触发的事件，它会传入 currentRow，oldCurrentRow。如果需要显示索引，可以增加一列 el-table-column，设置 type 属性为 index 即可显示从 1 开始的索引号。选择单行数据时使用色块表示。_el-table 选中行高亮
2024-01-26 10:01:01
942
954
打造专业级ChatGPT风格聊天界面：SpringBoot与Vue实现动态打字机效果，附完整前后端源码。Web开发的世界永远充满惊喜，不是吗？每当我们认为自己掌握了所有的技巧和工具，总会有新的技术出现，挑战我们的知识库。今天，我们要探讨的这项技术可能对一些人来说并不陌生，但对于其他人来说，则像是新发现的宝藏。没错，我在说的是Server-Sent Events（SSE）。你可能会问：“SSE是什么？”简单来说，SSE是一种让服务器实时向客户端发送更新的技术。但别误会，这不是另一个WebSockets。让我们
2024-01-26 10:01:32
484
437
想要运行下面的示例，除此之外还要安装f-ui-one、brace。'测试json数据'
2024-01-26 10:01:13
573
41
这个组件比较古老，对vue的兼容性很不友好。2.创建Gantt.vue 组件。1.安装dhtmlx 甘特图。_vue dhtml
2024-01-25 11:01:52
556
484
是的，你没有看错，jQuery发布了3.7.0，这个曾经告诉大家write less do more的JS库，这个已经被很多人遗忘的前端必备，曾经有本书叫《锋利的jQuery》。但现在谁还在每天做着jQuery的工作，谁还熟练jQuery的写法？他为什么仍然还在更新？_jquery还在更新吗
2024-01-25 11:01:47
352
712
echarts 设置地图外边框、地图背景渐变色和地图阴影,增加立体感以及在地图上打点_echarts保定地图新增雄安新区(切割、调整地图边缘)
2024-01-25 11:01:22
758
222
echarts根据选择条件展示echarts图表_vue动态生成echart
2024-01-25 11:01:27
286
843
本系统的前端界面涉及的技术主要有Java，bootstrap freemarker等等，通过这些技术可以实现前端页面的美观和动态效果使之符合广大群众的审美观，后台主要使用的技术主要有Java编程语言，MySQL数据库，JSP和Ajax异步交互，根据Ajax异步模式的健身房管理系统解决了传统管理方式所带来的人力、物力和时间上的虚耗和交流深度的限定，这让交流的过程更快捷、准确、便利，同时完成健身房管理系统的基本功能：首页、轮播图、公告、资源管理（健身资讯、资讯分类）系统用户（管理员、会员用户、教练用户）模块管_create table `auth` ( `auth_id` int(10) not null, `user_group` varchar(64) c
2024-01-25 11:01:22
76
731
用户在数字输入框中无法输入0.04，测试发现小数点后边只要带0都输入不上_v-model.number小数
2024-01-25 11:01:19
104
509
vue前端实现图片下载，实现点击按钮弹出本地窗口，选择自定义保存路径_前端下载文件打开弹窗选择下载位置
2024-01-25 11:01:18
521
545
本文主要介绍vue中如何动态加载组件以及动态加载js的方法_vue3引入js
2024-01-25 11:01:15
471
33
什么是若依框架：若依框架就是一个后台管理框架，主要使用技术在官网可查，这里简要叙述：主要技术分别是基于springboot、shiro、mybatis、Thymeleaf等，这个后台管理框架可以实现零代码开发，它能让我们大部分时间放在业务开发上面，节省一些不必要的时间，降低技术难度，与开发成本。一般来说，在Python中，字典用花括号 {}标识，键值之间用 冒号：分隔，键-值对之间使用 ， 分割。其中，@/utils/dict文件里面主要是数据字典的一些方法，对于字典数据，标签，原始数据的处理；_vue dicts
2024-01-25 11:01:15
482
798
最近项目需要开发大屏，要实现全国地图下钻，并且根据不同状态标记点位，点击弹窗显示当前点击省市区的列表信息，弹窗位置根据点击位置获取，记录一下。_vue echarts地图下钻
2024-01-25 11:01:13
2126
195
Vue 3 是 Vue.js 框架的最新版本，它带来了许多新特性和改进，例如更快的渲染速度、更好的类型推导、更好的组合 API 等等。如果您正在使用 Vue 2.x，升级到 Vue 3 可以让您的项目获得这些新特性和改进，并且更好地适应未来的发展。然而，Vue 3 与 Vue 2.x 在语法和一些核心概念上有一些重大变化，因此升级 Vue 3 可能需要一些额外的工作。本指南将为您提供一些有关如何将 Vue 2.x 项目升级到 Vue 3 的详细说明和指导，希望能够帮助您平滑地进行升级。_vue2升级vue3
2024-01-25 11:01:06
489
202
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。_vue图片预览组件
2024-01-25 11:01:05
313
312
【代码】【VUE】表格实现自定义多选 (Ant Design Vue)_ant design vue 表格中的多选框怎么使用
2024-01-25 11:01:02
785
724
根据vue项目的需求，需要做二维数组的全选、全不选、反选、部分全选功能。 怎么制作呢？ 全选、全不选很好处理，反选和部分全选处理起来麻烦一些，需要判断父级是否为选中状态。具体的代码请采纳考示例。
2024-01-25 10:01:45
850
685
生命周期：1）又称：生命周期回调函数、生命周期函数、生命周期钩子。2）含义：vue在关键时刻帮助我们调用一些特殊名称的函数。3）生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4）生命周期函数中的this指向是 vm 或 组件实例对象。常用的生命周期钩子：1）mounted：发送ajax请求、启动定时器、绑定自定义事件、订阅消息等(初始化操作)2）beforeDestroy：清除定时器、绑定自定义事件、取消订阅消息等(收尾工作)_任意写出vue中的三个生命周期
2024-01-25 10:01:44
733
393
2、使用defineEmits会返回一个方法，使用一个变量emits(变量名随意)去接收。3、通过子组件事件修改变量值，同时将值传递给父组件，对父组件的变量进行赋值。3、在子组件要触发的方法中，调用emits并传入发射给父组件的方法以及参数。1、在子组件中调用defineEmits并定义要发射给父组件的方法。以下代码和内容的使用都是在vue3的setup中，未使用TS。2、在子组件中定义 1和-1方法，以及一个变量。1、在父组件中定义一个变量。_defineemits
2024-01-25 10:01:41
14
164
安装webpack-cli：npm install --g webpack-cli。⑧选择存放配置，此处建议选择第二个，存放到package.json中，回车即可。此处建议选择默认配置，即直接回车即可。npm install vue -g // -g为全局安装。⑦选择什么时候进行代码校验，此处建议选择第一个，回车即可。④选择vue版本号，这里我选择2.x，回车键继续。③根据自己的需求选择，按空格键选择，回车键继续。⑤这里我选择否，输入： n，回车继续。⑨选择是否保存本次配置。_安装vue
2024-01-24 15:01:29
204
483
Vue Echarts监控大屏实例十三：网络态势感知监控模板实例下，本实例通过Vue-Echarts实现了网络态势感知监控模板实例界面，学习并使用了vue-echarts的使用，接入高德地图并展示，添加了全屏切换及退出等相关功能，提供源码及开发文档下载。......_态势感知平台的前端vue
2024-01-24 15:01:25
221
898
项目中很多模块经常会复用：侧边导航组件、分页、文件下载、项目中常用的 echarts图表的封装（比如折线图、柱状图等），或者一些后台管理、菜单管理中很多可复用组件，表单之类的。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性低等问题。一般在搭建项目的时候，会创建一个views目录、一个commen目录和一个feature目录。用vue开发的项目，都是采用组件化的思想开发的。3. event自定义事件。2. slot定制插槽。1. props参数。_vue公共组件的封装
2024-01-24 15:01:36
919
969
vue中使用echarts实现动态数据绑定、获取后端接口数据_散点图动态获取数据
2024-01-24 15:01:24
453
777
2023年全国职业院校技能大赛-大数据应用开发-数据可视化_编写vue工程代码,根据接口,用柱状图展示2020年部分省份所有订单消费额的中位数
2024-01-24 15:01:50
245
495
之前一直naive-ui搭配使用的是xicons，后来发现Iconify支持的图标合集更多，因此转而使用Iconify。与FontAwesome不同的是，Iconify配合Icones相当于是一个合集，Iconify提供了快捷引入图标的方式，而Icones是一个大的图标库，收集了大量MIT协议、Apache 2.0开源的图标文件。Iconify 支持的框架很多，本文以 Vue 3 作为介绍。_@iconify/vue
2024-01-24 15:01:46
253
972
我们可以使用resize事件，来动态的实时获取界面宽度，再把根据这个div与设计稿的比例，动态的设置宽度。通过addEventListener，把事件添加到了window上，当当前组件不用时，需要在onUnmounted中，将该事件销毁，节约资源。二、今天在使用vant组件进行开发时，vant组件中swipe中的宽度设置，只能接受px。一.一种常见的是使用vw的方式设置宽度，这样当我们的屏幕发生变化时，可以跟着动态的修改。场景：当我们在项目开发中，有时候某个宽度，需要根据界面当前的宽度动态设置。_vue 动态设置宽度
2024-01-24 15:01:45
995
350
vue-antdesign——实现table单元格合并 换行展示 滚动到指定位置 行样式设置——技能提升_antd table合并单元格
2024-01-24 15:01:52
743
379
本教程通过搭建一个简单项目，帮助读者快速入门Vue3项目实战，掌握Vue3、TS、Element Plus、axios等技术栈。_vue3入门教程
2024-01-24 15:01:45
233
859
以上两种解决办法本人均尝试过，确实都是可以解决的。没有debugger太难受了，不过好在解决了，此处用于记录一下怎么解决该问题的。有问题可在评论下方留言，博主看到会回复的。_vue debugger不生效
2024-01-24 15:01:44
465
726
Vue.js是一种用于构建用户界面的渐进式框架。它的核心库专注于视图层，易于与其他库或现有项目集成。Vue.js 3是Vue.js的最新稳定版本，它带来了许多新特性和性能优化，使得开发者能够更高效地构建前端应用。Vue.js 3对自定义指令API进行了改进，使其更加一致和易用。这使得开发者能够更方便地创建和使用自定义指令，从而提高项目的可扩展性。本书是一本实用性很强的Vue.js 3实战项目书。书中结合实际项目场景，构建了一个完整的企业级应用。
2024-01-24 15:01:39
95
898
欢迎来到《小5讲堂》大家好，我是全栈小5。这是是《前端》序列文章，每篇文章将以博主理解的角度展开讲解，特别是针对知识点的概念进行叙说，大部分文章将会对这些概念进行实际例子验证，以此达到加深对知识点的理解和掌握。温馨提示：博主能力有限，理解水平有限，若有不对之处望指正！
2024-01-24 15:01:38
292
639
本示例的目的是介绍演示如何在vue openlayers中添加HERE地图，并且含多种的表现形式。包括地图类型，文字标记的设置、语言的选择、PPI的设定。
2024-01-24 15:01:37
89
870
app内前h5涉及到支付的功能，ios非实物商品实付需要使用ios原生支付方式，实物商品则可以三方支付，主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接，前端进行跳转支付，同时需要实时查询用户的支付状态。整个过程中复杂的部分在于查询用户支付状态的体验方面，需要保证用户在支付成功、支付失败、跳转支付宝、微信回来或者没有跳转支付宝微信等未知的行为下的用户体验。为了防止用户在支付时间超过我们设置轮训时长情况，需要监听用户从支付app返回当前页面，来进行查询支付状态操作。_h5唤起支付宝app支付
2024-01-24 15:01:34
945
965
Vue3相较于Vue2，Props传递的变化很大，并且结合ts后，写法有些怪异（choulou）。还有一些小细节，特此梳理一下。Vue3里组件之间属性传值需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute。_vue3 props
2024-01-24 15:01:28
521
521
现在挺多博主都做的挺完整的地图文档使用介绍等等，但有时候我们接触去选择自己做的效果时候还是会遇到很多不同的问题。这里我把我自己个人在各个检索下的文章，做出自己想要的效果地图，基础地图功能＋路线 运动轨迹的过程介绍一下对应组件使用与注意事项。_vue-baidu-map
前端知识
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
2024-01-24 15:01:24
190
822
3、也就是说，uni-data-select下拉组件获取绑定的数据类型是字符串类型或者 数字类型。如果初始化成数组、对象、Boolean等之外的类型，就会报类似的错误。1、意思时检查到"value"相关的值有误，希望它时字符串类型或者数字类型，而不是数组类型。1、在uni-app小程序中应用到uni-data-select组件时，出现的报错。_[vue warn]: invalid prop: type check failed for prop "value". expected strin
2024-01-24 15:01:03
611
585
随着Internet的发展，人们的日常生活已经离不开网络。未来人们的生活与工作将变得越来越数字化，网络化和电子化。网上管理，它将是直接管理智能新冠疫苗接种助手的最新形式。本论文是以构建智能新冠疫苗接种助手管理系统为目标，使用 java技术制作，由管理员和用户两大部分组成。着重论述了系统设计分析，系统主要包括首页、个人中心、用户管理、疫苗信息管理、接种预约管理、接种提醒管理、预约分配管理等功能，以及后台数据库管理。从系统设计到详细实现都根据了系统的建设思想和mysql数据库的设计方法。
2024-01-24 15:01:50
737
376
本文介绍veu路由守卫
2024-01-24 15:01:35
726
480
vue 是不能检测到对象属性的添加或删除，我们使用 watch 监听一个对象时，除非是直接重新给对象赋值，否则是不能监听到对象里的值的变化的deep 就是用来进行深度监听的！使用 watch 时有一个特点，就是当值第一次绑定时，不会执行 handler()监听函数，只有值发生改变时才会执行 handler()监听函数。当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听。_vue watch
2024-01-24 15:01:33
818
330
运行起来以后，会发现，有框，但按钮不在，因为这是个坑。按钮是个开源组件 font-awesome这个开源组件就是个图标库，有多种引入方式，我所采用是css全局引入的方式，先下载了解压放入 src/assets（你的静态资源文件夹），再到App.vue的style引入。_h5 vue 富文本
2024-01-24 15:01:53
1002
449
每一个九零后，童年里面都有马里奥吧，但是你有没有想过，如果用 CSS 可不可以写一个马里奥呢用CSS去写一个马里奥小游戏是一个有趣而有挑战性的项目，你可以通过这个项目来学习CSS的基本知识和高级技巧，比如选择器、属性、单位、颜色、盒模型、定位、浮动、布局、变换、过渡、动画、伪类和伪元素等。你还可以用CSS来实现一些马里奥游戏的特效，比如马里奥的跳跃、移动、碰撞、变大、变小、射火球等。你可以参考一些网上的例子和教程或者你可以自己发挥你的创意和想象力，创造一个独一无二的马里奥小游戏。?。
2024-01-24 15:01:48
590
409
近期在开发可视化大屏项目，除去各种echarts图表和地图展示之外还有多个表格。现在来了一个需求，需要将大屏中的所有表格设置为内容无缝滚动。本着程序员的七宗罪原则第一时间推脱了一下，但没推脱成功。_vue3 无缝滚动
2024-01-24 15:01:52
1062
68
教程10 Vue3的生命周期与方法（Typescript） Setup语法糖详解 setup中的生命周期钩子（代码截图版）_vue3 setup 生命周期
前端知识
Uncaught SyntaxError: The requested module ‘…/xx/xx/x.js’ does not provide an export named ‘default’
2024-01-24 15:01:14
529
854
Uncaught SyntaxError: The requested module '/src/store/modules/app.js?t=1695116095181' does not provide an export named 'useAppStore'_does not provide an export named 'default
2024-01-24 15:01:13
357
718
自适应布局rem，媒体查询@media还有postcss-px-to-viewport_vue 响应式自适应布局
2024-01-24 15:01:09
365
100
vue-router element-plus实现动态的面包屑导航栏、动态的路由标签栏_vue页面刷新面包屑导航