- 博客(4)
- 收藏
- 关注
原创 自定义指令实现防抖节流
解决了什么问题?短时间内频繁触发事件、请求,会造成后台服务器的压力、客户端浏览器的卡顿,影响用户体验。什么是防抖?当事件被触发之后,在N秒内不会再被执行,如果在这N秒时间内事件被触发,就重新计时,直到N秒之后,事件再次被触发;防抖使用场景:搜索按钮、登录、发送短信验证码、输入框的input事件;调整浏览器的窗口大小,resize事件的频繁触发,造成浏览器计算过多;什么是节流?
2023-12-06 11:04:56
567
1
原创 图片懒加载、预加载
在每一次事件触发时,通过使用getboundingclientrect()方法,获取图片到视口的距离小于等于0时,给img标签的src属性动态赋值,以此来实现图片懒加载;的方式就是在utils文件夹中创建以use开头的js文件并导出函数,这个复用的方法就像钩子一样挂着,可以做到随时被引入和调用,以此来实现。预先、提前加载所需要的图片资源,加载完毕后会缓存到本地,当需要时可以马上显示出来,以达到在预览的过程中,无需等待直接预览的良好体验;项目中的登录功能,避免用户一直点击登录按钮,造成服务器的压力;
2023-12-06 11:04:14
365
1
原创 CSS浏览器兼容性
当今时代浏览器厂商太多,而且不同厂商,甚至同一厂商不同版本的浏览器,对同一段css的解析效果也不一致,这就会导致页面的显示效果不统一,也就带来了兼容性问题;**选择符级hack:**是针对一些页面表现不一致或者需要特殊对待的浏览器,在css选择器前加上一些只有某些特定浏览器才能识别的前缀进行hack;针对不同的浏览器甚至不同的版本编写特定的CSS样式,这一过程就叫做CSS hack,大致分为三种(**属性hack:**在css样式属性名前加上一些只有特定浏览器才能识别的hack前缀;
2023-12-06 11:03:28
979
1
原创 RBAC模型
RBAC授权的过程可以抽象的概括为:Who是否可以对What进行How的访问操作,并对这个逻辑表达式进行判断是否为true的求解过程;RBAC通过定义角色的权限,并对用户授予某个角色从而来控制用户的权限,实现了用户和权限的逻辑分离,极大地方便了权限的管理。RBAC模型(Role-Based Access Control:基于角色的访问控制)在RBAC中,用户被分配一个或多个角色,而角色则被授权访问一定的资源或执行一定的操作。在RBAC模型里面,有3个基础组成部分,分别是:用户、角色和权限。
2023-12-06 10:58:47
443
2
空空如也
浏览器如何实现不显示地址栏url路径
2023-07-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人