自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 回流和重绘

回流和重绘重绘回流重绘和回流的关系重绘和回流的代价性能优化重绘重绘是指一个元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素出现新的外观。重绘触发的条件改变元素的外观属性。如:color,background-color等。回流回流又叫重排/重构,当渲染树中的一部分或全部因为元素的大小尺寸,布局,隐藏等改变而需要重新构建,这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。回流触发的条件任何页面布局和几何属性的改变都会触发重排,比如:

2021-05-10 10:04:03 206

原创 Vue路由+生命周期调用顺序

生命周期vue实例创建阶段beforeCreate 实例未创建,不能获取thiscreated 实例创建,可以访问this 可以获取数据赋值dataDOM挂载阶段beforeMount DOM未挂载mounted DOM已挂载数据更新阶段beforeUpdate 数据更新前Updated 数据更新后销毁阶段beforeDestroy 销毁前destroyed

2021-04-21 15:55:18 1683

原创 Vue路由导航守卫

Vue路由导航守卫全局守卫://前置守卫(guard)router.beforeEach((to,from,next)=>{ next() }) //解析守卫router.beforeResolve((to,from,next)=>{ next() }) //后置钩子(hook)router.afterEach((to,from)=>{})路由独享的守卫:routes:[ { path:'/user/:id name:user, c

2021-04-21 15:45:03 159

原创 CSS常用

CSS的三种引入方式一、行内样式使用style属性引入CSS样式二、内部样式表在style标签中书写CSS代码。style标签写在head标签中三、外部样式表CSS代码保存在扩展名为.css的样式表中HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。链接式<link type="text/css" rel="styleSheet" href="css文件路径">导入时<style type="text/css"> @import url("

2021-04-18 23:03:48 1073 2

空空如也

空空如也

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

TA关注的人

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