vue项目实战开发第21页

梳理Langchain-Chatchat-UI接口文档

在Langchain-Chatchatv0.1.17版本及以前是有前后端分离的Vue项目的，但是v0.2.0后就没有了。

NLP工程化·2024-01-02 07:29

ie浏览器打开vue项目空白

一般来说VUE本身是不支持IE的，但是可以用特殊的方法来解决，亲测可用第一步：下载插件cnpminstall--savebabel-polyfill第二步：入口文件main.js引入(import'babel-polyfill')好多人没引入，结果不生效第三步：配置文件修改vue-loader.conf（脚手架工具构建的项目修改这个配置文件，如果没有就修改webpack.conf.js),如下增加

cyh_e615·2024-01-01 16:23

vue使用codemirror

vue项目有不同的依赖可以对应2和3版本的codemirrorvue-codemirror在vue2上我们可以使用vue-codemirror安装npminstallvue-codemirror-S引入

梓喻·2024-01-01 14:33

vue项目常用固定套路，改字段名，分页加载数据

vue项目常用固定套路修改数据字段名（返回新数据）–map描述：后台传过来的json数据，字段是xingming、sex，但是前端页面需要使用name、gender，于是需要对数据字段进行修改。

我是李大福·2024-01-01 11:17

vue-axios跨域使用1.0

使用npm:$npminstallaxios使用webstrom创建一个vue项目截图如下图片.png1打开跨域请求代理config/index.jsmodule.exports{dev:{}}本人如下

rainbowz·2024-01-01 09:30

Echarts 画3D立体柱状图

在一个vue项目中使用到,这边写个笔记记录下3d立体柱状图(单个柱子)单个柱子//立体柱状图functionthreeDimensionalLine(){letdivId=document.getElementById

cy_南辞·2024-01-01 09:47

vue前端运行时出现RangeError: Maximum call stack size exceeded

宁波阿成·2024-01-01 08:14

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

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

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

第六篇：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

perfetto/systrace基础知识讲解-千里马android framework实战开发

线程状态查看深绿色:运行中（Running）在Running状态就代表着处于cpu上的运行中状态作用：看某个方法是否耗时，可以通过测量Running时间长短判断，也可以进行竞品对比看看cpu能力如何，或者前后对比各个大小核cpu影响方法的耗时可以看到通过选中可以知道该任务是在哪个cpu进行运行的浅绿色:可运行（Runnable）代表线程可以运行但当前没有真正运行中，需要等待cpu调度，这个时间长短

千里马学框架·2023-12-31 20:19

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

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

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

【亚马逊云科技】使用Amazon Lightsail快速建站

写在前面：博主是一只经过实战开发历练后投身培训事业的“小山猪”，昵称取自动画片《狮子王》中的“彭彭”，总是以乐观、积极的心态对待周边的事物。

一头小山猪·2023-12-31 17:57

运行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

关于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

报错问题：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

Linux定时器及开发实战

目录一、Linux定时器二、定时器开发实战三、Linux定时器控制舵机实战开发一、Linux定时器分析：实现定时器，通过itimerval结构体

Love小羽·2023-12-30 04:01

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项目实战开发