她突然凑近问我:“你是搞开发的?具体做哪一块呀?”
我后背一凉,支支吾吾道:“就……就是大家都做的那种……”
女生眼睛一下亮起来:“是做底层架构的吗?Webpack Plugin 自定义、Vite 编译原理、AST 转换、Tree Shaking 优化……听起来就超高端!”
我声音发虚:“不是……”
“那一定是做三端统一吧?Vue + React + 小程序统一组件库、H5 容器适配、性能对齐,这可是大厂核心业务!”她兴致盎然。
“不……”我声音更弱了。
我死死盯着键盘,恨不得把它盯出个洞。
“难道是做前端工程化?MonoRepo、CI/CD、依赖分析、分支策略、GitHub Actions,这种支撑系统的活最有成就感了!”她笑着鼓励。
“也不是……”我声音微不可闻。
女生沉默两秒,突然眼神闪烁:“你该不会……做性能优化吧?Long Task 分析、懒加载、SSR Hydration、首屏时间优化,做这块的人都很牛啊!”
她的目光如探照灯般直射而来,我被烤得浑身发烫,手心出汗。
我死死掐住大腿,从牙缝里挤出蚊子般的声音:“都……都不是……”
空气骤然凝固下来。
女生的笑容僵住了,声音陡然降温:“那你,到底是在做前端的什么?”
“做前端的还能有多少特别的?”她的话像冰锥扎进我的胸膛。
我膝盖一软,扑通跪倒在地,眼眶泛红,带着哭腔说:“我……我做的是 ToB 企业后台系统……”
整个办公区瞬间陷入死寂,只剩同事们微妙的窃笑声。
我低下头,感到周围人投来疑惑夹杂怜悯的目光,仿佛看到我深夜 Debug 数据权限逻辑但测试账号权限始终不生效时的凄惨。
女生抓起外套,毫不犹豫转身要走。
我哭喊着拽住她的衣角:“求你别走!我们后台开发真的很重要!”
人群中响起窃笑声,我却抱得更紧:“你们不要笑我们后台系统!页面长又怎样!业务复杂又怎样!需求天天变又怎样!我们支撑着整个企业核心流程,是前端真正能产生价值的一线战士啊!”
远处传来领导缓慢的脚步声和一声无奈的叹息:
“唉,又是做后台管理系统的……”
在vue3中,想讲数据转变为响应式,可以用到ref和shallowref这两个api,目的是使数据的变化可以触发视图的重新渲染。![[吃瓜群众]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
但是这两个是存在区别的,修改ref响应数据的深层内容,视图会相应改变。而修改shallowref响应数据的深层内容,数据会改变,但是视图没变化,可以使用triggerRef主动去更新视图。
![[擦汗]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_38.2d77d3e.png)
![[抠鼻]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_39.5b41924.png)
![[坏笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_41.2751fc1.png)
特别地,如果你先点击shallowref响应数据,视图不变,但是如果之后你再去改变ref相应数据改变视图的同时,前面未改变的shallow响应数据视图也会一起更新。
这里的原理就是虚拟dom,一处更新的时候,会整体渲染出虚拟dom,所以顺带把其他地方的数据也同步修改了。
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
但是这两个是存在区别的,修改ref响应数据的深层内容,视图会相应改变。而修改shallowref响应数据的深层内容,数据会改变,但是视图没变化,可以使用triggerRef主动去更新视图。
![[擦汗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_38.2d77d3e.png)
![[抠鼻]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_39.5b41924.png)
![[坏笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_41.2751fc1.png)
特别地,如果你先点击shallowref响应数据,视图不变,但是如果之后你再去改变ref相应数据改变视图的同时,前面未改变的shallow响应数据视图也会一起更新。
这里的原理就是虚拟dom,一处更新的时候,会整体渲染出虚拟dom,所以顺带把其他地方的数据也同步修改了。
展开
评论
2