eclipse项目vue

从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载

使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
组件 Vue3 glup Vue

flask项目部署后,网站访问速度很慢

在使用阿里云服务器部署完flask项目后,实际访问网站发现网站加载速度慢 问题分析: 打开开发者工具-网络,发现echarts文件及其3D库加载时间过长,页面空白时间长,用户等待时间长,如下图 解决办法: 1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源,从而 ......
速度 项目 flask 网站

pycharm如何刷新项目文件

pycharm如何刷新项目文件 比如项目在运行后会生成测试报告html文件,但是在代码运行完后没有立即出现,此时就需要刷新项目文件。下面是没有出现文件时的项目截图 可以在pycharm的View中点击Appearance勾选Toolbar,下图是勾选后的状态 勾选后会出现工具栏,工具栏中会有一个刷新 ......
pycharm 文件 项目

Vue-示例

计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
示例 Vue

vue适配移动端

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
vue

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18

解决调试模式项目启动不了,非调试可以启动

在idea中按 “ctrl+shift+f8” 清理掉所有不认识的端点,留下自己的端点即可 ......
模式 项目

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39

vue设置input不可编辑切换

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
input vue

Vue3中KeepAlive的使用

我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
KeepAlive Vue3 Vue

vue2的全屏插件--"screenfull": "^4.2.0",

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
quot screenfull 插件 vue2 vue

云原生计算基金会(CNCF)毕业的10大开源项目,都是什么来头?

云原生计算基金会(CNCF)毕业的10大开源项目,都是什么来头? 零声Github整理库 后台服务器架构技术分享资源Q群:202432010 ​关注他 14 人赞同了该文章 云原生计算基金会(CNCF)是Linux基金会旗下的非盈利组织,来推动云原生计算的发展,帮助云原生技术开发人员来构建出色的产品 ......
来头 基金会 基金 项目 CNCF

Vue.js 作用域插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
作用 Vue js

Vue-002基础知识

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
基础知识 基础 知识 Vue 002

Vue

1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉) 在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。 ......
Vue

项目如何做需求调研《软件需求分析实战》

一。 需求调研的注意事项: 1. 不打无准备之仗 2. 在客户那里要树立威望 3. 需求调研是双向沟通 4. 时不时给客户灌输思想,这是个好机会。 二。需求调研的方法 1. 观察法:不打扰别人的工作,用眼睛看,用耳朵听。工作目标,用的什么物料,用的什么工具,得出什么报告。对客户的业务有个直观的了解方 ......
需求 实战 项目 软件

找不到模块“@/xxx/xx.vue”或其相应的类型声明 - ts(2307)

使用路径别名引用相关组件时,报出了TS错误提示! 错误信息(图片): Vite中路径别名相关的配置: import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; ......
模块 类型 2307 xxx vue

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......

ABAP-FB02修改抬头字段及行项目字段

FB02修改抬头字段函数:FI_DOCUMENT_CHANGE DATA:lv_bukrs TYPE bukrs, lv_belnr TYPE belnr_d, lv_gjahr TYPE gjahr, ls_accchg TYPE accchg, lt_accchg TYPE TABLE OF a ......
字段 ABAP-FB 项目 ABAP 02

idea 创建mvn项目 pom文件为空---问题记录

这个问题困扰我好久啊 今天终于解决了 问题描述: 用idea创建的mvn项目 pom文件为空 src下没有man文件夹和test文件夹 pom文件报错 valid xml document must have a root tag 解决办法: 然后idea会自己重启 重启后就ok了 ......
文件 项目 问题 idea mvn

Vue——initRender【八】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initRender进行剖析,参数合并完成之后就开始了初始化生命周期。 initRender initRender位于src/core/instance/render ......
initRender Vue

vue的从0到1 p4—— vue2改vue3

背景:由于配置公司的vue2项目,什么东西都用不了很烦,我就重新卸载了vue2.9.6,参考文档:https://blog.csdn.net/qq_48736958/article/details/111405591 步骤: 1、卸载原有的版本,首先打开cmd,查看现有的vue版本 $ vue -- ......
vue vue2 vue3

vue学习笔记01

vue3 带来的变化 vue3 的发布时间 2020/09/19。 优点:更好的性能、更小的包体积、更好的 TypeScript 集成、更优秀的 API 设计。 options API->CompositionAPI,由选项 API 到组合 API。 学习方式: 官方文档 看书学习,书的质量要高,你 ......
笔记 vue

部署ruoyi二开项目出现 Failure obtaining db row lock: Table ‘XXX.qrtz_LOCKS‘ doesn‘t exist

部署后端项目的时候遇到Failure obtaining db row lock: Table ‘XXX.qrtz_LOCKS‘ doesn‘t exist,百思不得其解,一开始以为是数据库版本问题,后来经过测试不是版本问题,于是乎查阅资料发现是mysql对表大小写有要求,但是当时创建表的时候都是小 ......
qrtz_LOCKS obtaining Failure 项目 ruoyi

Vue3 学习记录

VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
Vue3 Vue

你的开源项目应该选哪个开源许可证呢

转载:阮一峰博客 ......
许可证 项目

Vue.js 具名插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用 ......
Vue js

Vue.js 默认插槽

默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时 ......
Vue js