![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发
文章平均质量分 64
对于单个模块和重要知识点进行总结
Ezms
专注于前端、UE虚幻引擎开发,一个有深度且有灵魂的分享者
展开
-
Vue手动控制点击事件Click触发
方法一:变量的值&&触发函数方法二:利用变量控制css样式设置其pointer-event:none原创 2021-11-03 15:53:34 · 2858 阅读 · 1 评论 -
Vue Router—编程式导航(router.push)传参、声明式导航( router-link )传参
目录一、编程式传参1.1、路由命名:name+params组合1.2、查询参数:path+query组合二、声明式传参1.1、字符串1.2、路由命名:name+params组合1.3、查询参数:path+query组合三、接收参数当然router不止这两类传参方式,还有路由配置中”冒号“ :后边添加参数,根据不同的参数来变化,我们这篇文章主要介绍的是标题中的两种方式。编程式的导航 router.push声明式的导航 < router-link >我们使用技术之前一定要明确专业术语原创 2021-10-13 13:36:22 · 2194 阅读 · 0 评论 -
div实现拖动时候出现禁止图标解决——e.preventDefault && e.preventDefault();
这也是我在做项目中遇到的问题封装一个原生的视频播放器,逻辑关系写好之后,移动滑块出现之禁止的图标我面向百度编程,大部分提示设置draggable:true的方法,但是没有卵用后来就看到一篇文章说是由于浏览器默认事件导致的,那我们就取消默认事件呗preventDefault:它是事件对象(Event)的一个方法,作用是取消一个目标元素的默认行为。为什么我要用e.preventDefault && e.preventDefault();因为w3c的方法是e.prevent原创 2021-09-27 15:04:04 · 2630 阅读 · 5 评论 -
前端解决多个跨域问题
前端解决多个跨域问题前言:虽然一直是前后端分离,但是没了解过跨域问题,直接是vue.config.js中的内容直接搬过来改改,但是后来调用了下百度语音拟合的api接口发现,有跨域问题,这个肯定不能动用后端了就查了下资料改了下proty代理的配置,总结了一下。对于问题要知道前因后果,所以先理解下为什么有跨域问题?因为前端代码是跑在浏览器里的你的所有网路请求说白了就是浏览器帮你发出去的. 并不是什么js帮你发出去的, js只是一门语言, 他只是按照浏览器的要求, 语法的要求, 按照一定的规范和格式原创 2021-08-29 21:25:38 · 945 阅读 · 0 评论 -
如何将变量的值作为对象的属性名称?
如何将变量的值作为对象的属性名称?1、错误示范var a='你好';let b={a:12}console.log(b)//得到的是{a:12}此时a作为字符串作为属性值了,并没有将a作为变量,把a的值作为属性名称2、正确示范var a='你好';let b={[a]:12}//变量里边加上[]方括号console.log(b)//得到的是{你好:12}...原创 2021-08-11 10:34:05 · 641 阅读 · 0 评论 -
Vue Router4路由
Vue Router4路由官网:https://next.router.vuejs.org/zh/guide/essentials/route-matching-syntax.html1、在vue-router是什么?Vue.js 的官方路由(就这么简单一句话)2、Vue Router4 新特性简单对比总结了一下**Vue3支持:**最新版本由于Vue 3 引入了createApp API,该API更改了将插件添加到Vue实例的方式。 因此,以前版本的Vue Router将与Vue3不兼容。V原创 2021-08-04 15:17:17 · 5185 阅读 · 0 评论 -
Echarts-基础配置
Echarts-基础配置此项目网盘地址链接:https://pan.baidu.com/s/15C6ubmQ1U–nOkfXbkJoIQ 提取码:beya拿到之后打开,npm install即可根据项目简单总结了一下。如有问题留言交流指正!echars安装之类的不细说,看官网文档即可!需要了解的主要配置:series xAxis yAxis grid tooltip title legend colorseries系列列表。每个系列通过 type 决定自己的图表类型大白话:图原创 2021-06-03 19:52:04 · 1130 阅读 · 0 评论 -
mousedown、mousemove、mouseup实现一个可拖拽的div
可拖拽的div前言:前端开发当中不单单是简单的页面布局,很多的事件也应用在其中,比如一个窗口实现在整个页面的拖动的需求。明确步骤(1)对div设置position:absolute;属性并设置top:100px;left:100px;(2)监听div的mousedown事件(3)监听整个页面document的mousemove事件(4)监听整个页面document的mouseup事件(5)通过监听事件来拿到clientX和clientY,计算出和按下鼠标位置的xy计算差值,然后赋值给lef原创 2021-04-22 22:02:49 · 3492 阅读 · 3 评论 -
封装axios加载动画Loding——vuex+axios拦截器
封装axios加载动画Loding——vuex+axios拦截器前言:我们在axios发送请求时候,会存在请求等待时长,我们一般会加一个动画,如果很多个时候一个一个的加动画代码看起来很臃肿很冗余,我们写起来也很麻烦,所以为了更好的写代码,把动画封装在axios中请求前打开动画,请求后关闭动画就实现了Loding加载的效果下面通过样例演示如何封装一个带 loading 效果的 Axios 组件,它能够对请求和响应进行拦截从而实现 loading 的自动显示与隐藏,两种方法搭配(1) vue+el原创 2021-04-14 22:05:37 · 1320 阅读 · 5 评论 -
js实现图片上传-以及获取图片宽高、大小获属性
前言:作为前端开发人员,避免不了上传一些文件和图片,那么什么格式需要前端后协商,同时考虑实施性,能否最有效和最合适取决于格式。自己总结了一下,不敢打包票一定准确,如果错误欢迎指正!文件图片上传1、利用FormData图片/文件上传-----以文件的形式上传//上传单个文件upLoadFile(event) { let file = event.target.files; let _this = this let formData = new.原创 2021-03-23 22:53:28 · 3757 阅读 · 0 评论 -
Promise—详解1节
Promise前言:今天为了解决cesium截屏功能,飞哥给我发了一个方法,里边有Promise,我看到很长时间都不用这个对象了,忘了差不多了,本来今晚看一些其他的东西,还是及时整理下吧,明天就更不想整理了,拔掉拖延的筋骨。Promise 一般用来解决层层嵌套的回调函数(回调地狱 callback hell)的问题,而不是为了解决一个回调函数而诞生的(当然一层嵌套也可以,没有说不行),时势造英雄,他的诞生一定有他的道理——降伏回调地狱(层层的回调函数)首先看下什么是promise,我们直接看内部结构原创 2021-03-16 23:49:17 · 420 阅读 · 0 评论 -
02vue项目如何配置多页面
vue项目如何配置多页面前言,因为我们做项目不可能只有一个界面,就简单说最起码的后台页面,登录界面,主页面最基本的加在一起还三个页面,上次所言cli脚手架搭建一个从0到1的项目,只是单页面,cli脚手架虽然能快速的帮我们搭建一个项目,配置好基础简单的的webpack的配置内容,但是不一定和我们的需求完全一致,我们需要增加额外的配置,我们在项目下增加一个名为vue.config.js文件增加所需的配置信息,内置的merge会进行webpack的配置的整合。我们增加多页面文件信息如下图所示1、vue.c原创 2021-03-07 00:36:51 · 1712 阅读 · 0 评论 -
01开箱即用—vue-cli搭建开发从0到1的vue项目
vue-cli搭建从0到1初项目—开箱即用前言,vue的开发本身是不依赖node的,不过vue的脚手架工具vue-cli里面集成的webpack是基于node开发出来的。 因此只能说webpack是依赖node的。但是我们今天用vue的脚手架工具搭建一个基础的项目,一、基础安装1.1、下载安装Node.js下载地址:https://nodejs.org/en/download/ ,选择合适自己的版本下载即可。 或者电脑管家直接搜索node.js具体怎么安装Node.js就不用具体说明了,安装原创 2021-03-05 14:25:07 · 372 阅读 · 0 评论 -
点击空白区域隐藏此模块
点击空白区域隐藏此模块因为今天公司做项目的时候用到了,也百度看了一些资料,总结一下简单的写法吧,基于vue框架写的这个东西,以下拉菜单组件为例子,我自己总结了一下首先要明了想要操作的目标元素和触发事件触发显示的目标元素:你要对于通过哪个元素来触发事件想要显示或者隐藏的目标元素:通过点击不同的区域显示还是隐藏的元素触发的监听事件:既然是点击肯定是click,或者是鼠标的按下和松开mousedown等等,这个例子我们用click<template> <div>原创 2021-02-03 21:26:56 · 353 阅读 · 1 评论