平淡无奇—GH-CSDN博客

原创 21-10-27--Vue学习记录第七天

21-10-27--Vue学习记录第七天一、keep alive缓存在web服务请求当中，有部分数据属于频繁被查询，比如，用户信息，logo信息。将这些数据存储到一个方便查询，或者直接获取的位置上，来减轻服务器查询压力。这种策略叫做缓存。VUE当中keep-alive只是基于前端组件的狭义的缓存，通常和component标签结合使用，对动态加载的组件进行缓存keep-alive缓存的基本使用就是使用keep-alive标签包围component标签，这样动态加载的组件就会被缓存到

2021-11-01 20:34:37 68

原创 21-10-26--Vue学习记录第六天

21-10-26--Vue学习记录第六天一、组件的基本操作1、组件通讯一、父子关系1、调用子组件标签2、在标签上自定义属性，绑定要传递的值3、子组件使用props接受自定义的属性4、子组件调用props当中的名称二、子父关系三、非父子关系非父子传参的思路实际上是在用一个新的vue对象进行传参定义一个空的vue对象用来做数据传递的载体2、插槽在原有格式基础上，为开发者提供自定义可能，在组件当中开辟一块调用时候可以自定义空间一、匿名插槽..

2021-11-01 19:57:15 74

原创 21-10-24--Vue学习记录第五天

21-10-24--Vue学习记录第五天一、脚手架项目共性功能的封装，叫做框架。框架也叫做脚手架，是灵活的使用在同类型项目开发过程当中的辅助功能。vue cli（command line interface）,是vue官方提供的一个基于webpack的一个脚手架工具vue cli可以帮助我们联网下载要基于webpack的开发模板vue cli脚手架工具基于node平台的,npm安装vue-clinpm i @vue/cli -g npm install @vue/cli

2021-10-27 19:53:04 61

原创 21-10-22--Vue学习记录第四天

21-10-22--Vue学习记录第四天一、过滤器本质，过滤器是一个特殊的函数作用，可以对模板上的数据进行再处理，在数据挂载前处理过滤器作用在变量的后面，使用 | 作为符合，作用将 | 前边的变量作为 | 后边的函数的值进行处理过滤器函数必须有返回值过滤器只可以在插值表达式和v-bind上使用<div id="app"> {{phone|setPhone}} </div> <script> Vu

2021-10-27 19:34:56 100

原创 ES6复习（3）

ES6复习（3）一、rest运算符与spread运算符（...）1 、rest（剩余参数运算符...）出现在函数声明的形参处，作用是收集剩余（全部）实参并转换为数组// rest 剩余参数运算符，用于在函数形参声明处的最后一位，作用收集剩余（全部）参数并转换为数组 // 可用来代替arguments对象 function fn(a,...b){ console.log( arguments ); console.log( b ); //[2,3,4] } f

2021-10-26 19:58:11 46

原创 ES6复习（2）

ES6复习（2）一、新增数据类型 Symbolsymbol类型作用可生成一个独一无二的值。永远不与其他的symbol类型相同// symbol类型，永远不会和其他symbol相同。// 创建symbol时，可以传递一个参数用于区分symbol，参数类似与代码中的注释，对程序的运行没有影响。 let s1 = Symbol("s1"); let s2 = Symbol("s2"); console.log( typeof s1 ); console.log( s1 == s2

2021-10-26 17:15:16 54

原创 ES6复习（1）

ES6复习一、变量声明let变量声明1、var是函数作用域，let是块作用域let在if语句、for中声明的仍是局部变量。let相比var的好处？可以防止变量的全局污染问题2、var有变量提升，let不存在变量提升let声明变量，未声明前不能使用（暂时性死区）3、var 可以重复声明，let在同一作用域下不可以重复声明在函数形参声明中，let声明变量不能与形参重复const声明常量（用来保存一些不经常改变的变量）1、 const常量一旦声明并赋值后不能改变2、 c

2021-10-21 19:59:31 131

原创 21-10-20--Vue学习记录第三天

Vue学习记录第三天一、深浅监听浅监听Vue提供了watch选项，提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的new Vue({ el:"#app", data:{ num:5, }, watch:{ num(newV,oldV){ console.log(newV); console.log(oldV);

2021-10-21 13:46:07 49

原创 2021-10-19--Vue学习记录第二天

Vue学习记录第二天一、本地存储localStorage是长期存储，即使页面关闭了数据也还在，除非手动删除sessionStorage是会话级别存储（临时存储），当页面关闭了数据就没了添加数据：localStorage.setItem(key,value) json字符串获取数据：localStorage.getItem(key) json字符串 JSON.parse(localStorage.getItem(key))删除数据：loaclStorage.remo

2021-10-20 14:35:26 53

原创 git仓库复习

git仓库复习一、git安装与配置1、检查一下自己的电脑有无.gitconfig 这个配置文件2、安装完成后账号和邮箱的修改$ git config --global user.name "your name"$ git config --global user.email "58021125@qq.com"二、git的基本概念工作区：就是您开发项目时的目录暂存区：临时完成的工作，暂时存储的区域，等待着被提交到仓库仓库：最终存放的区域三、git的基本命令1、git

2021-10-18 22:31:57 50

原创 2021-10-18--Vue学习记录第一天

Vue学习记录第一天一、了解vue框架Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 -------摘自vue官网优点总结：轻量级框架，双向数据绑定，组件化，主张最少，客户端路由，指令，状态管理缺点总结：1、Vue不支持IE8及以下，因为Vue..

2021-10-18 22:13:18 107

weixin_51222058的博客