前端 终端 实战vue

uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app

1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
reactive uni-app uniapp toRefs vue3

vue sortablejs elementplus的虚拟表格进行列拖动问题

遇到的问题是,在对列进行拖动之后,data数据交换成功,但是列名称没有交换;如果使用Table 表格就不会有这种问题; 初始页面如下: 拖动列交换之后如下: 数据列已经交换了,但是表头没有交换; 解决方法如下: 初始化代码如下: <template> <el-table-v2 :columns="c ......
elementplus sortablejs 表格 问题 vue

vue-element-admin的安装以及安装报错处理

一、vue-element-admin git地址 https://github.com/PanJiaChen/vue-element-admin 二、分支 master:主分支,(纯英文) il8n:中英文切换分支 三、npm install 安装报错原因: tui-editor 已更新,故造成错 ......
vue-element-admin element admin vue

Vue3+ElementPlus,Module parse failed: Unexpected token (3:27)

一、环境 vue3,ElementPlus,@vue/cli 5.0.8,npm 9.6.7。 我在复制element plus官网的一些代码到vue3框架里测试时出现的问题。 二、不报错方法 图片位置删除lang=“ts”就不报错了 ......
ElementPlus Unexpected Module failed parse

Vue3+ElementPlus,Cannot read properties of null (reading 'isCE')

一、环境 vue3,ElementPlus,@vue/cli 5.0.8,npm 9.6.7。 二、报错内容 在vue3框架,views文件夹下的AboutView.vue文件里,执行<el-button>Default</el-button>语句就会报错如下: Uncaught runtime e ......
ElementPlus properties reading Cannot Vue3

vue--day61---todolist的MyItem.vue 或者Mylist.vue 实现动画

1. MyItem.vue <template> <transition name="todo" appear> <li> <label> <input type="checkbox" :checked="todo.done" @click="handlerCheck(todo.id)"/> <sp ......
vue todolist 动画 MyItem Mylist

abp-vnext-pro 实战(五,下拉框,增加搜索条件)

