- 博客(7)
- 收藏
- 关注
原创 简单版手写Vue3响应式
响应式数据包装的数据 和被监控的函数之间的关联。响应式数据:refreactivecomputedprops被监控的函数:watch组件渲染函数(template模版会被编译为渲染函数)effect (内部函数)当响应式数据被读取时,会进行依赖收集;当被依赖收集过的数据发生变化时,会进行派发更新接下来分为三个部分来阐述和实现数据拦截,即读取和写入的拦截effect函数,通过effect函数运行后的函数,会变为被监控的函数依赖收集和派发更新。
2024-09-30 23:59:19 606
原创 记录鸿蒙OS Swiper组件自定义动画的问题
求解决办法!!!如上面GIF所示,自定义动画在Swiper切换到第一个子组件时表现异常。切换到其余子组件时效果符合预期。目前定位是滑动第一个子组件到过半时,偏移量offset失效,缩放scale异常。下面为Swiper主要代码})})})})// 更新上上一个卡片的偏移量}else {// 更新下下一个卡片的偏移量}else {})SwiperItem子组件@Componentbuild() {Column(){Text(`权益组合包${this.index}`)
2024-09-20 16:11:59 342
原创 before和after伪类
CSS 中,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。CSS 中,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。/* //改叉叉大小 6:1等量放大缩小就行(算好的,省的自己调整太麻烦) */用来创建一个伪元素,作为已选中元素的最后一个子元素。这个虚拟元素默认是行内元素。
2023-04-07 21:45:11 430 1
原创 路由模式-Hash与History浅析
hash 可以改变 url ,但是不会触发页面重新加载(hash的改变是记录在 window.history 中),即不会刷新页面。由于服务器没有保留完整的 HTML,通过 js 进行动态 DOM 拼接,需要耗费额外的时间,不如服务端渲染速度快,也不利于 SEO 优化。我们看到的页面是通过这一系列的 js 渲染出来的,也就是前端渲染。- 新的 url 可以是与当前 url 同源的任意 url ,也可以是与当前 url 一样的地址,但是这样会导致的一个问题是,会把重复的这一次操作记录到栈当中。
2023-04-06 22:43:39 421 1
原创 XSS和CSRF攻击简析
HTTP cookie(也称为web cookie、internet cookie、浏览器 cookie 或简称 cookie)是在用户浏览网站时由服务器端创建并由用户的浏览器放置在用户计算机或其他设备上的小块数据。cookie 放置在用于访问网站的设备上,并且在会话期间可能会在用户的设备上放置多个 cookie。由服务器端创建由浏览器存储在电脑硬盘或其他设备上数据很小,但可以针对一个网站存储多个cookie。
2023-04-06 22:39:59 378 1
原创 异步请求-XMLHttpRequest、ajax、axios原理浅析
通过保持长连接,直到更新可用,数据可以立即发送到客户端,一旦它在服务器上可用。因此,长时间轮询为消息延迟提供了最佳的情况,并且还消除了空检查,这减少了 XHR 请求的数量和轮询的总体开销。axios 是一个基于 Promise 的 http请求库,可以用在浏览器和 node.js 中,本质上也是对原生XHR的封装,只不过它是Promise 的实现版本,符合最新的ES规则。从服务器检索更新的最简单的策略之一是让客户端进行定期检查:客户端可以以周期性间隔(轮询服务器)启动后台XHR请求,以检查更新。
2023-04-06 22:35:49 1251
空空如也
HarmonyOS Swiper组件 第一个子组件异常
2024-09-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人