- 博客(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关注的人