教程npm vue
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包，然后发布到生产环境。发布到生产环境访问后发现样式丢失。（ps:测试环境正常的） 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce，解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码， ......
nifi中文教程分享
注意： 安装/部署时参考官方文档和中文文档，对比进行，因为迭代较快，可能中文文档的维护者还没有更新到最新版本！！！ Apache NIFI官方文档 http://nifi.apache.org/docs.html Apache NIFI中文文档(非官方，主要涉及官方文档及组件文档的翻译及部分讲解和示 ......
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 ......
vue学习1
初试vue <!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <met ......
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"> <!-- ......
Vue中 三个点 ... 的用法
Vue中 三个点 ... 的用法 主要是操作数组和对象 一、操作数组 // 1.把数组中的元素孤立起来 let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 // 2.在数组中添加元素 let iArray = ['1 ......
EPLAN 安装教程
\1. 安装：文件夹单独新建：Data、Program、Setting。 \2. 软件安装目录分别填入相应路径，点Next。 \3. 本页安装注意事项： \4. 然后后面默认，直到安装完成。 *破解* 1. *断网，关掉杀毒软件。* 2. *软件安装目录下，点击ELM -> Services (x6 ......
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值确保加载最新的文件，但是只限于客户在你更新前正好未使用平台，更新后客户在使用时，可以确保访问的前端版本是最新的，但是当客户已经打开平台某个页面放置，此时你更新了版本，用户接着操作页面时会出现各种问题导致体验不好，此时提醒用户去刷 ......
查看更改npm镜像源
一、查看npm镜像源 如果你在使用npm时感觉下载速度过慢，可以尝试切换npm源为国内的镜像源，下面是查看npm镜像源的方法。 1、使用npm官方提供的命令查看镜像源： npm config get registry 命令执行后，会输出当前npm使用的镜像源地址，比如： https://regist ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......
Vue性能优化--在Vue中，千万别用属性数组作为循环的对象
在Vue中，千万别用属性数组作为循环的对象 methods:{ test(){ ...上面省略业务逻辑1万字 // 16位像素数组 let dcmbuffer = new Uint16Array(dcmInfo._dictionary.dict["7FE00010"].Value[0] as Arr ......
vue下载pdf文件
async exportCode(){ await exportEquipmentBarCodePdf({ equipmentCodes: this.equipmentCodes }).then(async (data)=>{ let a = document.createElement('a'), ......
vue2 + websocket 断线重连 + 实时数据
一、websocket事件 -1 打开事件 Socket.onopen 连接建立时触发 -2 消息事件 Socket.onmessage 客户端接收服务端数据时触发 -3 错误事件 Socket.onerror 通信发生错误时触发 -4 关闭事件 Socket.onclose 连接关闭时触发 二、w ......
npm/yarn/pnpm最新阿里镜像源配置
在网上找到的配置npm国内镜像源地址，大部分文章写的还是已经废弃的 https://registry.npm.taobao.org 这个地址，在此特别记录了一下最新阿里镜像源地址 https://registry.npmmirror.com 以及配置 整理了3个常用包管理工具的设置, 收藏起来, 用 ......
国内npm源镜像（npm加速下载） 指定npm镜像
npm 官方原始镜像网址是：https://registry.npmjs.org/淘宝 NPM 镜像：https://registry.npm.taobao.org阿里云 NPM 镜像：https://npm.aliyun.com腾讯云 NPM 镜像：https://mirrors.cloud.te ......
Microsoft Visual Studio Code 安装配置教程 (C/C++）
Microsoft Visual Studio Code 安装教程 前言 由于看不习惯 Dev-C++ 等古老的 IDE，所以决定装 VS Code（可是现在感觉 VS 更好） 所以我就把安装过程记录了下来。 0x01 下载 下载 0x02 安装 前面的不用讲了吧。。。毕竟全是中文的。。。 0x03 ......
24-Vue组件化编程-单文件组件
单文件组件一个文件中只包含有1个组件 组件名的注意事项 一个单词组成： 1）第一种写法（首字母小写）：school 2）第二种写法（首字母大写）：School，推荐 多个单词组成： 1）第一种写法（kebab-case命名）：my-school 2）第二种写法（CamelCase命名）：MyScho ......
vue3中引入elementplus以及图标(vue3+vuecli)
开发背景 node v18.17.0(node -v)npm v8.4.1(npm -v)@vue/cli 5.0.8(vue -V) 0.用命令行安装elementPlus npm install element-plus --save 1.elementplus按需手动导入 ElementPlu ......
记录--Vue中前端导出word文件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求，因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件，数据通过参数替换的方式传入word文件中，灵活性较差，适用于简单的文件导出。需要依赖： ......
vue 手机规则校验
一、背景 点击查看代码 phone: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { min: 11, max: 11, message: '手机号位数不对', trigger: 'blur' }, { pattern: /^( ......
标后预算数据编制教程
Excel预算书筛选 通常我们的预算书一个巨大的文件包，里面包含很多excel小文件。 就像如下这样 我们需要使用excel工具来对它进行规整 1.我在表外部新建一个excel用于整理 2.获取该文件夹数据 3.excel会读取文件夹中所有的文件，这些文件你看起来就会很熟悉。 3.1.由于导入中发现 ......
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接：https://blog.csdn.net/qq_41117240/article/details/127275478 第一步：在需要局部刷新的标签添加 第二步：在data里面初始化isRefresh的值为true 第三步：在method里面添加刷新函数 第四步：在需要局部刷新的地方调用刷 ......