前端的小刘老师-CSDN博客

原创关于axios请求封装

axios请求封装axios请求封装基本上能在各个vue项目中复用，只需要小小改动即可，为减少重复工作量，现将封装方法记录下来，仅供参考// .env.development // 开发环境下的配置文件（VUE_APP_BASE_API可自定义，前提是必须以VUE_APP_开头）# just a flagENV = 'development'# base apiVUE_APP_BAS...

2020-04-27 12:16:37 268

在同一网络下，如果想要让别人能访问到你的项目，或者想用手机访问自己的web项目，那么使用借助Apache将项目部署到本地服务器。在Windows系统中，我们一般借助wampServer（Apache web服务器）进行部署。具体步骤如下:下载wampServer，地址：[wampServer下载地址](https://sourceforge.net/projects/wampserver/)...

2020-02-14 12:17:41 5922

原创 Vue动态改变keepAlive缓存

功能需求：大家都知道keep-alive组件的作用，在实际开发过程中，经常会遇到对部分组件进行缓存，常用操作方法见另一篇博客[link]

2020-01-10 13:07:06 6732 5

原创对指定组件进行keep-alive缓存(Vue)

keep-alive<keep-alive>是一个抽象组件：它自身不会渲染一个 DOM 元素，主要用于保留组件状态或避免重新渲染实际项目中：对有网络请求的页面进行缓存，则重新回到该页面时，不会再请求数据，在一定程度上能减少网络请求，优化性能；但在另一方面，如果返回上一页面时，需要刷新状态，此时就不太适用了当组件在 <keep-alive>内被切换，它的 act...

2019-12-14 16:00:33 2082

原创 js常见的数组方法（内含代码）

数组的方法有很多个，在此结合例子整理出来，方便需要的时候查看。方法名描述concat()连接多个数组join()将数组元素拼接成字符串reverse()数组元素反转slice()数组元素的截取(返回新数组,不改变原数组)sort()数组元素的排序(参数接收一个排序函数)push()从数组的最后面添加元素(后插)pop()从数组...

2019-10-22 18:30:35 2722 3

原创 Vue 3.0双向绑定原理的实现

proxy方法vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。Vue 3.0与Vue 2.0的区别仅是数据劫持的方式由Object.defineProperty更改为Proxy代理，其他代码不变。可查看Vue 2.0双向绑定原理的实现具...

2019-10-21 17:48:23 4065 4

原创 Vue 2.0双向绑定原理的实现

Object.defineProperty方法vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体实现过程的代码如下：定义构造函数function Vue(option){ this.$el = document.querySel...

2019-10-21 16:34:45 674 1

原创 vue-awesome-swiper的用法

vue框架的轮播图插件vue-awesome-swiper安装npm install vue-awesome-swiper --save引入/*全局引入*/ import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' Vue.use(VueAwe...

2019-01-11 16:12:37 1169

前端的小刘老师