- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue中的watch
可以说存在三种第一种是维持数据响应式的；第二种是，是函数在自身内部维护的一个，配合其内部的属性开关来决定的值是需要重新计算还是直接复用之前的值；第三种就是了，就是用户自定义的导出对象的属性当然实际上他们都是通过类来实现的Vue 的响应式系统通过观察者模式（Observer Pattern）实现，当数据发生变化时，依赖于这些数据的地方（如模板渲染或计算属性）会被通知并更新。 ：当 Vue 初始化数据时，每个响应式对象都会被挂载一个 属性（Observer 实例），这个属性指向对象的 实例。 会遍历对象的属
2024-10-01 23:29:04
5571
1
原创 XSS攻击类型以及如何防范
输入验证：对所有用户输入进行严格的验证和过滤，防止恶意代码注入。可以使用白名单方式，确保只允许符合预期格式的输入。输出编码对输出内容进行 HTML 实体编码，防止特殊字符被解释为 HTML 或 JavaScript 代码。使用库或框架（如 Vue.js、React 等）自带的安全机制进行安全的 DOM 操作。内容安全策略（CSP）：通过设置 CSP 响应头，可以限制浏览器加载和执行的资源类型，从而减少 XSS 的攻击面。使用安全的 JavaScript 框架。
2024-09-30 21:52:51
1316
原创 前端某些属性的灵活应用场景
随着前端生态的成熟，新的布局和路由管理方案（如flexboxgrid等）逐渐替代了那些被滥用的早期方案，使得网页开发更加高效和易维护。
2024-09-30 21:50:39
1071
原创 监听事件滚动API
onscroll是一个监听滚动事件的事件处理器。当页面或元素的滚动条发生滚动时，onscroll事件就会触发。它通常用于侦听用户滚动页面的行为，并根据滚动的位置来执行某些操作。是现代浏览器提供的一个用于观察目标元素与其祖先元素或视口（viewport）交集的 API。它可以检测元素是否在视口中可见（即，是否进入或离开视口），以及可见部分的大小比例等。这在懒加载图片、滚动触发动画、广告曝光监控等场景中非常实用。 由于可见visible的本质是，目标元素与视口产生一个交叉区，所以这个API。
2024-09-29 23:00:02
1443
1
原创 骨架屏（懒加载优化）
即便通过和等技术来减少首屏的代码体积，首屏加载时的（也称为）仍然可能存在，尤其在网络条件较差或页面内容复杂时，常见的解决方案是使用技术，数据加载前的占位动画可以表示内容还在加载中。
2024-09-29 22:57:50
832
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人