20240710 前端开发日报

【2024】作为前端开发，必须掌握的 Vue3 的 5 个组合式 API 方法；面试高频：事件循环与 async 语法糖；Vue实战——饿了么（三）；async/await与Promise配合——从基础到进阶实战；一键掌握天气动态 – 基于Vue和高德API的实时天气查询；构建单页应用中的登录与路由管理系统：Vue Router实践；vue新手入门教程（项目创建+组件导入+VueRouter）；【React】React18 Hooks 之 useContext

1. 【2024】作为前端开发，必须掌握的 Vue3 的 5 个组合式 API 方法

2. 面试高频：事件循环与 async 语法糖

3. Vue实战——饿了么（三）

4. async/await与Promise配合——从基础到进阶实战

5. 一键掌握天气动态 – 基于Vue和高德API的实时天气查询

6. 构建单页应用中的登录与路由管理系统：Vue Router实践

7. vue新手入门教程（项目创建+组件导入+VueRouter）

8. 【React】React18 Hooks 之 useContext

   文章浏览阅读2.8k次，点赞26次，收藏28次。useContext是一个 React Hook，可让您从组件读取和订阅上下文。

9. Vue 转 React的开发者，常犯的10个错误~

   文章浏览阅读626次，点赞8次，收藏8次。这可能是很多新手都遇到过的问题了吧！鄙人当年也犯过这个错误，但你说它是错误，也可以说是react的一个坑：0 是假值，却不能做条件渲染。

10. 全国职业院校技能大赛-大数据应用赛项-vue网络请求axios及相关配置（vue.config.js）

    文章浏览阅读233次，点赞4次，收藏3次。【代码】全国职业院校技能大赛-大数据应用赛项-vue网络请求axios及相关配置（vue.config.js）

11. 关于vue的学习

    文章浏览阅读618次，点赞4次，收藏15次。dom：HTML中的每个元素都是DOM的一部分，通过DOM，你可以访问、修改和操作HTML文档的结构和内容。生命周期钩子：Vue.js的生命周期钩子指的是Vue实例从创建到销毁过程中的一系列特定阶段，每个阶段都会触发相应的钩子函数。这些钩子函数允许开发者在特定的时间点执行自定义的逻辑，例如初始化数据、绑定事件、操作DOM等。Vue实例的生命周期可以分为以下几个主要阶段：创建阶段（Creation）：挂载阶段（Mounting）：更新阶段（Updating）：销毁阶段（Destruction）： 挂载

12. vue-路由自动化

    文章浏览阅读218次，点赞2次，收藏3次。工程中的Router会根据src/views目录结构自动生成路由配置，路由结构与文件系统结构保持一致，不需要手动编写，使得项目结构更加直观和易于理解。

13. FullCalendar的使用，react日历组件

    文章浏览阅读77次。FullCalendar的使用，react日历组件

14. ES6：JavaScript开发者的速成手册(一）

    文章浏览阅读723次，点赞26次，收藏6次。本教程将分为两大部分深入解读ES6的精髓。将带你领略ES6的基础语法，将深入探讨ES6的高级特性，通过浅显易懂的语言和大量精炼的代码示例，为你揭开现代JavaScript的神秘面纱。帮助你深入理解并掌握ES6的强大功能。无论你是初学者还是资深开发者，本教程都将是了解ES6、提升编程技能的宝贵资源，亦可作为你随时查阅的参考手册。

15. VUE对象的组成和挂载方式

    文章浏览阅读300次，点赞2次，收藏2次。Vue对象的基本组成可以通过一个简单的Vue实例来讲解。在这个例子中，vm 是一个Vue对象，它是通过 new Vue() 创建的。: 这是一个页面中已存在的DOM元素，用于挂载Vue实例。在这个例子中，它挂载到匹配选择器 #app 的第一个元素上。: 这是一个函数，返回一个对象，该对象包含了我们希望与我们的视图同步的数据。在这个例子中，我们有一个名为 message 的数据属性。: 这是一个对象，包含了我们可以在视图中使用的方法。

16. 一文讲透 Vue 中 `v-if` 和 `v-show` 的区别

    文章浏览阅读752次，点赞12次，收藏14次。在Vue.js中，v-if和v-show都是用于控制元素显示与隐藏的指令。尽管它们的目的相同，但在实现机制和适用场景上有显著的区别。本文将详细介绍v-if和v-show的区别，帮助开发者在实际开发中选择合适的指令。v-if和v-show都是Vue.js中用于控制元素显示与隐藏的指令，但它们在实现机制和适用场景上有显著区别。v-if通过条件判断决定是否在DOM中插入或移除元素，适用于条件很少变化的情况；而v-show通过CSS属性控制元素的显示与隐藏，适用于需要频繁切换显示状态的情况。

17. Vue—-路由（上）

    文章浏览阅读504次，点赞10次，收藏6次。对于单页面应用程序来说，组件与组件之间的跳转规则就是路由；Vue 路由允许我们通过不同的 URL 访问不同的内容(组件)。通过 Vue 可以实现多视图的单页 Web 应用（single page web application，SPA）。

18. 【Vue】防抖和节流

    文章浏览阅读74次，点赞3次，收藏3次。Throttle和Debounce有不同的应用场景和目标。Throttle用于限制函数调用频率，它在规定的时间内最多执行一次。Debounce用于防止重复调用，它在事件连续触发结束后的指定时间才会执行一次。虽然throttle可以通过增加时间间隔来模仿debounce的某些效果，但并不推荐这种做法。直接使用专门的防抖函数会更加简洁和准确。

19. vue使用provide、inject进行爷孙传值。代替props

    文章浏览阅读111次，点赞2次，收藏2次。1.在开发中在需要进行爷组件对孙组件进行传值时，如果使用prop进行传值，就会先通过props将爷组件的值传给爸组件，再通过爸组件传给孙组件，过程就会有点繁琐。这时可以通过provide提供依赖以及inject注入依赖的方式进行传值。我这里是爷组件提供一个函数，孙组件注入这个函数，就可以调用这个函数。另外，如果使用响应式的话直接修改注入的值会导致爷组件内的值改变。另外：还可以传入多个参数，如一个字符串和一个函数。这样在爷组件的方法内就能收到传过去的val。

20. 对为什么react需要时间分片，vue3不需要的浅学习

    文章浏览阅读394次，点赞17次，收藏10次。Vue 3 通过编译器优化、响应式系统改进、虚拟 DOM 和 Diff 算法优化、单次异步队列、自动批处理等技术手段，大幅提升了渲染效率和性能。再加上现代浏览器的性能提升，使得 Vue 3 能够在大多数情况下提供流畅的用户体验，而无需借助时间分片等复杂的技术。