前端
文章平均质量分 57
分享在vuecli开发过程中的坑
people_king
广结天下码友
展开
-
【JavaScript】只需要7行代码实现图片懒加载
面试的时候,面试官经常会问到一个问题,前端优化性能。其中,图片懒加载是性能优化的一个点。原创 2023-03-24 14:33:14 · 224 阅读 · 0 评论 -
【JavaScript】宏任务和微任务
前端八股文,在一些大厂的面试题经常出现宏任务和微任务,现做一个总结。原创 2023-03-07 00:47:39 · 156 阅读 · 0 评论 -
【Flask】项目部署到Flask服务器
前言最近刚刚学习FLask服务器,是一个Python的服务器框架,适用于中小型的项目,而上一期的Django服务器适用于部署大型项目前端后端服务器部署原创 2021-08-19 09:56:14 · 1567 阅读 · 5 评论 -
【VueCli】项目部署到Django服务器
vuecli打包创建文件夹blogs,在当前路径下,使用vue可视化界面(vue ui)创建项目在blog_client文件夹下打开终端输入(npm run serve)运行vuecli。在打包项目之前需在blog_client文件目录下新建文件vue.config.js,设置项目打包静态文件的输出位置,因为Django只认static,所以将输出路径设置为static以下为我的vue.config.js文件内容:module.exports = { assetsDir: 'stati原创 2021-08-14 21:26:25 · 423 阅读 · 0 评论 -
【Vue】父子组件传值与兄弟传值
父组件传值到子组件主要方法,使用vue里面的ref属性,在父组件中调用this.$refs.son1获得子组件,再通过该方法调用子组件内的方法使其获得数据,子组件中必须定义其相应的方法。在view文件夹中建立父组件father.vue,代码如下:<template> <div id="father"> <el-button type="primary" size="default" @click="send_to_son"> 发送信息给子原创 2021-03-10 21:19:07 · 249 阅读 · 0 评论 -
【Express】Elementui+iView将图片上传到express服务器
前段代码Elementui代码<div id="elemenui_upload"> <el-upload action="/localServer/users/upload" ref="upload" :auto-upload="false" multiple :limit="5" :on-success="successUp" > <el-button slot="trigger" size="small"原创 2021-03-07 18:54:51 · 3676 阅读 · 4 评论 -
【Echarts】官方(版本5.0.2)示例和自己的示例不一致
问题在vuecli脚手架中复制echarts官方的代码出现和官方示例不一致解决方案关闭当前vuecli服务,在命令行中输入npm install echarts@5.0.2 -S,进行指定版本安装,这里原因主要是从vue ui上安装的echarts版本为4.0,而官方的最新版本是5.0.2,版本不符合,主题就不符合,所以就出现了上述的情况。安装完之后,可以通过打开package.json文件查看echarts版本...原创 2021-03-03 21:59:07 · 1298 阅读 · 1 评论 -
【Vue】动态修改音频url
前言在网页加载完毕后,动态地通过this.musicUrl = '音频地址'添加音频地址,发现并没反应,解决方法如下:代码<template> <div id="music_bar"> <audio id="music" ref="audio" controls> <source :src="music_src" /> </audio> <br /> <el-button ty原创 2021-03-11 20:22:55 · 1004 阅读 · 3 评论