- 博客(7)
- 收藏
- 关注
RSS订阅原创 Flex布局
Flex布局又称弹性布局，它使用flexbox使得容器有了弹性，更加适应各种设备的不同宽度，而不必依赖于传统的块状布局和浮动定位。它是CSS3中新增的规范，常用于响应式设计和移动端开发中，目前主流浏览器均已支持。Flex布局不支持IE9及以下版本。1. 弹性容器（flex container）：采用Flex布局的外层容器。2. 弹性项（flex item）：容器中的子元素。3. 主轴（main axis）： 弹性容器的水平或垂直方向。4. 交叉轴（cross axis）：与主轴垂直的方向。
2023-09-21 17:57:21
30
原创 grid网格布局
grid布局,也被称之为网格布局,是将页面中的父元素划分成一个个小的格子,然后通过这些小的格子进行合并来制作出各种不同的网站效果。
2023-09-21 17:50:15
64
原创 Vue生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。1.实例初始化|生命周期• beforeCreate：执行第一个生命周期。4.• beforeMount：实例挂载之前调用，结束之后获取el Dom。2.注入反应内容• created： 实例创建后调用。• beforeDestroy：实例销毁之前调用。• beforeUpdate：数据更新后显示，视图更新前调用。• destroyed： 实例销毁后调用。
2023-09-19 14:55:58
34
1
转载 Vue路由守卫
a.路由参数改变时触发这个钩子，例如从 /fo0/1 和 /f0/2 之间跳转的时候需要重新求数据，这种类型的跳转不会发 reated 生命周期函数，可以通过该钩子函数或者监听 $route 来实现。b.当开启组件缓存的时候是不会触发 destroy 等销毁的生命周期钩子函数，也就无法在组件销毁的时候做一些清理工作(比如清除定时器);12.调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。3.调用全局的 beforeEach 守卫。
2023-09-19 14:20:24
47
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人