颜汐い-CSDN博客

原创 Vuex的核心概念 Action

Action Action 用于处理异步任务。如果通过异步操作变更数据，必须通过Action，而不能使用Mutations，但是在Action 中还是要通过触发Mutation的方式间接变更数据。 //定义Action const store = new Vuex.Store({ // ...省略其他代码 //只有mutations中定义的函数，才有权力修改state中的数据 mutations : { add(state){ state.

2021-08-05 16:05:21 226

原创 Vuex核心概念Mutations

Mutation Mutation 用于改变Store中的数据。只能通过mutation变更Store数据，不可以直接操作Store中的数据。通过这种方式虽然操作起来稍微繁琐一些，但是可以集中监控所有数据的变化。 //定义 Mutation const store = new Vuex.Store({ state:{ count:0; }, mutations:{ add(state){ //变更状态

2021-08-05 09:35:17 103

原创标准文档流

标准文档流+浮动 **定义：**内容从左到右，从上到下书写的。前面的内容大小或者位置发生变化时，后面的内容位置也会随之变化。 web页面，就是一个标准的文档流。内容跟咱们的书写顺序有关。标准文档流的特性（1）空白折叠现象无论多少个空格，tab，换行都会折叠唯一个空格。 <div>yuyu yuyyu</div> (2)高矮不同，底部对齐爱心爱心<img src="img/aixin.jpg" alt=""> (3)一行写满，自动换行行内元素和块级元素标

2021-08-03 14:31:03 93

原创 Vuex的基本使用

安装vuex依赖包 npm install vuex --save; 导入vuex包 import Vuex from 'vuex'; Vue.use(Vuex); 创建stort对象 const stort =new Vuex.Stort({ // state 中存放的就是全局共享的数据 state：{ count：0 } }) 将 stort ...

2021-07-30 21:02:29 64

原创 Vuex的概述

Vuex 什么？ Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步。什么样的数据适合存储到Vuex中一般情况下，只有组件之间共享的数据，才有必要存储到vuex中；对于组件中的私有数据，依旧存储在组件自身的data中即可。 ...

2021-07-29 14:35:20 62

原创学习前端第十二天

css精灵图也叫CSS雪碧图，是一种网页应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大的图片中去加载。好处：可以减少图片的质量，网页图片加载速快。减少图片的请求的次数，加快网页的打开。 .box{ width: 40px; height: 40px; margin: 100px auto; border: 1px solid; /* background-color: red; */ background-i

2020-11-17 19:53:59 74 1

原创学习前端第八天

position定位 position: 1. static(默认）：没有定位。 2.relative相对定位：如果没有偏移量，对元素本身没有任何影响。不是元素脱离文档流。不影响其他元素布局。做绝对定位的参考位。 left，right，top，bottom是相对于当前元素自身进行偏移的。 position：relative； left：100px； bottom:100px; 3.absolute绝对定位：使元素脱离文档流。找一个参考系，定义横纵坐标。默认是在

2020-11-11 19:56:06 98

原创学习前端第七天

标准文档流+浮动定义：内容从左到右，从上到下书写的。前面的内容大小或者位置发生变化时，后面的内容位置也会随之变化。 web页面，就是一个标准的文档流。内容跟咱们的书写顺序有关。标准文档流的特性（1）空白折叠现象无论多少个空格，tab，换行都会折叠为一个空格。 <div>yuyu yu</div> (2)高矮不同，底部对齐妖怪我要你助我修行<img src="img/zhaoshifu.jpg" alt=""> (3)一行写满，自动换行行内元素和块级元素标

2020-11-10 20:30:00 71

原创学习前端第六天

上午复习上周内容： 1.选择器：后代选择器格式：选择器1 选择器2；子代选择器格式：选择器1>选择器2；兄弟选择器格式：选择器1~选择器2；相邻选择器格式：选择器1+选择器2 2.伪类：：link 访问前的样式：visited 访问后的：hover鼠标移入时的样式：active 鼠标按下时的样式注（link，visited只能添加给a标签） 3.结构伪类选择器：：nth-of-tyle（）：nth-child（）选中列表中的元素 E：empty选中没有子元素的； E：not()

2020-11-09 20:10:03 628

原创学习前端第四天

1.复习前一天学习的表格，表单。 2.补充表格内容：下拉菜单辅助表单 3.css语法： 1.基础语法：宽：width 高:height 颜色:color: 1.单词表示法：red，blue。。。 2.十六进制表示法：#000000； 3.rgb（255，0，0）；背景颜色：background-color 边框：border：1px solid red; css注释/…/ 2.css样式的引入： 1.行内式： style属性直接加在标签上 2.内嵌式：在head内添加style标签 3.外

2020-11-05 19:07:00 93 1

weixin_48680892的博客