20231126 前端开发日报

探索优雅的处理 JavaScript 类数组对象的技巧;【源码&库】Vue3模版解析后的AST转换为render函数的过程;vue2技术栈思考 & vue-class-component原理分析;threejs开发可视化数字城市效果;穿越JavaScript事件循环event-loop:异步的微妙舞曲;Vue3源码解析之 ref;用AI来定制你的专属面试官;Vue开发者必读:深入了解预渲染及插件的妙用

  1. 探索优雅的处理 JavaScript 类数组对象的技巧

    在 JavaScript 编程中,我们经常遇到类数组对象,它们拥有类似数组的结构和行为,但却不具备真正的数组方法和属性。常见的类数组对象包括 DOM 集合、函数的 arguments 对象和字符串等。

  2. 【源码&库】Vue3模版解析后的AST转换为render函数的过程

    上一章我们详细的分析了Vue3的模版解析过程,每种不同的节点都对应着不同的解析结果; 而这些解析结果只是一个AST对象,并不能直接用于渲染,所以我们需要将AST对象转换为render函数,而这个过程就

  3. vue2技术栈思考 & vue-class-component原理分析

    实习入职第四天了,通过阅读项目代码发现业务开发中前辈们使用vue2都是基于class-styled-component去开发的,不去采用options风格去开发组件自然有它的出发点与考量,我认为核心在

  4. threejs开发可视化数字城市效果

    灵感图 现在随着城市的发展,越来越多的智慧摄像头,都被互联网公司布到城市的各个角落,举一个例子,一个大楼上上下下都被布置了智能摄像头,用于监控火势,人员进出,工装工牌佩戴等监控,这时候为了美化项…

  5. 穿越JavaScript事件循环event-loop:异步的微妙舞曲

    本文主要介绍了事件循环(Event Loop)的相关知识,同时还涉及了异步和同步、微任务和宏任务、线程和进程等内容。

  6. Vue3源码解析之 ref

    前言 我们知道 Vue3 中声明响应式是通过 reactive 和 ref 这两个函数,上篇我们分析了 reactive 的实现原理,接下来我们再来看下 ref 是如何实现的。

  7. 用AI来定制你的专属面试官

    最近我们在做一个新产品,让AI大模型扮演面试官。 说实在,提出这个想法,最初尝试的时候,我是不抱什么希望的。但是,实际的结果大大超出了我的预期。

  8. vue3中readonly和shallowReadonly

    文章浏览阅读118次。· readonly:深度只读数据获取一个对象 (响应式或纯对象) 或 ref 并返回原始代理的只读代理。只读代理是深层的:访问的任何嵌套 property 也是只读的。· shallowReadonly浅只读数据创建一个代理,使其自身的 property 为只读,但不执行嵌套对象的深度只读转换

  9. vue中你有写过自定义指令吗?自定义指令的应用场景有哪些?

    文章浏览阅读499次,点赞14次,收藏11次。vue中你有写过自定义指令吗?自定义指令的应用场景有哪些?

  10. VUE组件间的通信

    文章浏览阅读95次。2. 父组件中使用$children.xxx获取子组件属性或方法,子组件中使用$parent.xxx获取父组件属性或方法。子:调用父组件的自定义事件: @click="$emit(‘my-event’,’111′)"父:定义自定义事件,例如 @my-event=’functionName’父: 通过属性绑定传值给子组件,例如:num="myNumber"1.ref 传值:给子组件调用的位置标签,设置ref属性。

  11. React整理总结(七、Hooks)

    文章浏览阅读446次,点赞13次,收藏4次。形如useFn,内部可以使用其他hook// 获取滚动位置})// 使用localStorage存储数据}, [data]);

  12. 探索 Vue 中的 bus.$emit:实现组件通信的强大工具

    文章浏览阅读366次,点赞8次,收藏7次。在 Vue 中,父子组件之间可以通过 props 和 events 进行通信。然而,当需要在多个不相关的组件之间进行通信时,使用bus.$emit可以提供一种更灵活的方式。

  13. Vue2传值的方法

    文章浏览阅读108次。2 在父组件中 找到子组件标签 在子组件标签上 使用v-on:自定义事件名1="新的方法名"2 在需要发送数据的组件中 使用bus.$emit("自定义名字",要传递数据)this.$route.query.参数名1 //参数值1。2 在父组件中找到子组件标签 然后在子组件标签上 使用v-bind:自定义名字="父组件要发送的数据"// data就是传递过来的数据。

  14. Vue的生命周期/生命周期的四个阶段学习

    文章浏览阅读143次,点赞4次,收藏3次。Vue生命周期指的是一个Vue实例从创建到销毁的过程Vue生命周期的四个阶段:创建→挂载→更新→销毁。

  15. Vue.js devtools插件:超实用的浏览器扩展,使项目更容易地调试和优化

    文章浏览阅读149次,点赞5次,收藏4次。Vue.js devtools插件:超实用的浏览器扩展,使项目更容易地调试和优化

  16. vue平滑上升指令

    文章浏览阅读63次,点赞3次,收藏2次。【代码】vue平滑上升指令。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流