vue项目源码分享第21页

如何将组件发布到NPM库-详解

搭建发布环境a)下载node（http://nodejs.cn/download/）b)下载vue-cli（npminstall@vue/cli）创建一个vue项目（vuecreatemyui）修改默认文件夹

孤我不夜城·2024-01-01 07:51

边玩边学，30个Python小游戏(含源码)

接下来就一起来看看吧~1、飞机大战源码分享：import randomimport pygamefrom

法纳斯特·2024-01-01 06:03

第六篇：vue项目用防抖函数之---lodash/debounce

第一步npminstalllodash第二步引入import{debounce}from‘lodash’因为我用的是防抖函数，所以只引入了防抖函数，更多函数类型可以看官网。官网地址：https://www.lodashjs.com/docs/lodash.debounce在methods里边给需要防抖的函数加上debounce函数，并且可以传递参数

路遥努力吧·2023-12-31 22:19

【vue项目开发遇到的问题】：vue.runtime.esm.js:1887 TypeError: dateStr.match is not a function

报错信息：分析原因：看网上有博主分享原因是因为页面有rules不能和value-fomatter共存需要删掉value-fomatter；但是这里有一点需要注意如果不加value-format，时间会回显1970，此时其实就是数据类型的问题，日期选择器接受的数据都是string类型，而我们拿到的值是number类型，我们需要给它加一个String()方法来处理。此时的写法是如下代码块：{{scop

筱熙☆·2023-12-31 22:49

vue中使用 lodash Debounce防抖不生效原因

最近项目需要做这样一个需求：基于element-ui框架的vue项目，输入input框实现实时搜索后台响应的数据。

旺仔萝卜·2023-12-31 22:48

VUE项目中使用jessibuca实现直播流播放

静态文件引入：将静态文件存放到public文件夹下在index.html中引入具体实现：exportdefault{data(){return{jessibuca:'',videoUrl:'***********'//后台推送过来的直播地址};},mounted(){this.play()},methods:{init(){constoptions={};this.jessibuca=newwin

Hermione_log·2023-12-31 22:43

vue项目中如何使用keep-alive添加页面缓存

方法1：router.js添加配置参数配置router时添加meta对象，配置路由中需要额外携带的参数信息constroutes=[{path:'/webScreen',name:'截屏',component:resolve=>require(['@/views/webScreen/index.vue'],resolve),meta:{keepAlive:true//需要被缓存}},{path:'

Hermione_log·2023-12-31 22:43

NProgress的简单使用

1.安装NProgressNPMnpminstall--savenprogressYarnyarnaddnprogress2.引入可以直接引入js、css或者通过cdn引入Vue项目中//引入NProgressimportNProgressfrom'nprogress

Ocean！！·2023-12-31 21:19

vue 生产环境中项目打包bulid 移除 console.log 【babel-plugin-transform-remove-console】

babel-plugin-transform-remove-console项目打包去除consolenpminstallbabel-plugin-transform-remove-console--save-dev在vue

半生过往·2023-12-31 21:49

使用Python制作的小游戏---飞机大战

一.使用的模块1.pygame模块二.目的1.熟悉Python面向对象编程的方法和套路三.程序源码分享--带注释1.敌机模块importpygame,random#定义一个常量(赋值后不能修改)常量一般使用大写字母

@daiwei·2023-12-31 18:45

Vue项目优化-组件配置化、插件使用

Vue中可以根据需要去加载插件，一些自己写的插件在多个项目中都是需要用到的，通过把它们插件化，可以实现在需要用到的项目中便捷地复用，实现热拔插。一、问题背景以弹窗表单组件为例，平常我们使用弹窗组件都是通过页面中引入dialog组件，然后用一个visible参数去控制显示隐藏，还要加入一些打开关闭的方法。因此，在每个需要弹窗的地方都需要这么操作：（引入组件并祖册、添加一个控制显隐的参数visible

小白探索世界欧耶！~·2023-12-31 17:51

运行vue项目报错roblems (286 errors, 0 warnings) 286 errors and 0 warnings potentially fixable with the `

1.在package.json文件夹下面进行修改，将"lint"后面内容进行相应替换"lint":"eslint--fix--ext.js,.vuesrc",2.后续还会报错的话，找到.eslintrc.js文件夹删除3.如果还是解决不了的话在vue.config.js文件中加入module.exports={lintOnSave:false,}完美解决哦

月亮困了r·2023-12-31 14:23

vue项目表单使用正则过滤ip、手机号

importuseFormValidatefrom'@/hooks/useFormValidate'setup(props,{emit}){const{validateName,validateIPAndPort}=useFormValidate()conststate=reactive({workFaceInfo:props.info?.id?props.info:{},sysTypeData:

WFF的赵本山·2023-12-31 11:11

Web直播之HTTP-FLV协议：flv.js

本文主要讲解在Vue项目中如何使用flvjs播放器播放flv流。Flv.js是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。

Crisyhuang·2023-12-31 10:58

域名检测后如何屏蔽微信举报按钮(附2021最新源码)

作为一个程序猿熊熊燃气，写了个屏蔽微信举报按钮源码分享给大家。

罗晶·2023-12-31 08:24

关于vue.config.js配置

关于vue.config.js配置在平时vue项目中，我们逐渐开始需要自己配置一下config配置。接下来的内容作为我自己学习查阅vue.config.js的官方文档对常用的配置小做笔记。

PrototypeONE·2023-12-31 07:22

vite 创建vue3项目（vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite

该用户已成仙·2023-12-31 06:30

基于C++ 、 QT的可视化NS图绘制软件

目录一、项目介绍：二、软件运行截图：三、源码分享一、项目介绍：通过人机界面，能够绘制包含顺序型、选择型和WHILE重复型的NS图，为每个类型的NS图自带的数据可以输入C语言源代码文本，各类型的图可以相互嵌套组合

来份煎蛋吧·2023-12-31 04:10

C++ 个人财务收支管理系统

目录一、设计思路：二、运行界面：三、源码分享：一、设计思路：个人财务管理系统功能要求1.初始化:将余额置零;2.函数前置声明业务逻辑操作接口:类别编码（a收入、b支出）、日期、备注、金额3.业务查询:包括余额查询

来份煎蛋吧·2023-12-31 04:40

报错问题：Uncaught SyntaxError: Unexpected token ＜ (at echarts.min.js:1:1)

1、分析问题：这种是由于引入文件时出错2、解决问题：（法1）查看引入路径是否正确（法2）把放在Vue项目src/assets里边的资源文件放到public文件夹下来引用assets文件夹与static文件夹的区别

Sun Peng·2023-12-31 02:20

【Vue】Vue项目开发中遇到的一些问题记录

2.Vue项目某个页面需要在新标签页打开，写法：constprojectDetail=this.

whu-水草·2023-12-31 01:41

vue连接本地服务器

vue构建新建一个vue项目，安装访问服务器的插件。

我的天才女友·2023-12-31 00:32

网页设计--第7次课后作业

4、修改默认的vue项目，体会main.js,app.vue以及其他vue文件之间的调用关系，明白vue工程化项目的运行原理。

wyhwust·2023-12-31 00:29

BUG-由浏览器缩放引起PC端显示手机端视图

文章目录来源解决来源启动Vue项目，用浏览器打开显示手机端视图，从vscode直接ctrl链接打开正常显示。检查-未开启仿真，但仍显示错误。解决浏览器缩放问题。修改为100%

猫三棂·2023-12-30 22:49

关于vue项目在不同电脑上页面不正常显示问题

关于vue项目在不同电脑上页面不正常显示问题我的电脑缩放比例是150%，而另一台电脑的缩放比例是100%，这就导致了我写的vue项目前端显示方面两台电脑有出入。网上搜索了半天，也没有解决。

小白求知之路·2023-12-30 15:51

vue项目 - 封装页面自适应大小，解决横竖屏切换布局错乱的问题

需求：移动端或者h5端项目，要兼容各个手机的大小，包括说手机横竖屏时页面大小展示的问题，原理：监听窗口变化，根据计算属性，重新获取屏幕宽度值，$pxAuto（web显示宽度像素/设计稿宽度，得到1设计稿像素是多少web宽度像素，再*设计稿的值，等于自适应尺寸）解决：data(){return{pageWidth:window.innerWidth,limitPageWidth:window.inn

王小王和他的小伙伴·2023-12-30 15:20

vue 适配屏幕分辨率，以及屏幕的缩放

二、使用以下方法vue项目util下新建js1、文件名devicePixelRatio.jsclassDevicePixelRatio{const

全栈极客小飞·2023-12-30 15:49

命令行创建Vue项目

Vue项目创建1.打开UI界面在命令行中，执行如下指令： vueui2.打开项目管理器3.创建项目创建项目的过程，需要联网进行，这可能会耗时比较长的时间，请耐心等待。

莫青.·2023-12-30 15:33

vue项目中点击下载上传文件功能，如何实现

第一步：首先点击下载事件时创建一个a标签；第二步：将a标签隐藏；第三步：给a标签添加下载链接"域名+接口+参数"（拼接下载地址和参数）；第四步：给a标签添加一个download属性，属性值就是文件名称否则下载出来的文件是没有属性的（代码中，name会有斜杠，但不影响使用）；第五步：将上面创建的a标签加入到body的尾部；第六步：最后执行a标签。详细代码如下：//点击时的下载事件choseDownl

北城笑笑·2023-12-30 14:42

VUE3实现点击按钮下载文件功能

VUE3实现点击按钮下载文件功能在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript

栀椩·2023-12-30 14:40

创建Vue项目+webpack打包

基于Vue-cli使用webpack进行打包准备1、使用vscode安装vetur、eslint、LiveServer、HTMLCSSSupportJavaScriptSnippetpack、HTMLsnippets、pathIntellisense2、安装node.js3.配置npm在安装全局模块时的路径和缓存cache的路径因为在执行例如npminstallwebpack-g等命令全局安装的时

桔Bu·2023-12-30 14:10

vue项目，关闭eslint语法检测

vue.config.js文件中module.exports={lintOnSave:false//关闭语法检查}然后重启项目生效！

乱蜂朝王·2023-12-30 14:38

vue项目路由404设置与请求404/500设置

1.想实现当网址输入页面路由不存在时，页面跳转到404页面解决方法：只要在路由配置下增加如下代码即可{path:'*',name:'error404',component:resolve=>require(['components/error-page/404'],resolve)},{path:'/500',name:'error500',component:()=>import('compon

小呆糊总·2023-12-30 12:18

什么是vue的ssr，如何使用

要使用Vue的SSR，需要进行以下步骤：创建一个Vue项目：可以使用VueCLI命令行工具来创建一个新的Vue项目，命令如下：vuecreatemy-project在Vue项目中配置服务器端渲染：需要使用

&ACE&·2023-12-30 10:13

Vue axios请求拦截和相应拦截

在Vue项目中，可以使用axios来进行网络请求。拦截器是axios提供的一个功能，可以在发送请求前和接收响应后对请求进行拦截处理。拦截器可以用来增加请求头，统一处理错误，添加loading动画等。

破浪前进·2023-12-30 10:07

SpringBoot+Vue项目（学生信息管理系统）搭建运行

项目地址：学生信息管理系统前端部分（Vue）首先以管理员身份运行终端不然运行命令时有些会报错1.首先下载node.js2.打开并安装node.js3.安装完成，打开控制台，输入node-v查看是否安装完成，如果显示版本号，说明安装成功4.输入淘宝镜像地址：npminstall-gcnpm-registry-https://registry.npm.taobao.org5.安装vue-cli：cnp

汝严君·2023-12-30 10:33

100、ant-design-vue 刷新页面导航栏自动定位到首页问题及回退

问题：在vue项目中使用了vue-router，页面刷新、浏览器前进后退都会导致导航菜单首页高亮显示在导航栏点击Help，Help高亮，刷新页面后，Home高亮。

world_7735·2023-12-30 09:02

vue项目引入cesium（不使用webpack）

由于对webpack不熟悉，按照网上教程走，使用webpack引入项目直接卡死。前前后后花了3天功夫，踩了很多坑，终于在不用webpack的情况下跑起来了。先看下我的项目结构，后面要提到1.下载cesiumnpminstallcesium--registry=https://registry.npm.taobao.org2.拷贝cesium把node_modules/cesium拷贝到public

笺叶·2023-12-30 07:42

vue项目中集成cesium的方法（webpack+vue-cli进行构建）

一、下载cesium依赖（[email protected]）[email protected]二、1、修改build/webpack.base.conf.js文件，如下：附上代码/**引入cesium*/constcesiumSource='../node_modules/cesium/Source'amd:{toUrlUndefined:true},sourcePrefix:'','C

LUCKY_IT·2023-12-30 06:08

vue3+ts+vite自定义组件上传npm流程

1.创建项目npmcreatevite这里踩坑点：运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??

lyj168997·2023-12-30 06:26

webpack初始化 vue项目教程

1.先安装node2.npm设置成淘宝源：npmconfigsetregistryhttps://registry.npm.taobao.org3.安装vue以及vue-cli,官方写法：vueinitwebpackmy-project执行这行命令的时候如果在一些安全性要求较高的公司，不能访问github的情况下,可能会出现一直在downing那个地方这种情况下可以使用要本地安装的办法去（http

l4u·2023-12-30 06:09

nginx根据前缀代理多个Vue项目

为了节省域名，在同域名下根据不同路径前缀用nginx代理多个Vue项目。

樱花舞·2023-12-30 06:00

12 个 Vue 开发中的性能优化小技巧，看你用过几个

重视性能问题，优化产品的体验，比起改几个无关痛痒的bug要有价值得多本文记录了我在Vue项目日常开发中的一些小技巧，废话不多说，我们开始吧1.长列表性能优化

IT沐华·2023-12-30 04:11

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统

1，项目背景最近几年，我国影院企业发展迅猛，各大电影院不断建设新的院线，每年新投入使用的荧幕数目逐年显著上升。这离不开人们的观影需求及对观影的过程要求的不断进步。广大观影消费者需要知道自己的空闲时间，在自己可以接受的地理距离范围内，是否有感兴趣的影片可供观看，也需要清楚哪家影院在销售自己需要的电影票；同时手握电影排期及上映信息的电影院的运营者也急需根据消费者的观影需求实时调整经营策略，这种买卖双方

说书客啊·2023-12-30 03:59

Vue项目Nginx代理F5刷新出现404问题解决

一.背景项目用户反馈，F5刷新后，浏览器出现404。最近公司加强网络管理，我记得之前可以刷新，有点怀疑是跟加强网络管理有关。具体原因没有时间去深度跟踪，先百度找到了解决方法，记录一下。二.解决办法主要是修改了nginx的配置location/{rootdist;indexindex.htmlindex.htm;try_files$uri$uri/@router;indexindex.html;}l

弗锐土豆·2023-12-30 02:52

如何在Vue项目中使用vw实现移动端适配

Vue项目中使用vw实现移动端适配我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。

小边_leo·2023-12-30 01:38

vue项目hdr格式文件放在assets下rgbeloader.load获取不到问题解决

如下图我再App.vue组件中这样写艾特符号定位告诉系统要src下的assets下的xhdr下的xidis.hdr但是运行项目他会告诉你找不到这个资源我们改一下我们组件时App.vue与assets同在src目录下用./去找这样也是找不到的我们需要将它放在静态资源包public下public路径不用谢直接下面的包路径名就好了运行之后资源就加载出来了

-耿瑞-·2023-12-30 01:33

Vue项目中Ts的使用

组件在TypeScript中，@标记的称为装饰器。@Component装饰器，可以将我们创建的TypeScript类标记为Vue组件在使用TypeScript开发时，组件的内部变量不再需要使用方法去声明，只需要直接声明类变量即可:{{info}}import{Component,Vue}from'vue-property-decorator';@Componentexportdefaultclas

3天饿九顿·2023-12-29 21:49

2020版idea怎么创建Vue项目

这里是引用1.下载idea中的vuejs文件之后创建vuejs文件点击next，进入下一步2.创建文件后选择文件的位置，选择vue脚手架cli的位置3.创建项目成功之后点击进入终端命令行4.输入指令vueinitwebpack到命令行输入指令vueinitwebpack到终端之中，然后效果如图注意y表示yes，n表示no？Projectname(my-project)敲y,回车既可？project

ZXG20000·2023-12-29 19:05

nginx下同域名部署多个vue项目

nginx下同域名部署多个vue项目一、描述想要在同一个域名下部署多个前端项目，同一个域名下登录了另一个不需要登录，通过不同的url来区分项目如果mes和wms输入localhost:8181/mes/

小蒋芳芳·2023-12-29 19:11

推荐频道

vue项目源码分享