事项vue cli 01

vue06_前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) ​ 代表产品 ......
前端 工程 vue 06

VUE3学习笔记

VUE3出现已经很长时间了,由于工作比较忙,项目比较紧,现在才看,已经晚于很多人了。 这是vue3学习笔记,边学边写。 1,项目创建 可以使用git下载:winpty vue.cmd create hello-world 使用之后会让你选择vue2还是3 可以直接node创建:vue create ......
笔记 VUE3 VUE

JavaScript基础第01天

1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。 计算机程序: 就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 1.2 计算机语言 计 ......
JavaScript 基础

vue2源码刨析

手搓vue2源码地址: gitee地址:https://gitee.com/obsessed-with-summer/vue2-source-code-analysis.git 数据监听: 代码位置:src/observer 发布者订阅者+Object.defineProperty中的get和set ......
源码 vue2 vue

vue 首屏添加加载动画 loading

效果为 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
loading 动画 vue

h5-vue-uniapp-节流防抖共通方案

参考:https://juejin.cn/post/6959161295358656520 描述:防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用: ``` /* func:要进行防抖处理的函数 delay:要进行延时的时间 immediate:是否使用立即执行 true立即执行 ......
h5-vue-uniapp 方案 uniapp vue h5

Vue(八):键盘事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 ......
键盘 事件 Vue

js堆叠式卡片轮播图效果 vue

参考链接:https://www.jq22.com/jquery-info24050 说明:此组件为渲染曲线图的卡片堆叠轮播图,可以渲染不止5个,数量自己决定。核心代码js文件在后面。个人感觉这个的过渡效果最自然,最丝滑~ 效果如图: html部分:(此代码用到了之前写的折线图组件,这里不再赘述了) ......
卡片 效果 vue

直播源码开发,vue大图预览方法

直播源码开发,vue大图预览方法 1.使用vue-directive-image-previewer插件 安装 npm install vue-directive-image-previewer -D ​ 引入main.js import VueDirectiveImagePreviewer fro ......
源码 方法 vue

JavaScript、vue、uniapp如何获取本周开始时间和结束时间?

