自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

紫色小衬衣

你很绚烂,破茧时一定也很难

  • 博客(8)
  • 收藏
  • 关注

原创 CSS中四个主要的伪元素选择器

伪元素选择器伪元素就是假象的元素,并不存在DOM树中,无法捕获,也无法绑定事件。常用的伪元素::first-line用于向某个元素的第一行添加样式<style> p::first-line{ color: yellowgreen; }</style><body> <p> 撒旦哈德啥的吧扣税...

2019-04-03 10:33:18 1969

原创 CSS3学习笔记之属性选择器

CSS3中新追加的三个属性选择器css中新追加了[att*=val]、[att^=val]、[att$=val]三个属性选择器。[att*=val]如果元素使用att表示的属性值包含用val指定的字符串,那么该元素使用这个样式。<style> [id*=box]{ color: yellow; } [id*=other]{ color: red; }</...

2019-04-02 10:11:10 124

原创 vue学习笔记之vuex的插件与严格模式

目录vuex插件vuex严格模式vuex插件vuex插件的简单应用场景是将一些数据存放到本地,当运行系统时获取本地存储的数据。在我们的实际应用中,如果不将state存放到本地,那么每次刷新后,state会变回原来的初始值,如果能够将state数据存放到本地将会解决这一问题。首先在vuex的相关目录下创建文件夹plugin并在该目录下创建js文件 saveInLocal.js;在s...

2019-02-20 10:49:00 384

原创 vue学习笔记之vuex动态注册模块

vuex动态注册模块vuex动态注册模块是利用store的registerModule方法实现的,下面具体看一下相关代码:注册模块export default { methods: { register() { this.$store.registerModule('模块名称',{ state: {}, getters: {}, mutations: {}...

2019-02-19 17:17:03 4084

原创 vue学习笔记之vuex进阶(mutations&actions)

状态管理模式vuex的完整组成部分包括了state、getters、mutations以及actions。在组件内通过dispatch触发Actions中定义的方法,该方法通过commit一个mutations更改state,state的值会响应式的更新到vue组件中。如果是同步请求,可以直接在vue组件内commit一个mutations,如果有异步请求,则按着官网给的顺序图执行。1.Mu...

2019-02-19 16:52:16 1595

原创 vue学习笔记之vuex基础(state&getter)

状态管理模式vuex的官方定义是专为vue.js应用程序开发提供的一种状态管理模式。实际解决组件之间数据共享的问题,可以将它视为一个系统中所有组件共有的一个仓库。当系统结构庞大复杂时localstorage和sessionstorage已经不满足当前场景的使用需求,此时就需要用到vuex。下面先看官方提供的一张图片:上图中展示了vuex的流程图。vuex配置步骤一:在src目录下新建文...

2019-02-18 16:16:59 380

原创 vue学习笔记之路由守卫触发流程梳理

路由守卫触发流程梳理路由守卫概括来说可以分为全局路由守卫、路由独享守卫和组件内路由守卫。本次笔记将梳理一下当路由发生改变时各个路由钩子触发的顺序,帮助更好的理解路由机制。路由触发的流程我分为了两类:一类是不同组件(组件A跳转到组件B)的路由跳转流程。另一类是复用组件的路由跳转流程(组件A包含动态路由参数,只改变组件A的动态路由参数触发的路由跳转流程,示例: name/:id, 只改变id...

2019-01-31 10:39:32 1030

原创 vue学习笔记之路由传参

vue中路由传参的几种方式 vue中路由传参大致概括一下。 1:name+params 2:name+query 3:path+query 4:布尔模式 5:对象模式 6:函数模式 以上是个人总结的几种路由传参方式。如有不足,欢迎留言指正!方式一 name+paramsthis.$router.push({ name: 'Page', params: { id: '11...

2019-01-18 15:48:44 773 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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