vue项目web端-封装组件第14页

如何搭建一个vue项目

一、nvm安装与使用1.1、nvm简介nvm全名node.jsversionmanagement，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs1.2、nvm下载①github下载https://github.com/coreybutler/nvm-windows/releases②百度网盘下载链接：百度网盘请输入提取码提取码：lnaf1.3、nvm安装①双击

液态不合群·2024-01-24 12:06

uniapp小程序使用uqrcode

code封装组件import{isWx}from'@/system/data'importUQRCodefrom'uqrcodejs'constprops=defineProps()constpxSize

不努力code·2024-01-24 12:36

(vue项目)ezuikit-js萤石组件的封装

//html部分/>//js部分importEZUIKitfrom'ezuikit-js'exportdefault{name:'HelloWorld',data(){return{player:null,//弹窗Visiable:false,//全屏isFullscreen:false,//设置按钮themeData:{poster:'../../../../src/assets/videoDe

米老鼠的摩托车日记·2024-01-24 12:29

3种ffmpeg-web端视频直播推流方案

记录了三种ffmpeg工具进行推流的方法，并在web端实现直播效果。

老张音视频开发进阶·2024-01-24 10:13

浏览器web页面使用sipml5（jssip,sipjs）拨打电话(mod_cti基于FreeSWITCH)-webrtc

H4_9Y·2024-01-24 08:29

vue-cli3创建vue项目两种方式

下载安装vue-cli脚手架VUECLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本的vue-cli(1.x或2.x)，你先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。cnpminstall@vue/cli-gyarnglobaladd@vue/cli检查安装vue-V//大写Vimage.png使用命令行来创建v

隔壁老樊啊·2024-01-24 08:52

npm install安装报错问题解决方案

项目场景：Vue项目安装命令：npmconfigsetregistryhttps://registry.npm.taobao.orgnpmconfigsetsass_binary_sitehttp://

Hi_Shirley·2024-01-24 07:54

使用Electron打包vue文件变成exe应用程序

文章目录一、下载Electron二、修改下载的Electron项目1.修改index.html文件2.修改main.js文件3.修改package.json文件三、修改vue项目1.修改vite.config.js

Abenazhan·2024-01-24 06:18

vue项目全局拦截axios请求并挂载loading

在vue项目中的main.js进行全局的操作.1.从elementui中引入loadingimport{Loading}from'element-ui';//项目已经全局引入element的话可以不单独引入

TVM·2024-01-24 06:32

【前端项目规范】Git Commit | ESlint | Prettier | Stylelint 配置

CSDNGit规范介绍2配置过程2.1创建vue项目创建一个vue项目

@二十六·2024-01-24 04:20

Web 安全渗透测试

任务环境说明：服务器场景名称：Server2010（关闭链接）服务器场景操作系统：未知注：熟悉Burp工具的使用1.使用渗透机场景Kali中的工具扫描服务器，通过扫描服务器得到web端口，登陆网站（网站路径为

AIDABI·2024-01-24 02:18

关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度

