模版 语法vue3 vue

解决vue中mapbox地图显示一半的问题

### 解决vue中mapbox地图显示一半的问题 问题描述: 在vue中创建mapbox地图,地图只显示一般,查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改:获取到`canvas.mapboxgl-c ......
地图 mapbox 问题 vue

vue lang="scss" scoped 样式穿透的规则

1:外层容器 ::v-deep 组件 { }2: ::v-deep 组件 { }3: ::v-deep { & 组件{ } } ......
quot 样式 规则 scoped lang

基础语法-集合LinkedList

以下情况使用 ArrayList : 频繁访问列表中的某一个元素。 只需要在列表末尾进行添加和删除元素操作。 以下情况使用 LinkedList : 你需要通过循环迭代来访问列表中的某些元素。 需要频繁的在列表开头、中间、末尾等位置进行添加和删除元素操作。 ......
语法 LinkedList 基础

Python基础语法--课程笔记

Smiling & Weeping 我的心是旷野的鸟,在你的眼睛里找到了它的天空 定义和使用类: 1.声明类: class类名: 成员变量,成员函数 2.定义类的对象: 对象名 = 类名() 3.成员变量: 公有变量 私有变量__xxx 4.构造函数: def __init__(self , 其他参 ......
语法 课程 基础 笔记 Python

vue项目动态菜单import运行报错【转】

Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......
菜单 项目 动态 import vue

vue项目报错:Node.js v18.16.1 error Command failed with exit code 1.

原因: 把node升级到了最新的长期支持版18.16.1,结果运行vue项目启动失败,报错如下: ![](https://img2023.cnblogs.com/blog/1222453/202307/1222453-20230705102711598-990400528.png) 试了各种办法都解 ......
Command 项目 failed error Node

vue渲染原理简单实现

实现功能: 1.渲染系统: · 功能一:h函数,用于创建并返回一个VNode(虚拟对象); · 功能二:mount函数,用于将VNode挂载到节点上; · 功能三: patch函数,用于对比两个VNode,决定该如何处理新的VNode; ### 1.新建一个index.html的页面 其中有一个id ......
原理 vue

[ SQL笔记 ] 基础语法篇

SQL 基础篇 一:普通查询语句 :SELECT 二:去重查询语句 :SELECT DISTINCT ......
语法 基础 笔记 SQL

Vue项目引入Bootstrap5步骤

1、在工程项目下安装Bootstrap5依赖包 ![image](https://img2023.cnblogs.com/blog/1417122/202307/1417122-20230705094019986-1824010760.png) `npm install bootstrap@5.3. ......
Bootstrap5 Bootstrap 步骤 项目 Vue

Vue, Django | 数据可视化平台开发

给公司搞了个互联网设备可视化平台,在地图上展示互联网设备的信息,点击地图不同区域,统计相应的设备信息,生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......
数据 Django 平台 Vue

前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览

#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ,可图片预览,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......
视频 前端 组件 效果 详情

前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片

#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......
海报 商品 前端 组件 160

【Vue】el-select 数据过多替代方案

一、需求问题: 一开始就考虑使用简单el-select选取数据,但是后面数据量增多, 超过一千条开始,组件会很卡不好用,第二个是接口也慢了 数据量多的话是有一个filterable做支持了,可以输入关键字进行匹配检索 但是不能解决卡顿的问题,接口还是比较慢 二、替代方案: 然后改用了el-autoc ......
el-select 过多 方案 数据 select

Java-基本语法回顾总结[61-72]

最左前缀原则是什么? ``` ``` InnoDB是如何实现事务的? B树和B+树的区别?为什么Mysql使用B+树? Mysql的锁有哪些?如何理解? 什么是RDB和AOF? Redis的过期键删除策略? 简述redis的事务实现? redis主从复制的核心原理? Redis有哪些数据结构?分别有 ......
语法 Java 61 72

Java-基本语法回顾总结[49-60]

spring用到了哪些设计模式? ``` ``` spring boot常用注解及其底层实现 springboot是如何启动Tomcat? mybatis的优缺点 mybatis中#{}和${}的区别? 索引的基本原理 索引的设计原则 事务的基本特性和隔离级别 什么是MVCC 简述MyISAM和In ......
语法 Java 49 60

复习ES(6-11)语法之ES6中篇

[TOC] ## 类 类是对象的模版,定义了同一组对象共有的属性和方法 ### ES5中的类与继承 - 定义类 ES5其实并没有类的概念,是通过**function** **构造函数**来模拟一个类。在构造函数中,通常会将不变的方法直接定义在**prototype**对象上,这样所有对象实例就可以共 ......
中篇 语法 ES ES6 11

vue2-样式冲突-使用deep修改子组件中的样式

# `/deep/`样式穿透 ```JS Left 组件 ``` ......
样式 组件 vue2 deep vue

XMU Python语法

题解: 这道题重点是行号和列号 !千万! 别搞反了,还有就是用dx 和 dy数组表示顺时针转动 1 dx = [-1, 0, 1, 0] 2 dy = [0, 1, 0, -1] 3 n, m = map(int, input().split()) # n行m列 4 x, y, d = 0, 0, ......
语法 Python XMU

vuE初探[230704]

## vue语法初探 ### 课前须知 > 知识储备:html、JavaScript、css(node、npm、webpack) ##### 课程介绍 ###### 进阶式: 1. 基础:生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件:全局&局部、数据传递、插槽基础··· 3. ......
230704 vuE

Vue02

## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是:{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
Vue 02

vue项目中锚点定位bug无效和替代方式

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection(id) { let section = document.getElementB ......
方式 项目 vue bug

解决vue 不是内部或外部命令

##### 1.输入命令找到npm 的配置路径npm config list ![在这里插入图片描述](https://img2023.cnblogs.com/blog/3010252/202307/3010252-20230704195630377-2092913454.png) ##### 2. ......
命令 vue

Java-基本语法回顾总结[37-48]

常用的JVM启动参数有哪些?-※ ......
语法 Java 37 48

Node.js下载安装及环境配置+vue配置

[TOC] #### 一、官网下载 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位 ![](https://img2023.cnblogs.com/blog/3010252/202307/301025 ......
环境 Node vue js

Vue内置缓存组件keep-alive

<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
缓存 keep-alive 组件 alive keep

mysql数据库语法总结--存储过程、函数、视图、触发器、表

​ 概述 抽空总结一下mysql的一些概念性内容,涉及存储过程、函数、视图、触发器等。 一、查看存储过程、函数、视图、触发器、表 1、存储过程 select * from mysql.proc where type='PROCEDURE'; show procedure status; show c ......
触发器 视图 语法 函数 过程

java、vue基于hutool的aes指定秘钥加密(前后端aes加解密)

后端代码 //加密 data 对称AES Key byte[] key = getBytes("._^BV67nW6ck8fwg", 16);//秘钥长度最好是16位 SymmetricCrypto aes = new SymmetricCrypto(SymmetricAlgorithm.AES, ......
aes hutool java vue

Java-基本语法回顾总结[25-36]

常用的JVM启动参数有哪些? 线程安全的理解? 守护线程的理解? threadlocal的底层原理 (25)常用的JVM启动参数有哪些? (26)线程安全的理解? (27)守护线程的理解? (28)threadlocal的底层原理 (29)并发、并行与串行之间的区别? (30)Java死锁应如何避免 ......
语法 Java 25 36

vue-cropper cdn vue3 打包后提示找不到

vue-cropper cdn vue3 打包后bug vue3 项目 ts cdn 引入 vue-cropper 官网推荐引入方式 dev环境报错运行不了 后面发现打包后找不到 VueCropper,原来是名称问题, 修改如下: main.ts 直接引入 再添加脚本到html 文件 window. ......
vue-cropper vue cropper vue3 cdn

vue 基于 CountUp.js,可用于创建显示数字数据的动画。

地址:https://github.com/xlsdg/vue-countup-v2 Installation $ npm install --save countup.js vue-countup-v2 Usage <template> <div class="iCountUp"> <ICount ......
CountUp 数字 动画 数据 vue