属性 变量vue css

Vue笔记

1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架,什么是渐进式呢? 渐进式意味着你可以将Vue作为应用的一部分嵌入其中,带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现,那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex,也可以 ......
笔记 Vue

Vue启用报错 RangeError: Invalid typed array length: -4095

近期开发的前端项目项目启用失败,记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因:node版本问题,安装10.x.x 即可 重新安装: 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
RangeError Invalid length typed array

vue全局公共方法调用

1.在assets文件夹下,新建文件夹,创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
全局 方法 vue

vue3 封装组件中使用 pinia 报错

报错信息: Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
组件 pinia vue3 vue

vue+leaflet绘制街道地图,并在上面显示站点标记。

从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上,使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。(单一标记,且默认打开提示框) const icon = L.icon({ iconUrl ......
标记 街道 leaflet 站点 地图

vue实现路由懒加载(异步加载)及组件懒加载(异步加载)的方式

##转自:槐序之夏: https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的 ......
路由 组件 方式 vue

关于vue2老项目的打包优化,实现首屏加载速度提升

##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
速度 项目 vue2 vue

nginx全局变量

1、https://blog.csdn.net/weixin_42324463/article/details/127164692 2、https://blog.csdn.net/wzj_110/article/details/112594880?spm=1001.2101.3001.4242.1& ......
全局 变量 nginx

Vue中$attrs、$listeners的用法总结

用法如下: 1、v-on="$listeners" 父组件A,子组件B,孙组件C。C组件中emit事件后,在B中可以直接使用v-on="$listeners"接收,此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A,子组件B,孙组件C。A上设置值,若 ......
listeners attrs Vue

Vue3中无法为el-tree-select设置反选问题分析

环境:Vue3.2、Element Plus 问题:子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ,无法设置默认选中项 default-checked-keys 场景:在一个后台系统的列表页,选中一行数据,点击设置按钮,分配一些功能。这里... ......
el-tree-select select 问题 Vue3 tree

flask: python项目高并发异步部署、uwsgi启动Python的Web项目中不要使用全局变量、信号、微服务的概念、flask-script、sqlalchemy 快速使用、sqlalchemy快速使用、创建操作数据表

一、python项目高并发异步部署 参考博客:https://zhuanlan.zhihu.com/p/358163330 django和flask都是同步框架,部署的时候,使用uwsgi部署,uwsgi是进程线程架构,并发量不高 但是我们可以通过uwsgi+gevent,部署成异步程序 然后我们简 ......
sqlalchemy 项目 数据表 flask 全局

MFC-GetProp获取属性的数据

HANDLE h = GetProp(m_hWnd, g_szPropName);//获取属性的数据 /* 参数1:HWND hWnd 窗口句柄 参数2:LPCTSTR lpString 属性 返回值:HANDLE 成功返回属性的数据。否则,返回值为NULL */ ......
MFC-GetProp 属性 GetProp 数据 MFC

安装后报错:'vue' 不是内部或外部命令

安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架; npm install -g @vue/cli 2.安装后报错:'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 3.进行环境变量的安装: 【1】找到 vue.cmd 文件所在的文件夹位置,并配置环境变量; 【2】配 ......
命令 39 vue

vue3中的自定义指令

1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求:在后台系统中,有很多表单提交组件,其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
指令 vue3 vue

Go语言闭包(Closure)——引用了外部变量的匿名函数

Go语言中闭包是引用了自由变量的函数,被引用的自由变量和函数一同存在,即使已经离开了自由变量的环境也不会被释放或者删除,在闭包中可以继续使用这个自由变量,因此,简单的说: 函数 + 引用环境 = 闭包 同一个函数与不同引用环境组合,可以形成不同的实例,如下图所示。 图:闭包与函数引用 一个函数类型就 ......
闭包 变量 函数 Closure 语言

css flex 浅入

设置在父元素的属性 设置在子元素的属性 justify-content 定义的是主轴方向的排列方式 flex-direction 定义主轴的方向 align-content 适用于多行的排列方式 align-items 适用于单行的排列方式 flex-grow 将剩余的部分作为增长的空间,值是增长占 ......
flex css

vue3 高德地图弹窗选址功能

import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
功能 地图 vue3 vue

vscode保存时自动ESLint格式化(vue)

一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
格式 vscode ESLint vue

CSS样式中颜色与颜色值的应用

使用CSS描绘页面样式时,颜色是其中不可或缺的,无论是对文本、背景还是边框、阴影,我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色,我们很有必要完整梳理下CSS中的色彩。要讲清楚CSS中的颜色,离不开颜色模型的概念,这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模型 ......
颜色 样式 CSS

vue 阻止向上和向下冒泡

1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
vue

MFC-RemoveProp删除窗口属性

HANDLE h=::RemoveProp(m_hWnd, g_szPropName);//删除窗口属性 /* 从窗口属性表中删除一个属性 参数1:HWND hWnd 窗口的句柄 参数2:LPCTSTR lpString 要删除的属性 返回值:成功返回属性的数据;失败返回值为NULL */ ......
MFC-RemoveProp RemoveProp 属性 MFC

APIpost全局变量设置--案例全局tocken设置

官方文档 https://v7-wiki.apipost.cn/docs/%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/%E8%AF%B7%E6%B1%82%E4%B8%80%E4%B8%AA%E9%9C%80%E8%A6%81%E7%99%BB%E5%BD%95%E6% ......
全局 变量 案例 APIpost tocken

MFC-SetProp给指定窗口增加或修改一个属性

TCHAR g_szPropName[] = _T("{0736D43A-ACCD-4C43-8CFB-0D83E11E795C}");//要增加的属性 //尽量采用GUID,防止重合 HANDLE g_hValue = (HANDLE)19680104;//属性数据 //可以任意数据强转成HAND ......
MFC-SetProp 属性 SetProp MFC

CSS样式中颜色与颜色值的应用

使用CSS描绘页面样式时,颜色是其中不可或缺的,无论是对文本、背景还是边框、阴影,我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色,我们很有必要完整梳理下CSS中的色彩。 要讲清楚CSS中的颜色,离不开颜色模型的概念,这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模 ......
颜色 样式 CSS

VUE怎么实现web端上传超大文件

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
文件 VUE web

Java开发:服务器上配置jdk环境变量后java命令正常但javac报错问题

一、问题如下: 在服务器上配置jdk环境变量时,java命令运行正常,javac报错如下: Error occurred during initialization of VM;java/lang/NoClassDefFoundError:java/lang/Object. 没有找到基础类库,可以确 ......
变量 命令 环境 服务器 问题

实现态展示数字(从0动态涨到指定数字)vue2与vue3

vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
数字 vue 动态 vue2 vue3

Vue router 跳转

useRouter(跳转), useRoute(获取路由参数) // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
router Vue

vue 加减乘除精度问题处理

安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
加减乘除 精度 问题 vue

vue的几个记录

1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......
vue