- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue3 Composition API suspense component 与 teleport component
Vue3 Composition API异步组件加载的解决方案 — suspense component在Vue3中提供了一个新特性suspense，它允许我们的应用程序在等待异步组件时渲染一些后备内容，可以让我们创建一个平滑的用户体验，不需要多余的导入，直接在HTML之中使用即可，方便简单省去了很多判断。最简单的实现：骨架屏的实现。一般想到骨架屏就是根据loading的状态来显示不同的组件，我们平常的思路就是使用v-if v-else来实现组件的显示与否。但是Vue3提供的suspense组件帮我
2022-02-09 22:32:36
338
原创 Angular RouteReuseStrategy 路由复用策略
Angular 路由复用策略： 对于单页面应用来说，每次路由切换，都会销毁前面的组件，路由离退时组件状态也一并被删除，重新加载相应路由对应的组件，在绝大多数的场景下，这样的处理都是合理的，但是有时候我们也会有一些特殊的需求，需要返回上一个页面时，保留离开页面时的状态。 需求场景应用比如某列表，用户查询了到某条数据后，点击到详情页面，但返回之后
2021-09-10 10:17:53
1221
1
原创 移动端适配 px转换rem
因为新的活动或需求，需要对本身不支持适配移动端的网站做部分页面需要移动端适配，对之前的页面又不能造成影响，年初碰到此类需求，对此做记录与分享，请大家指教。框架Angular8 + ng-zorroAngular8框架本身也有支持移动端的UI组件库ng-zorro mobile,因为项目并不是移动端与网页端分开，担心引入移动UI组件后会对本身网页造成影响，并且免于设计再次设计移动端的设计图，在考虑最小修改成本后，做粗略的移动端适配–px转换rem适配移动端。实现思路类似flexible，通过js来调整h
2021-09-10 10:15:27
327
原创 浏览器视口监测API IntersectionObserver
前言最近关于浏览器视口监测的实际需求遇到了特别多，有需要在页面滑过导航后导航消失，上滑鼠标时再出现导航，有需要实现页面块级区域懒加载的需求。此类需求常常需要判断某个元素是否进入了"视口"（viewport）。实现此类需求的方法很多，一般的思路采用这样的实现方法，兼容滚动scroll事件，然后调用方法获取目标元素的坐标，判断是否在视口之内。代码不仅繁琐，由于scroll事件密集发生，计算量很大，一不小心没有注意函数去抖，就可能导致严重的性能问题。在angular中已经有开发者贡献的图片懒加载的插件（例如
2021-09-10 09:57:45
556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人