![](https://img-blog.csdnimg.cn/20210710142534185.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue学习
文章平均质量分 65
以实战为线索,逐步深入Vue开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
最难不过坚持丶渊洁
心之所向,素履以往;生如逆旅,一苇以航.
展开
-
el-upload拖拽功能失效
注意vue版本和element-ui版本. 我使用了2.4+的vue2版本.使用最新的element-ui!这个说法不对:因为他只能规定你拖拽的文件格式,他区分大小写.因此拖拽相应文件,大小写均写出即可!其他功能正常,仅拖拽功能有问题.原创 2022-10-10 10:11:29 · 1614 阅读 · 5 评论 -
解决 : ReferenceError: PubSub is not defined
解决 : ReferenceError: PubSub is not defined原创 2022-07-12 10:25:48 · 845 阅读 · 1 评论 -
npm安装依赖报错——npm ERR gyp verb cli的解决方法 Node Sass version 7.0.1 is incompatible with ^4.0.0. 因为在此系统上禁止运
文章目录`必须进行的操作`1.npm安装依赖报错——npm ERR! gyp verb cli的解决方法2.Node Sass version 7.0.1 is incompatible with ^4.0.03.因为禁止在此系统上运行此脚本必须进行的操作无论是什么webpack问题,都请先执行这几步# npm指令清除npm缓存npm cache clean --force# 手动删除node_module包. package_lock.json可以不删# 使用国内淘宝镜像npm原创 2022-02-11 00:19:35 · 18941 阅读 · 7 评论 -
tomcat,nginx无法解析url中的中文名静态资源
前言由于我给静态资源视频起了中文名称,然后到网上搜索nginx解决视频不加载问题,出来一大堆nginx缓存配置.导致消耗了不少时间,依然没有得以解决.最后经过测试,是window和linux的系统编码存在一定差异,但是无论怎么修改linux编码,问题依然得不到解决.这是我将一切恢复如初,将目光锁定在传输工具 xftp上,修改xftp的编码为utf-8.再传输到linux,发现中文名称的静态资源可以访问了!最最令我奇怪的是,第一次部署时候居然是正常的.直到我升级服务器配置才发现…希望能帮到大家.原创 2022-02-28 23:20:58 · 2116 阅读 · 0 评论 -
springboot+vue音乐网站实战项目
文章目录前言一.成果展示二. 后端流程2.1数据库表设计2.2. 后端搭建2.2.1 mybatis-plus逆向工程生成代码简化开发2.2.2 配置数据,跨域和静态资源放行2.3. 流水线式开发模式三.前端vue搭建3.1 前端基本环境搭建3.1.1 脚手架搭建和容易出现的错误3.1.2 axios与后端交互搭建3.2 基本书写流程3.3 前端再次强调注意的四.项目部署步骤.总结前言前端使用: vue/cli “^4.5.15”后端使用: springboot2.6.2, mybatis-pl原创 2022-02-23 00:02:10 · 4214 阅读 · 28 评论 -
DOM对象和JQuery框架
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月.原创 2021-07-10 07:45:05 · 125 阅读 · 0 评论 -
JS事件委派与tab栏切换问题
js中的事件委派:基本概念事件委派:将事件统一绑定给元素共同的祖先元素(后代元素事件触发时,通过冒泡,通过祖先元素的响应函数来处理事件),这样可以只绑定一次,即可应用到多个元素上。事件的委派利用了冒泡,通过委派可以减少事件绑定的次数,提高程序的性能event中的target表示的触发事件的对象 ,使用它对触发事件的元素进行判断。事件委派无法解决tab栏切换问题,必须使用for循环给子类注册事件!因为我们在选中子类时,程序无法确认选的时哪个子类实例解说:1.传统方式<div class="原创 2021-07-02 19:06:10 · 537 阅读 · 1 评论 -
前端内好用插件&&轮播图
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、flexible适配二、pc轮播图1.html&&css2.js三.移动端轮播图前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。原创 2021-07-09 13:00:46 · 1202 阅读 · 0 评论 -
vue前台项目开发前置准备
文章目录一、vue-cli3脚手架搭建二、安装axios网络请求模块三、vue-flexible.js全局适配四、vue .editorconfig文件配置五、normailze.css全局样式配置总结一、vue-cli3脚手架搭建便于vue开发详见此处二、安装axios网络请求模块进行网络请求的方式详见此处三、vue-flexible.js全局适配自动适配不同手机屏幕大小.详见此处四、vue .editorconfig文件配置声明团队合作将要进行项目开发的编码风格root = .原创 2021-08-17 22:22:38 · 371 阅读 · 2 评论 -
vue-axios网络请求模块封装
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、常见的网络请求模块,以及优缺点对比.二、使用步骤1.引入库2.读入数据总结前言感谢coderwhy-王红元 老师.上善若水,泽被后世.提示:以下是本篇文章正文内容,下面案例可供参考一、常见的网络请求模块,以及优缺点对比.常见的网络请求模块,以及优缺点对比。JSONP的原理和封装JSONP原理回顾JSONP请求封装axios的内容详解认识axios网络模块发送基本请求axios创建实例axi原创 2021-08-14 18:14:18 · 1099 阅读 · 2 评论 -
异步处理-Promise解决回调地狱
系列文章目录文章目录系列文章目录前言一、Promise是什么?二、如何避免回调地狱?1.Promise基本语法2.Promise的三种状态.总结前言高山仰止,景行行止。提示:以下是本篇文章正文内容,下面案例可供参考一、Promise是什么?ES6中一个非常重要和好用的特性就是PromisePromise是异步编程的一种解决方案。那什么时候我们会来处理异步事件呢?一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7原创 2021-08-08 12:34:05 · 548 阅读 · 0 评论 -
vue-router相关概念
文章目录前言一、什么是路由?1. url的hash和HTML5的history二、什么是Vue-router?1.Vue-router基本使用2.Vue-router嵌套路由总结前言我们都知道,风雨之后,才能见彩虹。但我们都希望能直接坐在彩虹里,他人已经为你布置好绚丽的世界。其曲弥高,其和弥寡。感谢一路走来前辈们的探索经验.缅怀感激,为后来者踩坑.成功不必在我,而功力必不唐捐;不忘初心,继往开来。提示:以下是本篇文章正文内容,下面案例可供参考一、什么是路由?说起路由你想起了什么?...原创 2021-08-01 14:03:01 · 280 阅读 · 0 评论 -
template根问题和作用域插槽问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、template根问题?二、作用域插槽总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、template根问题?为了让组件能够正常的生成一个vue实例,那么这个div会被自然的处理成程序的入口。通过这个‘根节点’,来递归遍历整个vue‘树’下原创 2021-07-26 08:46:07 · 577 阅读 · 0 评论 -
父子组件通信-结合双向绑定(v-model)
视频图解传送门转载 2021-07-25 21:24:35 · 80 阅读 · 0 评论 -
Vue中计算属性computed和方法methods的比较
计算属性computed和方法methods的比较1.计算属性在调用时,不需要加小括号.2.计算属性computed是有缓存的,而methods没有.这就意味着计算属性在使用时只用被调用一次.这可以大大提高计算机运行效率.代码测试如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head.原创 2021-07-13 22:09:35 · 361 阅读 · 12 评论