代码优化v-for 中使用 key使用 v-for 更新已渲染的元素列表时，默认用就地复用策略；列表数据修改的时候，他会根据 key 值去判断某个值是否修改，如果修改，则重新渲染这一项，否则复用之前的元素；使用key的注意事项：不要使用可能重复的或者可能变化 key 值（控制台也会给出提醒）如果数组中的数据有状态需要维持时（例如输入框），
文章目录前言一、使用插件① 纯wap项目效果：Demo：② pc&wap混合项目（我放弃了）二、老方案效果：Demo： 前言最近在给公司内部做一个BBS论坛，需要在电脑和手机上都可以操作，所以需要做移动端的适配，下面是我在开发后觉得不错的一些解决方案，分享给大家。一、使用插件在vue2的时候我们可以使用lib-flexible + postcss-pxtorem 去对移动端进行适配，不过
转载
2023-09-21 12:52:20
501阅读
vue自定义音乐播放器(neteast-music-vue)A mobile first, handwritten, responsive web app for music fans. 面向音乐迷的移动优先，手写响应式网络应用程序。
View Demo
查看演示
Download Source
下载源
It is a mobile first respons
使用lib-flexible和px2rem实现移动端和PC端界面适配注释：lib-flexbles是由阿里团队很早提出解决屏幕分辨率适配的问题、现已不被推荐（因为目前比较主流的适配方案是使用vw和vh的方式进行适配）、lib-flexble是根据屏幕的大小自动分配对应的font-size大小，px2rem是将项目中所书写的所有px单位转换成rem单位。 故当前所使用的适配方案其根本用的还是rem实
转载
2024-09-11 07:26:11
751阅读
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小 created() {
// 获取当前设备的宽度，设置rem的根字体大小
let width = window.innerWidth;
width = width <= 1200 ? 1200 : width;
const htmlObj = d
转载
2024-05-21 10:54:56
2691阅读
一套代码兼容不同的客户 Java
作为一名经验丰富的开发者，我将教授你如何实现“一套代码兼容不同的客户 Java”。下面是整个流程的步骤：
1. 确定需求：首先，你需要了解不同客户的需求和平台要求。这可以通过与客户和团队成员的讨论来获得。一旦你了解了这些需求，你可以开始实施兼容性代码。
2. 设计架构：在实现代码之前，你需要设计一个灵活的架构，以确保代码在不同客户和平台之间的兼容性。这可以通
原创
2023-12-17 10:05:36
50阅读
1.兼容性所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。但我们需要是无论用户用任何一个浏览器来查看网站或者登陆系统时，都应该是统一的界面显示。浏览器的兼容性是一个最基本的问题，所以对解决兼容性的问题提出了答案1.问题：当在a标签中嵌套img标签时，在某些浏览器中img会有蓝色边框； 解决方案：给img添加bor
转载
2024-08-20 19:45:26
70阅读
# 和 Vue 3 兼容的 Axios 使用指南
Axios 是一个基于 Promise 的 HTTP 客户端，适用于浏览器和 Node.js。在现代的 JavaScript 应用中，Axios 是与后端 API 通信的流行选择。特别是在 Vue 3 的项目中，结合使用 Axios 可以轻松实现数据请求和响应处理。本文将介绍如何在 Vue 3 项目中使用 Axios，并附带代码示例。
## 1
原创
2024-10-04 07:11:22
94阅读
分享一个简单的常用的对话框类，按照国际惯例，先上图布局简单，先上布局。一个标题，一个内容，两个按钮android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="270dp"
android:layout_height="wrap_content"
android:
转载
2024-06-13 16:44:55
150阅读
# Vue3 兼容 jQuery：从集成到实战应用的全流程指南
近年来，Vue3与jQuery的结合问题引发了广泛的讨论。许多人想要在现代的Vue生态中继续使用jQuery的强大功能，然而，这也带来了一些兼容问题。本文将带你走过一个完整的集成过程，通过多个具体的实例和图示，让你能够轻松地实现Vue3对jQuery的兼容。
## 环境准备
在开始之前，我们需要确保开发环境中的技术栈是兼容的。以
一、Echarts的基础使用创建Vue3 Vite项目PS F:\Vue> pnpm create vite
Packages: +6
++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: C:\Us
文档管理1.1 文档信息
文档名称 保密级别 文档版本编号 制作人 制作日期2018.1.19复审人 复审日期 1.2 修改记录
时间版本说明修改人 内容摘要接手项目参考文档，辅助入门。&n
https://github.com/moocstudent/vue-war作者：ukyo--BlackJesus
转载
2023-07-01 05:07:16
4788阅读
vue3.0+TS+antd vue前言安装目前的了解(值得注意的新特性)this指向的变化2.x vs 3.0 钩子函数setuprefisRefreactiveisReactivetoRefswatch 响应式更改项目登录页面项目地址前言在掘金上摸鱼看到了“一个基于vue3+vite+ts的完整项目”的文章，好了我也要开始搞一搞vue3.0，反正最近打算搞个新项目，干脆就用新的； 于是开始摸鱼
最近这个几个月都在跟着coderwhy老师，系统性的学习Vue3的新知识，和新特性。首先，先感谢coderwhy老师讲的非常的好，真的很赞，我这种脑子转的很慢的人，都可以跟上他的节奏，非常感谢老师。 老师教的好，但是并不代表我就以前完全的吸收了，代码这个东西，不长期练习，总是会忘的，所以自己打算做个总结，忘的时候，在瞄一眼吧。好了，开始正题吧！认识 Composition APIVue3最大的特
前言：为了回顾学习的vue内容，将视频中一个大的项目里的购物车这一块单独拎出来写了个小demo。说难也不难，就是对所学的vue知识进行了个整合，实现了三个界面间的操作以及状态管理，但是说简单也不简单，虽然有点基础但写下来还是有些吃力。总的来说，这个小demo写完，对于vue算是能够独立上手了，也养成了看官方文档进行系统性的学习的习惯。本篇仅单独详细写vuex的使用。源代码于git上取：我的git
正文 | 内容01—【概述】我们开源一套漂亮的代码和一套整洁的代码基于springboot + vue 技术构建 ，基于java后台语言02—【技术框架】 开发环境语言：Java 8IDE(JAVA)：IDEA / Eclipse安装lombok插件IDE(前端)：WebStorm 或者 IDEA依赖管理：Maven数据库：MySQL5.7+ & Oracle 11g
原创
2020-12-27 18:36:52
225阅读
vue动态绑定多个样式在项目开发的过程中遇到这样一个需求：有一个节点的状态的显示，使用了element的时间线的组件，但是这个节点的状态有十几种，不同的状态有不同的显示方式，也就是说动态绑定样式。1、一开始的想法这原本不复杂，但是由于样式太多（十几种），一堆都写在标签内的话，代码非常的不美观，因此想用一个好一点的方式去实现。 使用:style="{color:item.color}"遍历的方法动态
1.为什么要有vue3我们使用vue2常常会遇到一些体验不太好的地方，比如：随着功能的增长，需求的增加，复杂组件的代码越来越难以维护，逻辑混乱，虽然vue2也有一些复用的方法，但是都存在一定的弊端，比如我们常常用的Mixin,特别容易发生命名冲突，暴露出来的变量意图不是很明显，重用到其他组件容易冲突。vue2对于typeScript的支持非常有限，没有考虑到ts的集成。vue3的出现就是为了解决v
转载
2023-12-25 00:31:53
229阅读
黑马面面(vuePC端项目)主要就是后台管理系统01-项目创建:01-1、就跟之前一样,安装脚手架(前面也有写也都做过,这里粗略写一下) a.参考地址:https://cli.vuejs.org/zh/guide/installation.html &nb
