自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Jay的博客

记录前端开发的一些技术经历

原创 设置Vue全局公共方法

1. 怎么设置全局属性; 2. 怎么引用全局属性; 3 . 原型是什么? 4. `__proto__`与`prototype`的区别 5. Vue全局公共方法优化

2020-01-20 14:57:22

阅读数 16

评论数 0

原创 Vue 实现 监听data 的属性的子属性

Watch (监听) 用于实时监听data里面的值的变化。 var watchExampleVM = new Vue({ el: '#watch-example', data: { question: '', answer: ...

2020-01-18 17:07:53

阅读数 29

评论数 0

原创 Vue 的父组件和子组件

前言 在vue的开发中,组件间的嵌套是一定会使用的技术。那在vue-cli 的使用是怎样的呢? 一、在父组件中调用子组件 步骤: 创建一个子组件 <template> <div> 这里是子组件!! </div> </template> ...

2020-01-18 17:04:00

阅读数 2

评论数 0

原创 Vue 的router-link 标签添加事件

前言 在vue 的开发中,对router -link 的使用是不可避免的。有时候,我们需要对router-link 添加事件。正好,前段时间,我就遇到这样的需求。当我写下以下代码时,无论我怎么点都没有反应。 <router-link @click="isFinish()&quo...

2020-01-18 16:23:08

阅读数 7

评论数 0

原创 Vue 路由嵌套

一、前言 在实际的开发中,我们的界面基本都是多层嵌套组合在一起的。为了能直观的查看项目的结构, Vue Router 引入的嵌套路由的功能。 二、写法 首先,我们先回顾一下非嵌套路由的写法: 引入vue-router 编写配置文件 const route = [ { path: �...

2020-01-16 22:15:18

阅读数 7

评论数 0

原创 Vue 实现组件的强制刷新

文章目录前言方法一:v-if方法二:this.$forceUpdate()方法三::key=“value” 前言 在vue 开发中,出于各种目的,我们常常需要让组件重新加载渲染。接下来,我们就讲讲强制组件刷新的方法。 方法一:v-if 对于v-if 的使用,我们常用在子组件显示上。我们查看文档时...

2020-01-15 22:29:10

阅读数 290

评论数 0

原创 Vue 过渡效果

前言 为了让vue 页面效果展示时高端点、友好点,我们可以适当的加入一些过渡效果。 使用规则 在vue 中,如果要让某个组件(元素)添加过渡效果,就必须让该组件(元素)包裹在<transition></transition> 元素中。该元素有个name 属性,用于标识作用。...

2020-01-14 22:47:29

阅读数 6

评论数 0

原创 Vue 的router-link 标签添加事件

前言 在vue 的开发中,对router -link 的使用是不可避免的。有时候,我们需要对router-link 添加事件。 正好,前段时间,我就遇到这样的需求。当我写下以下代码时,无论我怎么点都没有反应。 <router-link @click="isFinis...

2020-01-14 21:22:58

阅读数 3

评论数 0

原创 VueCli3.0项目打包

前言 当我们开发完项目后,需要将项目部署到服务器上。这时,我们就需要对项目进行打包了,生成纯HTML、CSS和JS文件了。 一般的,我们进行项目打包时只需要在命令行运行 npm run build 就可以进行项目打包了。但是如果不进行一些配置的话。我们就会遇到运行打包好的 index.html...

2020-01-13 21:37:21

阅读数 34

评论数 0

原创 前端使用后端回传的url,显示图片的使用方法

前言 在开发过程中,有时需要动态的添加后端回传的指定url图片。但如果直接使用图片路径充当url,这时就会存在这样一个问题:后端的图片已经变了,但是前端的图片还是原来的。 原因 这是因为浏览器有缓存的功能。如果后端回传的url不变,即使你重新成功发出request,浏览器还是会自动从缓存获取图片。...

2020-01-12 21:44:00

阅读数 8

评论数 0

原创 select实现placeholder效果

前言 一般的表单控件有一个placeholder的属性,但是select却没有该属性。下面给大家带来一个实现select的placeholder的方法。 代码 html <select class="city" onchange="select()&...

2020-01-11 16:00:48

阅读数 23

评论数 0

原创 axios 在 vue 中的使用

axiso是一个基于 promise 的 HTTP 库。相比AJAX,他有着丰富的API,更易于使用。那他与AJAX有什么样的区别呢?在vue中如何使用?其拦截器又是什么呢?

2020-01-11 11:52:24

阅读数 6

评论数 0

原创 浅谈JS对象的深拷贝和浅拷贝

对象的深拷贝和浅拷贝的是什么?有什么区别?如何实现深拷贝和浅拷贝?

2020-01-09 23:23:51

阅读数 6

评论数 0

原创 关于vux+axios使用FormData 实现上传文件功能

在搭建网站时,上传文件都是一个不可避免的需求。为了实现上传文件功能,需要使用`<input type="file"/>` 、formData数据和ajax(axios)来实现。

2020-01-09 17:04:00

阅读数 9

评论数 0

原创 如何 JS 中使用 cookie

关于Javascript使用cookie的常用方法,以及关于cookie的path和domain的作用讲解。

2020-01-08 17:41:51

阅读数 21

评论数 0

提示
确定要删除当前文章?
取消 删除