``` //获得本周的开始时间: getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
时间 JavaScript uniapp vue

vue学习记录 8

问了一下大佬侧边栏内容在哪设置的,他说项目里写了一个自动生成接口的脚本,这些接口构成目录。ಠ_ಠ 不在src,在src同级目录generate下。generate>index.js,自动生成后的各个js文件会显示在generate>config.js内。如果要另外多加接口,除了改脚本配置外,还需要  ......
vue

vue-router之hash与history,以及nginx配置

> 本篇讲解前端项目的路由模式(以vue-router为例),以及history模式下的项目部署问题。 `vue-router`的路由模式可以通过指定`mode`属性值控制,可选值:"hash" 、"history"、 "abstract" , 默认:"hash" (浏览器环境) , "abstra ......
vue-router history router nginx hash

vue的路由(更新中)

路由 含义及原理 路由(router)就是对应关系。地址与页面上组件的对应关系。Hash地址与组件之间的对应关系! 锚链接 锚链接不会使页面刷新,但有浏览历史。 (Anchor Link)是指在网页中通过链接跳转到同一页面的不同位置的技术。它可以让用户通过点击链接或者页面内部的锚点,直接跳转到页面的 ......
路由 vue

VUE3中实现“收起”“展开”功能

《好记性不如烂笔头系列》 <template> <van-row> <div class="roadshowDescValueDiv"> <div ref="desContent" class="desContent" :class="{ 'show-all': desShowAll }"> <sp ......
功能 VUE3 VUE

vue中的 ref 和 $refs

在Vue中,`ref` 是一个用于给元素或组件添加引用的特殊属性。通过在元素上添加 `ref` 属性,可以在Vue组件实例或父组件中通过引用访问该元素或组件的实例。 具体来说,`ref` 属性有两种用法: **1. 给普通元素添加引用:** ```html Focus Input ``` 在上面的例 ......
refs vue ref

jeecg2-VUE-全局替换字体(鸿蒙、、、)

![](https://img2023.cnblogs.com/blog/1261986/202306/1261986-20230626104638144-92694868.png) ``` html,body { font-family:-apple-system, BlinkMacSystemF ......
鸿蒙 全局 jeecg2-VUE 字体 jeecg2

Vue事件总线

下面是一个使用 Vue 事件总线实现两个组件间通信的完整例子: 假设我们有两个组件 A 和 B,需要在它们之间进行通信。具体来说,当组件 A 中的按钮被点击时,需要向组件 B 发送一个事件,使得组件 B 中的数据被更新。 ###创建 EventBus 首先,在 Vue 应用中创建一个 EventBu ......
总线 事件 Vue

前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo

#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204), 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id= ......
前端 红包 顶部 积分 内容

前端Vue自定义滚动卡片,可以用于商品海报生成

#### 前端Vue自定义滚动卡片,可以用于商品海报生成, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下: # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端 卡片 海报 商品 Vue

前端Vue自定义精美tabs,可设置下划线图标 热门标题

#### 前端Vue自定义精美tabs,可设置下划线图标 热门标题, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
下划线 前端 图标 标题 tabs

vue根据element-ui实现下拉多选

### 下拉多选element-ui 实现效果 ![](https://img2023.cnblogs.com/blog/2880316/202306/2880316-20230626092738402-975871848.png) 组件代码 ```vue ``` 使用代码 ```vue ``` ......
element-ui element vue ui

Linux多线程01-线程概述

### 线程概述 - 与进程(process)类似,线程(thread)是允许应用程序并发执行多个任务的一种机制。一个进程可以包含多个线程。同一个程序 中的所有线程均会独立执行相同程序,且共享同一份全局内存区域,其中包括初始化数据段、未初始化数据段,以及堆内存段。(传统意义上的 UNIX 进程只是多 ......
线程 Linux 01

Vue2.x 基本认识三:Vuex

认识 Vuex 概念(重要) 专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 Vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,适用于任意组件间通信。 题外话 前面学过组件间通信的方式有: props:适用于父传子、子传父,兄弟组件之间不行。 ......
Vue2 Vuex Vue

fastadmin 一键操作注意事项,导入excel注意事项

### 生成文件 控制器名 cms/Xxx 模型名 cms/Xxx ### 生成菜单 找到控制器,一键生成 ### 导入的注意事项 1.另存为csv格式 用csv导 2.字段名,对应上 3.可以在import控制器里,进行数据校验 ......
注意事项 事项 fastadmin excel

vue3 手写组合API

# 3. 手写组合API ## 1) shallowReactive 与 reactive ```js const reactiveHandler = { get (target, key) { if (key '_is_reactive') return true return Reflect.g ......
vue3 vue API

01 矩阵题解

# Descirption ![](http://112.16.216.176:29860/d/zjzx/p/494/file/111.PNG?type=additional_file) ![](http://112.16.216.176:29860/d/zjzx/p/494/file/3.PNG? ......
题解 矩阵 01

springboot+vue基于Web的社区医院管理服务系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计

**1、项目介绍** 在Internet高速发展的今天,我们生活的各个领域都涉及到计算机的应用,其中包括社区医院管理服务系统的网络应用,在外国线上管理系统已经是很普遍的方式,不过国内的管理系统可能还处于起步阶段。社区医院管理服务系统具有社区医院信息管理功能的选择。社区医院管理服务系统采用java技术 ......

vue3 中设置 teleport 组件后设置样式不起作用?

在 vue3 的实际开发中,我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示,主要解决的一种常见场景为:当前模态框需要更高的层级,但是模态框本身外层元素的 z-index 层级比较低,会导致模态框被其他元素覆盖。 实际使用如下 <button @c ......
样式 组件 teleport 作用 vue3

vue 解决 post请求下载文件,下载的文件损坏打不开,结果乱码

axios.post('xxx', { responseType: 'blob' //指定返回数据的格式为blob }) .then(response => { console.log(response);//把response打出来,看下图 let url = window.URL.createO ......
文件 乱码 结果 post vue

使用@ConfigurationProperties(prefix = "furn01") 会提示如下信息, 但是不会影响使用

![](https://img2023.cnblogs.com/blog/2171496/202306/2171496-20230625171300000-387028355.png) 解决方式: 在 pom.xml 中增加依赖 ```xml org.springframework.boot spr ......