大小 模板vue
vue3中vue-router一个简单使用案例
![](https://img2023.cnblogs.com/blog/1202393/202303/1202393-20230325153048659-840207058.png)![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
VUE 环境搭建
一、安装node.js在node.js官网下载安装最新版的:https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
【简历模板】极简Markdown程序员简历模板
前言 最近在找工作,一份好的简历是敲门砖,所以跟大家分享下简洁明了大方MarkDown的简历模板和在线编辑工具 在线工具 冷熊 Java工程师简历模板 下载 点击下载 预览 个人信息 xxx/男/1993.05 本科/xxxx大学-计算机科学与技术学院 工作年限:5年 工作单位: xxx公司-至今 ......
vue3中的setup含义
setup 是 Vue3 中引入的一个新的选项,用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数,它在组件实例被创建之前执行,并返回一个包含状态和方法等配置信息的对象。 具体来说,setup 选项的作用包括: 响应式数据:使用 Vue3 ......
vue-element-admin 运行踩坑笔记
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! Error while executing: npm ERR! G:\ForCodeSoftwa ......
vue+leaflet示例:geojson数据地形剖面分析(附源码下载)
demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
vue实现移动端签名功能之 vue-esign插件篇
1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue03 01.创建项目
01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式: 开发时,并不对代码打包,而是直接采用ESM的方式来,而是直接采用ESM的方式来运行项目 在项目部署时,在对项目进行打包 除了速度外,vite使用起来也更加方便 基本使 ......
C++11:模板元编程入门
1、实现斐波那契数列和最大公约数在编译期的求值 #include <iostream> using namespace std; /*阶乘*/ template<int N> struct Fac { const static int value = N * Fac<N - 1>::value; } ......
vue2 - mockjs的使用
mockjs官网:http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
centos7 yum 安装nodejs 16,搭建编译vue项目环境
1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
商城网站毕业设计( Python +Vue)
网站介绍 基于 python 开发的电子商城网站,平台采用 B/S 结构,后端采用主流的 Python 语言进行开发,前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括:首页、商品详情页、用户中心模块。 后台功能包括:总览、订单管理、商 ......
基于vue框架axios网络请求封装
原因 axios 是网络请求的第三库,为了防止降低对第三库的依赖性,所以将axios请求封装为函数,方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
vue2中添加全局样式
在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
初识Vue
vue是动态构建用户界面的渐进式JavaScript框架:作者是尤雨溪 Vue的特点: 遵循MVVM模式 编码简洁,体积小,运行效率高,适合移动/PC端开发 它本身只关注UI,可以引入其它第三方库开发项目 与其他前端框架的联系: 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
buildroot 在编译的时候的 大小端的选择
首先来看一下 网上关于大小端的解释 那么 我在 编译龙芯 mips 的 buildroot ,该怎么选择 大小端呢, 要去看 pmon 中的解释: ......
vue3报错 Vue received a Component which was made a reactive object.
报错信息如下: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Vue2
一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于JavaApplet,简单点说就是在浏览器上运行的 ......
vue/html 日期与时间戳互相转换
1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......
Prometheus的告警模板中(StartsAt.Add 28800e9).Format 出现时间戳不准确的情况
{{ define "email.to.html" }} {{ range .Alerts }} start <br> 告警程序: prometheus_alert <br> 告警级别: {{ .Labels.severity }} 级 <br> 告警类型: {{ .Labels.alertname ......
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
先放结论:不要在路由组件的 template 块中使用多个根标签,注释也不行。 今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。 一开始我以为是菜单的问题,搞鼓了半天,发现没什么问题。之后我又以为是路由的问题,发现只要移除了 transition 的 mo ......
vue全家桶进阶之路5:DOM文档对象模型
一、DOM对象 DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。 在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素,这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了,DOM就是一个接口,我们可以通过DOM来操作页面中 ......
JVM 内存区域大小参数设置
需要提前了解的知识点: JVM内存模型 JVM垃圾回收算法 下图是JVM内存区域划分的逻辑图 JVM内存区域逻辑图 从图中我们大概了解JVM相关的内存区域。 JVM内存包括区域 Heap(堆区): New Generation(新生代) Eden Survivor From Survivor To ......
Alibaba.com瘦包40MB——业界最全的iOS包大小技术总结
小结: 1、 优点: 将一些函数內联化 去除了一些无用代码 对程序有全局的优化作用 缺点: 降低编译链接速度,只建议在打正式包时开启 降低 link map 可读性(出现XX-lto.thin的类) Alibaba.com瘦包40MB——业界最全的iOS包大小技术总结-阿里云开发者社区 https: ......
vue全家桶进阶之路4:NPM包
NPM(Node Package Manager)是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具,也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载,每周下载约 30 亿次。NPM让 JavaS ......
vue this.$emit获取父组件返回值
// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......
[vue] 脚手架笔记
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
一文详解vue-cli2.0与vue-cli3.0之间的区别
我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比, 有较大的优化与调整。因此,在学习和工作中,我们需要了解一下版本更替之后,在哪些方面有变动。 1. 项目目录结构 可以明显的看出来,vu ......
Vue 中npm run dev 和 npm run serve 的区别
在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下: "scripts": { "dev": "webpack-dev-server --inline --pro ......
Flask+Vue 使用
Vue 项目经过npm run build 打包后生成文件在dist目录如下: app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹,为Flask ......