全局 环境 项目vue
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 : Vue 3 + antd for vue v3. X 样式问题 :固定列背景色不生效,鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包,然后发布到生产环境。发布到生产环境访问后发现样式丢失。(ps:测试环境正常的) 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce,解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码, ......
Clion+STM32配置环境
Clion+STM32配置环境 下载安装 下载Clion,具体步骤省略 https://www.jetbrains.com/clion/download/ Clion官方的教程网址如下 https://www.jetbrains.com/help/clion/embedded-development ......
使用docker搭建drogon windows10,linux,mac下开发环境
2023年10月13日14:52:26 本机环境 Windows 10 专业版 22H2 操作内核19045.2965 如果直接在windows,linux,mac上直接搭建环境确实有一点难度,之前drogon官方并未提供官方镜像,现在有了docker镜像确实方便了,其实我是最近才有 简述安装doc ......
敏捷项目管理关键
敏捷项目管理的成功取决于一系列关键要素和最佳实践,以下是一些关键要素: 团队协作: 敏捷项目管理强调团队协作和跨职能团队的重要性。团队成员应该密切合作,共同追求项目目标,并分享责任。(敏捷中的跨职能团队是怎样的?) 用户参与: 用户的积极参与是关键。他们提供反馈、清晰的需求和优先级,以确保项目满 ......
env-schema 环境变量check npm 包
基于nodejs 的应用开发中基于环境变量的配置管理是很场景的,env-schema 是一个集成了json schema 以及dotenv 工具的一个npm包 可以增强基于dotenv 的配置管理(缺少check) 参考试用 app.js const envSchema = require('env ......
vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
1.安装tinymce富文本编辑器插件npm i tinymcenpm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 <template> <div class="tinymce-editor"> <editor v-model="myValue" ......
vue学习3 npm创建项目
创建项目 安装最新node.js最新稳定版本 创建项目文件加,在文件即下cmd 输入命令 npm create vite@latest firstweb或者 npm init vite@latest firstweb 然后选择vue。然后选择typecript /JavaScript,然后在文件夹下 ......
vue 笔记2 脚手架-创建项目、启动项目、路由、vuex
1、安装命令: 在vs code 终端输入命令 npm install -g @vue/cli 安装完查看版本: vue --version 2、创建项目 在对应文件夹下 cmd 输入命令: vue create hello-word 然后选择版本vue2,vue3 项目,选择对应版本 自动安装cl ......
浅谈eval 在odoo模板(py3o)中的妙用 (本例是在odoo12下的py3o环境中用libreoffice7测试通过)
${eval("env['ss.purchase.exchange.rate'].search([('currency_id', '=', 'USD'), ('crawler_day', '=', datetime.datetime(object.delivery_order_id.ATD.year ......
vue学习1
初试vue <!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <met ......
Windows 环境下安装nacos (网关)
https://blog.csdn.net/qq_39939541/article/details/131739800 1. 启动脚本:默认 nacos 是集群模式启动,需要指定单机启动以 cmd 方式进入到 bin 目录:startup.cmd -m standalone 2. 访问控制台:htt ......
k8s运维过程中,总是碰到项目从内网迁移到公网,从阿里云到腾讯云,华为云等等情况 需要一个脚本把命名空间里面的资源全部导出
#!/bin/bash #NS=kube-system NS=pre resourceList=( deploy services endpoints ingress secrets pvc cm ) printList(){ for aa in ${resourceList[@]}; do aLi ......
0到1搭建vue2.0项目
一、创建vue项目 1、node -v查看是否安装了node 如果没安装,到官网下载安装 https://nodejs.org/en 2、创建名为VueProject的文件夹,cmd进入该文件夹,npm init -y 进行初始化 (备注:在使用命令行工具 npm 进行初始化项目时, -y 是一个参 ......
vue3使用高德地图进行多边形的绘制,编辑以及创建
npm i @amap/amap-jsapi-loader --save <!-- 高德地图 --> <template> <div style="display: flex;"> <div id="container" style="width: 800px; height: 500px; bor ......
[Vue]数据双向绑定v-model
v-model: 只能用于表单类元素(输入类元素,有value值)v-model:value 可以简写为 v-model 以下代码是错误的:<a v-model:href="url">hello</h2> (v-model 只能用于表单元素) <body> <div id="root"> <!-- ......
Util应用框架Web Api开发环境搭建
要使用Util应用框架开发项目,首先需要搭建合适的开发环境. 迈出第一步,对于很多.Net新人可能并不简单. 如果你对.Net环境并不熟悉,请尽量按照本文档进行操作. 操作系统 请安装 Windows 10 以上版本操作系统. 你也可以使用MAC操作系统,但需要自行解决开发环境问题. 安装 Visu ......
Vue中 三个点 ... 的用法
Vue中 三个点 ... 的用法 主要是操作数组和对象 一、操作数组 // 1.把数组中的元素孤立起来 let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 // 2.在数组中添加元素 let iArray = ['1 ......
轻松掌握组件启动之MongoDB(下):高可用复制集架构环境搭建
本章介绍了MongoDB复制集的配置和使用方法,如何初始化和添加节点到复制集,验证主节点的写入和从节点的读取功能。了解如何查询复制集的状态,包括成员的健康状况、同步信息和角色等。最后,我们介绍了如何配置复制集的安全认证,包括创建用户和生成keyFile文件,并演示了使用认证信息连接复制集的方式。通过... ......
在 kubernetes 环境中实现 gRPC 负载均衡
前言 前段时间写过一篇 gRPC 的入门文章,在最后还留了一个坑没有填: 也就是 gRPC 的负载均衡问题,因为当时的业务请求量不算大,再加上公司没有对 Istio 这类服务网格比较熟悉的大牛,所以我们也就一直拖着没有解决,依然只是使用了 kubernetes 的 service 进行负载,好在也没 ......
VSCode 新手入门第二期 C/C++环境配置
前言 编译器 由于VSCode不像Visual Studio和DEV,CodeBlocks一样自带编译器,所以说我们得自己安装编译器 现在主流编译器有许多,我这边推荐TDM-GCC,因为后面还有图形化库要配 编译器下载 https://jmeubank.github.io/tdm-gcc/downl ......
vue中使用ckeditor,支持wps,word,网页粘贴
ckeditor5官网目前不支持wps的图片粘贴,但可以通过修改源码实现。 <template> <div> <div v-if="!disabled"> <div id="toolbar-container"></div> <!-- 编辑器容器 --> <div id="editor"> <p>T ......
25-Vue脚手架-初始化脚手架
Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具(开发平台),官方文档:Home | Vue CLI (vuejs.org) 提前准备工作 这里,我首先安装了一个nvm(node的版本管理工具),可以通过nvm管理多个版本的node.js,解决node.js各种版本存在不兼容的问题 参考链 ......
解决VUE项目更新后需要客户手动刷新浏览器问题
一.问题:在vue项目打包跟新后,虽然js、css等文件会添加hash值确保加载最新的文件,但是只限于客户在你更新前正好未使用平台,更新后客户在使用时,可以确保访问的前端版本是最新的,但是当客户已经打开平台某个页面放置,此时你更新了版本,用户接着操作页面时会出现各种问题导致体验不好,此时提醒用户去刷 ......
commons-io版本变动在windows环境下引发的NTFS ADS separator问题
起因 因业务需求,项目中引入了一个对方的业务jar包,但是发现代码却启动不起来了,报错: org.springframework.beans.PropertyBatchUpdateException; nested PropertyAccessExceptions (1) are: Property ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......
使用visual studio 2022统计项目代码总行数
第一步打开项目解决方案, 第二步使用快捷键打开查找对话框 1)输入: b*[^:b#/]+.*$ 2)使用正则表达式 3)查找范围:整个解决方案 4)查找全部 ......
DevExpress WinForms甘特图组件 - 轻松集成项目管理功能到应用
DevExpress WinForms Gantt(甘特图)控件允许您在下一个WinForms桌面应用程序中快速合并项目规划和任务调度功能。 DevExpress WinForms有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使 ......