假如下拉的选项是后端指定,而不是用户可以自定义的,可以后端定义dto和接口。 假如要用户自定义,可以使用字典模块,这样用户可以在网页修改。 public async Task<List<PageCustomerTypeOutput>> AllCustomerTypeAsync() { var res ......
abp-vnext-pro 实战 条件 vnext abp

abp-vnext-pro 实战(六,vue 前端状态pinia)

在login的时候把所有写入全局store, console.log(' 从数据库获取字典 '); const appStore = useAppStore(); const dataDictionaryServiceProxy = new DataDictionaryServiceProxy(); ......
前端 abp-vnext-pro 实战 状态 vnext

vue3时间转换插件-Moment.js的使用

vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install ......
插件 时间 Moment vue3 vue

vue--day59---集成第三方动画

1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat ......
第三方 动画 vue day 59

vue--day58---多个元素过度

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
元素 多个 vue day 58

vue--day57---过度效果实现动画

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
效果 动画 vue day 57

Vue(十三):条件渲染

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 ......
条件 Vue

前端post请求方式传参参数各种格式详解,form-data,application/x-www-form-urlencoded,application/json,text/xml

## 前端传参参数各种格式详解 ``` 一、form-data 二、application/x-www-form-urlencoded 三、application/json 四、text/xml ``` ## 总结 ### form-data enctype 等于 multipart/form-da ......

Vue接入谷歌广告(Google Adsense)

### 1.注册账户 首先你要拥有一个google账号,[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans),点击个人账号根据提示一步一步来即可注册成功。(当然你需要魔法才可以正常访问谷歌服务) ### 2.补 ......
Adsense 广告 Google Vue

机器学习实战

[toc] # 机器学习基础 ## 机器学习的关键术语 1、属性:将一种事务分类的特征值称为属性,例如我们在做鸟类分类时,我们可以将体重、翼展、脚蹼、后背颜色作为特征,特征通常时训练样本的列,它们是独立测量得到的结果,多个特征联系在一起共同组成一个训练样本 2、目标变量:就是我们要分类的那个结果 3 ......
实战 机器

Template String Converter 无法作用在 vue、html 解决方案

在 vscode 插件安装地址中找到该插件,默认位置:C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件,打开该文件,编辑里面的 activation ......

MySQL实战面试题

create database hufei; use hufei; create table user_info(id int,device_id int(10),gender varchar(14),age int,university varchar(32),province varchar(3 ......
实战 MySQL

redis实战-商城系统

本文主要基于黑马的[redis视频](https://www.bilibili.com/video/BV1cr4y1671t) 编写 redis实战-商城系统 * 短信登录:使用redis共享session来实现 * 商户查询缓存:理解缓存击穿,缓存穿透,缓存雪崩等问题 * 优惠卷秒杀:Redis的 ......
实战 商城 系统 redis

深入浅出关于微服务架构实战指南:分布式系统的设计与部署技巧

深入浅出关于微服务架构实战指南:分布式系统的设计与部署技巧 微服务架构实战指南:分布式系统的设计与部署技巧 摘要:随着互联网应用的快速发展,传统的单体应用架构已经无法满足高可用、可扩展、快速迭代等需求。微服务架构的出现为解决这些问题提供了一种新的思路。本文将深入探讨微服务架构的设计与部署技巧,包括服 ......
深入浅出 分布式 架构 实战 技巧

vue3 + h5 构建流程

# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
流程 vue3 vue h5

记录--前端实用小技巧: 自动合并的网络请求

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 我们经常会遇到一个场景,比如在一个列表中批量获取用户的信息。 如果我们一次性往后端发送几十条请求是非常愚蠢的事情。此时我们就要学会如何使用批量获取的逻辑。 但是批量获取有一个问题就是,我需要在用户列表项的上层去获取,然后再把结果分发给下层 ......
前端 技巧 网络

vue3 基于antd3.2.20封装表格(插槽)

```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量,便于循环 c ......
表格 antd3 vue3 antd 2.20

vue配置生产环境和开发环境

配置原理:采用node.js顶层对象中的process.env 1、安装依赖 2、创建配置文件 3、 # 页面标题VUE_APP_TITLE = "管理系统" # 生产环境配置ENV = 'production' # 西知后台管理系统/生产环境VUE_APP_BASE_API = 'http://1 ......
环境 vue

web前端是什么?

1、什么是web前端? 2、Web前端是什么呢 3、web前端是什么? 什么是web前端? 1、Web前端是给用户展示web前端是什么的网页页面web前端是什么,即网站的前台部分,可能包含设计、特效、用户交互等。web即全球广域网,也称为万维网,是一种基于超文本和HTTP的、全球性的、动态交互的、跨 ......
前端 web

vue问题:不存在div或者多个div

<el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio>报错: Errors compiling template: Component template ......
div 多个 问题 vue

vue实现文件夹的上传和下载

​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
文件夹 文件 vue

h5(html5)+css3前端笔记三

#CSS简介 ##CSS定义 CSS是层叠样式表(Cascading Style Sheets)的简称 有时我们也会称之为 CSS 样式表或级联样式表 CSS是也是一种标记语言 CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式边距等)以及版面的布局和外 ......
前端 笔记 html5 css3 html

vue-pdf 在vue中展示pdf

老规矩先看效果图: 这玩意的坑是相当的多,如果只是单纯的网页浏览,真心建议直接使用 <iframe> 来进行嵌入pdf吧,省心也省事 我这边的web页面是需要放到客户端里面的,然后由于某些原因吧,不支持显示iframe嵌入的pdf网页,只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧,我尽 ......
vue pdf vue-pdf

前端基础-数组方法

数组方法备忘单: 添加/删除元素: push(...items) —— 向尾端添加元素, pop() —— 从尾端提取一个元素, shift() —— 从首端提取一个元素, unshift(...items) —— 向首端添加元素, splice(pos, deleteCount, ...items ......
数组 前端 基础 方法