先来说一下vue项目，组件懒加载的几种方式。1.require（AMD规范）{path:'/demo',name:'Demo',component:resolve=>require(['../comp

YorcentLuo·2024-01-24 02:45

知识笔记（九十四）———vue3中的菠萝能吃吗？

中的状态管理器(pinia)Vue3Pinia使用在学习Vue2的一定都知道，在vue2版本中，如果想要使用状态管理器，那么一定是集成Vuex，首先说明一点，Vuex在vue3项目中依旧是可以正常使用的，是vue

瑞崽崽崽·2024-01-24 01:18

皕杰报表web端新增两个过滤器 2022-07-14

为了解决由于编码问题而导致的找不到模板文件以及解决安全扫描中XSS注入风险问题，皕杰报表web端新增了两个过滤器供选择，一个是字符编码过滤器（CharacterEncodingFilter），一个是XSS

拓跋杉月·2024-01-24 00:25

vue项目打包及部署（无后端）

1.拿到build后的文件dist2.在dist同级目录下新建app.js文件3.安装expressnpminstallexpress--save4.app.js内容如下varexpress=require('express')varhttp=require('http')varapp=express()app.use(express.static('./dist'))app.use(functi

一路从容·2024-01-24 00:55

使用IDEA后端java代码打包为jar，使用Nginx打包前端Vue

build2.双击package打包项目3.Build成功后，打开target包下生成的.jar包所在的文件夹4.运行.jar包二、使用nginx部署前端1.打包前端生成dist文件2.build成功后，vue

秋名山小白·2024-01-23 23:57

项目工时统计成本核算管理

技术架构:Java1.8+MySQL8+Vue项目基于前后端分离架构，服务端主要技术：SpringBoot前端主要是Vue。项目介绍：轻量级项目工时统计系统，是目前企业进行项工时管理统计的推荐选择。

doc_wei·2024-01-23 22:04

如何在 Vue 项目中，通过点击 DOM 自动定位VSCode中的代码行？(React 也适用)

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群一、背景现在大型的Vue项目基本上都是多人协作开发，并且随着版本的迭代，Vue项目中的组件数也会越来越多，如果此时让你负责不熟悉的页面功能开发

傲娇的koala·2024-01-23 22:44

【无标题】

vue项目在缺少图片的情况下，会出现无法启动的情况样式：font-shadowfont-size文字居中：text-align:center;文字颜色;color定位文档流组件引用箭头函数：二.如果参数只有一个

qq_56876713·2024-01-23 21:16

vue项目引入阿里云图标的4种方式

将图标引入vue项目方法1：Fontclass的方式1、将下载后的图标文件引入到vue项目中。

Smaksze·2024-01-23 19:29

VUE---插槽

一、插槽的作用&场景1、在封装组件的时候，将可变的结构设计为插槽（）2、使用上述组件的时候，可以按需为插槽提供自定义的结构，以达到复用组件且高度自定的效果二、基本语法1、组件内需要自定义的结构部分，改为占位

煸橙干儿~~·2024-01-23 18:30

VUE项目获取url中的参数

获取url参数有两种情况：情况一：内部页面之间互相传值这里先讲情况一，因为同一项目内互相传值比较简单，假如要从A页面跳转到B页面，并传值。就要在A页面这么写this.$router.push({name:"B",query:{Id:this.tId,...}})进入B页面之后，在B页面内这么写this.Id=this.$route.query.Id;就能将A页面的id传入B页面，进行数据调取。情况

勤能补拙的笨小孩·2024-01-23 18:31

vue项目使用i18n实现语言国际化操作

npm安装vue-i18nnpminstallvue-i18n-S查看package.json准备目录结构和配置文件i18n.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use(VueI18n)constDEFAULT_LANG='en'constLOCALE_KEY='localeLanguage'constlocales={zh:req

似朝朝我心·2024-01-23 16:55

将vue安装在devDependencies能不能行？

看到一个别人的vue项目，将vue放在了package.json的devDependencies中，我这就郁闷了，通过webpack打包，用的好好的。不是devDependencies用于开发环境吗。

strexGM·2024-01-23 15:10

vue项目能正常启动但是打包报错

项目执行npmrunserve/dev的图一点影响没有跑起来之后页面也非常的正常然后就来到了打包环境执行打包命令报这种错误-htmlparser.js:255HTMLParser.parse[mydemo]/[html-minifier-terser]/src/htmlparser.js:255:15-runMicrotasks-task_queues.js:95processTicksAndRe

小全upup·2024-01-23 14:13

运行vue项目报错no such file or directory, open ‘***\package.json‘

报错内容npmERR!enoentENOENT:nosuchfileordirectory,open‘**\package.json’npmERR!enoentThisisrelatedtonpmnotbeingabletofindafile.明明项目中有package.json这个文件，但是运行时却说没有，一般这种情况是运行项目（npmrunserve/dev)的目录不对，执行npmrunser

小玲子小玲子·2024-01-23 14:11

Element组件完整引入、按需引入、样式修改（全局、局部）、简单安装less以及npm命令证书过期等

css预处理器如lessscss等直接使用```::v-deep```2.只能用在原生CSS语法中:```/deep/```或者```>>>```五、拓展：npm安装less报错，提示证书过期六、拓展：Vue

小白_ysf·2024-01-23 14:24

VUE项目目录与运行流程（VScode）

各目录对应名称含义main.js（导入App.vue，基于App.vue创建结构渲染index.html）//核心作用：导入App.vue，基于App.vue创建结构渲染index.html//1.导入Vue核心包importVuefrom'vue'//2.导入App.vue根组件importAppfrom'./App.vue'//提示：当前处于什么环境（生产环境/开发环境）Vue.config.

Crystal_qwq·2024-01-23 13:49

vue项目启动时报选项对象不匹配的API模式

ERRORErrorloadingvue.config.js:ERRORValidationError:Invalidoptionsobject.IgnorePluginhasbeeninitializedusinganoptionsobjectthatdoesnotmatchtheAPIschema.-optionsshouldbeoneofthese:object{resourceRegExp

程序员JYK·2024-01-23 13:37

使用axios库创建实例的示例，（创建实例时，传入了一个配置对象）同时还包含了请求拦截器和响应拦截器

第一步：在vue项目中src目录下创建utils>request.js第二步：在request.js中，使用axios.create方法创建了一个名为request的axios实例（设置基本配置信息）通过

娃哈哈哈哈呀·2024-01-23 12:25

idea编译打包前端vue项目

网上download了一个前端vue项目第一次接触前端记录一下编译打包遇到的问题1、idea前端项目打包一般是依赖org.codehaus.mojoexec-maven-plugin3.0.0这个maven

Charlie_Peng·2024-01-23 09:12

ubuntu+Docker部署Django+Vue项目(1-Vue)

文章目录ubuntu安装下载Docker1.卸载(清除旧版本。没下载过也可以执行下试试)2.更新apt包索引并安装包，以允许apt通过HTTPS使用存储库3.添加Docker的官方GPG密钥4.使用以下命令设置存储库5.更新apt包索引6.安装最新版本的DockerEngine、containerd和DockerCompose。7.通过运行helloworld映像验证DockerEngine安装是

荻风溪畔·2024-01-23 08:14

Github 2024-01-22 开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目5Dart项目2非开发语言项目2Rust项目1TypeScript项目1Vue项目1免费编程图书资源列表创建周期：3755天协议类型

孙琦Ray·2024-01-23 08:40

Java - 长轮询(long polling)实现

如不了解，可参考如下一些文章：Web通信之长连接、长轮询（longpolling）Web端即时通讯技术盘点：短轮询、Comet、Websocket、SSE阻塞longpolling基于Servlet实现的阻塞

齐晋·2024-01-23 08:02

如何在 vue 项目中引入高德地图

文章目录前言一、申请地图api开发者key二、在vue项目安装高德地图的包三、使用1、在自己的组件中引入高德地图类2、编写初始化函数3.添加插件前言相信在web开发中有不少项目都用到过地图，那么我们怎么在自己的项目中引入第三方地图呢

卑微前端在线挨打·2024-01-23 07:16

vue项目中使用高德地图

最近做的项目中有个地图选择的功能，如下图所示：所以在此记录下使用方法，望各位大神指导我的应用|高德控制台第一步：去高德官网去创建一个属于自己的地图应用（得到key和秘钥）我的应用|高德控制台这是添加的方式：准备-入门-教程-地图JSAPI|高德地图API第二步：获取到属于自己的key和秘钥后，下载地图高德：npminstallvue-amap--save第三步：在main.js中导入VueAMap

前端-文龙刚·2024-01-23 07:16

在vue项目中使用高德地图

我们该怎么在vue项目中插入高德地图？

AmazingZ-sys·2024-01-23 07:45

在vue中引入高德地图

高德地图官网简单提一下申请秘钥流程（web端）控制台–>应用管理–>我的应用好啦！

jieyucx·2024-01-23 07:44

Vue 引入高德地图 vue-amap

一、在高德开发平台，获取Key（已有可跳过）；高德开发者平台—链接地址1、控制台——我的应用——创建应用——添加key创建应用新建应用选择web端（JS平台）last：到这里的key就有了，还得到了一个安全密钥

Sunshine_Jian·2024-01-23 07:42

免费版pycharm创建vue项目

没有就自行百度下载2.再terminal安装vue-clicnpminstallvue-cli-g3.在pycharm安装vue：file-settings中Plugin安装vue.js4.重启pycharm，创建vue

宠小宝的大宝·2024-01-23 07:51

pycharm创建vue项目

pycharm创建vue项目学习vue需要下载node.js链接:node.js安装淘宝npm镜像命令行输入：npminstall-gcnpm--registry=https://registry.npm.taobao.org

utoui·2024-01-23 07:19

pycharm创建vue项目idealTree:npm: sill idealTree buildDeps,换taobao源后还不好使？那就再换一个

心血来潮打算写个小项目，前后端分离，flask/fastapi+vue（具体用哪个后端还没想好），里面的功能大概就是目前所有热门的应用的合集，一键出结果的那种，然后跟随着科技趋势，不断去更新维护的一个网站，同时也学习学习前后端啥的知识，几乎相当于从零开始了。后端习惯了pycharm，虽说vscode用着也很爽，但是对于python的代码来说，还是pycahrm最舒服了，正好在新建项目的时候看见了可

小袁同学.·2024-01-23 07:04

速成版-带您2天学完vue3框架+Element-plus框架

目录一、vue开发准备1.1、安装vscode和node1.2、安装cli工具与创建vue项目1.3、创建一个vue项目(最新)1.4、Vue项目的目录结构二、vue基础

nuist__NJUPT·2024-01-23 06:45

JNPF低代码开发平台

支持简单、快速地构建及不断改进Web端应用程序，可为整个应用程序的生命周期提供全面、集成的工具集。

虚无火星车·2024-01-23 05:03

第十九单元 web端自动化基础篇

一、认识web自动化测试什么是自动化测试?了解为什么要进行自动化测试?掌握自动化测试的分类?web自动化测试的使用条件和场景自动化测试工具的优缺点自动化测试的前景和发展方向1.1什么是自动化测试首先比较一下手动和自动：手动操作如下：image自动操作如下：http://n1.itc.cn/img8/wb/sohulife/2016/02/24/145626026613873378.GIF1.1.1

筱屈·2024-01-23 04:42

十二、Web端自动化测试实战（一）

目录Selenium简介SeleniumIDE使用remote复用已有的浏览器使用cookie登录问题整理chromedriver的配置问题。下载浏览器对应的driver版本chromedriver配置环境变量重启命令行以及pycharm学会找报错信息，以及理解报错信息的含义SeleniumSeleniumisasuiteoftoolstoautomatewebbrowsersacrossmany

InsaneLoafer·2024-01-23 01:20

显示等待、隐式等待和强制等待的区别

显示等待、隐式等待和强制等待的区别在实际使用selenium或者appium时，等待下个等待定位的元素出现，特别是web端加载的过程，都需要用到等待，而等待方式的设置是保证脚本稳定有效运行的一个非常重要的手段

公子小白123·2024-01-23 00:08

Vue项目整合Element-ui

我使用的是WebStorm来新建Vue项目：新建Vue项目选择项都选择默认就行，最后新项目目录如下图所示：新Vue项目目录点击上图中红色框选出的"Terminal"打开终端执行“npminstalelement-ui

9dce49ca02a4·2024-01-22 22:20

渐进式框架 Vue.js

渐进式框架Vue.js1.Vue.js概述2快速创建、部署、运行和打包一个Vue.js项目2.1.创建项目2.2.安装依赖2.3.项目部署和访问2.4.打包Vue项目3.Vue组件4.前端路由配置1.Vue.js

菇毒·2024-01-22 21:13

VUE项目build后自动生成zip压缩包

webpage项目使用方式安装filemanager-webpack-plugin插件npminstallfilemanager-webpack-plugin-D#oryarnaddfilemanager-webpack-plugin-D在vue.config.js中配置#引入filemanager-webpack-pluginconstFileManagerPlugin=require('fil

xxley·2024-01-22 18:48

推荐频道

vue项目web端-封装组件