liu0218的博客

git的进阶使用，包含常用命令，版本管理命令，分支管理命令，代码远程连接命令等

vue路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转。传参方式可划分为params传参和query传参，而 params传参又可分为在 url 中显示参数和不显示参数两种方式，这就是vue路由传参的三种方式。

其中三个插槽名相同为default，在中写入的内容会同时渲染到名称相同的插槽，如果给插槽给上相应的name属性，就会避免这种情况。插槽(slot):是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的，希望由【用户指定】的部分定义为【插槽】在同一个组件中，我们有时需要多个插槽作为预留区域，此时，应该给每一个插槽取一个不同的name名称。这样就能把child2中的值传给child1，然后在将获取到的值渲染到列表中。插槽分为3类：默认插槽，具名插槽，作用域插槽。将内容渲染到指定插槽中。

设计的数据仓库，就是把各个组件公用的数据放到一个仓库里面进行统一的管理，这样既使得非父子组件间的数据共享变得简单明了，而且只要仓库里面的数据发生了变化，在其他组件里面数据被引用的地方也会自动更新。我们在组件中通过**Dispatch()**触发vuex中的action异步方法，中“add”为方法名，“this.sv”为数据。在src文件夹下创建store文件夹，并在里面创建index.js文件，在里面引入vuex，并创建。因为用原本的方式代码写出来后过于繁杂，所以我们用辅助函数来解决这个问题。

transition的过渡就是平滑地改变一个元素的样式，使元素从一个样式逐渐过渡到另一个样式，是一种动画转换的过程，如渐现、渐弱、动画快慢等。

position的属性值有：static、absolute、relative、fixed、sticky。

JS中forEach与map的作用与区别。

当我们在点击一个选项的时候，我们需要清空之前所点击的选项，首先我们先获取到所有选项卡的节点，然后利用循环给每个按钮添加事件，然后在里面嵌套一个循环，在点击这个按钮生效前一步清空之前的所有事件，保证只让当前点击的事件生效，从而实现排它！多个选项中无论如果只有一个会有样式，从而实现排它。......

一个函数可以接受多个参数，反复被调用，例，该技术被命名为函数柯里化。

1.概念盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充、内边距）、边框、边界(外边距)这就是盒模型。...

当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文档流），当父元素没有给定高度时，并且父元素中又没有其它非浮动的元素时，父盒子的高度就会直接塌陷为零，我们称这是高度塌陷。...

字体属性字体大小字体样式 设置行高字体倾斜font的复合写法文本属性字体颜 检索或设置对象中的文本的大小写文本对齐方式文本修饰首行缩进字间距 词间距列表属性定义列表符号样式使用图片作为列表符号自定义列表符号的位置简写形式边框属性复合形式边框宽度边框颜色边框样式单独设置某个方向的边框属性背景图片的位置背景图的固定浮动属性定义清除浮动示例.....................

v-for中key的原理、拟DOM中key的作用、对比规则、用index作为key可能会引发的问题、开发中如何选择key

vue中监听属性、深度监听

get函数会在初次读取的时候执行一次，当依赖的数据的数据发生改变的时候会再次调用；如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变。在Vue实例对象中添加computed配置实现，计算属性有缓存功能，能提高浏览器的性能，计算属性最终会出现在vm上，可以直接读取使用....

前端性能优化分为3个方面接口访问优化、静态资源优化和页面渲染速度优化。

1.创建临时对象/新对象2.绑定原型3.指定this=临时对象4.执行构造函数5.返回临时对象

vue事件绑定

Vue中的数据双向绑定及原理

git的一个简单的配置