20231118 前端开发日报

Vite 5.0 正式发布；前端的春天拥抱HarmonyOS4.0；一个22届被裁前端思想上得转变；鸿蒙开发，对于前端开发来说，究竟是福是祸呢？；因为原生，选择一家公司（前端如何防笔试作弊）；修复vue官网的样式小bug（pr已被merge）；Vue 中使用 Lottie 动画库详解；Nest.js 入门与核心原理解析，从 IoC、DI、装饰器到元编程和元数据

1. Vite 5.0 正式发布

   11 月 16 日，Vite 5.0 正式发布，这是 Vite 道路上的又一个重要里程碑！Vite 现在使用 Rollup 4，这已经代表了构建性能的大幅提升。此外，还有一些新的选项可以改善开发服务器

2. 前端的春天拥抱HarmonyOS4.0

   本文旨在为您展示鸿蒙4.0的一些基础用法和一些适用于DevEco Studio实用的插件，带你一起拥抱HarmonyOS4.0向未来！

3. 一个22届被裁前端思想上得转变

   背景以及唠叨 抛出问题，你觉得什么样的人算得上大佬？或者是怎样得人会成为大佬？这是我去面试了一家创业公司，老板跟问我的。我当时得回答是：对框架原理有着比较深得理解得，知道的比较多，各种技术都有一定得了

4. 鸿蒙开发，对于前端开发来说，究竟是福是祸呢？

   提前声明： 先说好哈，不要一上来就开喷，好吧，不感兴趣的话你可以不用看下文直接划走。最近，鸿蒙开发的风头也吹到俺这里了，于是我便上网看了看，就以俺的知识面去聊一聊鸿蒙，究竟是个啥，有啥用呢。

5. 因为原生，选择一家公司（前端如何防笔试作弊）

   也是前几天的笔试题，让我了解和巩固了一些原生js的api。感谢贵公司收留我，自己也会努力提升自己的技术。 如何通过浏览器api调用摄像头，录音设备？ navigator可以获取当前浏览器的信息。 na

6. 修复vue官网的样式小bug（pr已被merge）

   今天在某个群里看到，一个老哥说，他发现了一个vue官网的bug 目前pr已经被merge，官网已经更新

7. Vue 中使用 Lottie 动画库详解

   Lottie 是一个由 Airbnb 开源的动画库，它允许你在 Web、iOS、Android 等平台上使用体积小、高性能的体验丰富的矢量动画。本文将详细介绍在 Vue 项目中如何使用 Lottie

8. Nest.js 入门与核心原理解析，从 IoC、DI、装饰器到元编程和元数据

   使用 Node.js 开发服务端应用有很多方式，比如最简陋的使用内置 http 模块的 createServer api 即可快速创建一个服务。 如果是偏简单点的服务端应用还可以使用 Express

9. JS设计模式之观察者模式：观察者与可观察对象的巧妙互动

   在前端开发中，我们经常会遇到需要对用户的操作进行响应的场景，例如页面上的按钮点击、输入框内容变化等。为了实现这种响应式的设计， 我们可以使用观察者模式来解耦各个组件之间的依赖关系。

10. Vue3-ref、reactive函数的watch

    文章浏览阅读138次。Vue3-ref、reactive函数的watch

11. vue-组件通信(二)

    文章浏览阅读431次，点赞10次，收藏3次。vue-组件通信(二)

12. 深入理解vue3 响应式数据

    文章浏览阅读107次。之前研究了vue的reactive方法，简写了vue3的响应式的核心原理，然后萌生了编写简易版vue3实现的想法。查阅相关资料后，来使用原生js环境模vue3的响应式数据的核心api实现。这个例子很好理解，reative 这个方法创建对象后，能去监听数据的get/set。不管是vue2还是vue3, 最核心的还是，而effect函数可以说是它的核心实现了。

13. Vue中插槽的使用

    文章浏览阅读114次。vue插槽的使用方法

14. Vue rules校验规则详解

    文章浏览阅读283次。当我们在开发Vue应用时，经常需要对表单进行校验，以确保用户输入的数据符合预期。Vue提供了一个强大的校验规则机制，通过定义rules规则，可以方便地对表单进行验证，并给出相应的错误提示。

15. vue3插槽的使用

    文章浏览阅读113次。Vue 3 插槽（Slots）是一个强大的工具，用于在组件之间传递内容和逻辑。通过使用插槽，我们可以将子组件中的内容插入到父组件中的特定位置。本篇文章将总结 Vue 3 插槽的基本用法、特点以及使用场景。

16. vue3 父组件使用ref获取获取子组件的属性方法

    文章浏览阅读172次。2.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名(的组件，想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式，父组件可以正常获取到里面的属性和方法。此时父组件可以获取到子组件的count属性。来指定需要暴露给父组件的属性。

17. React中的Redux：简介和实例代码

    文章浏览阅读501次。Redux是一个用于管理应用程序状态的JavaScript库。它通过一个称为“store”的中心化存储来管理整个应用程序的状态。Redux的核心概念包括actions、reducers和store。Actions：Actions是一个包含type属性的简单对象，用于描述发生了什么。Reducers：Reducers是一个纯函数，接收先前的状态和action，并返回新的状态。Store：Store是应用程序状态的单一来源，它通过reducers来处理actions。

18. pinia中使用@vueuse/core库的useStorage做数据的持久化存储

    文章浏览阅读83次。pinia中使用@vueuse/core库的useStorage做数据的持久化存储

19. 不要在按钮、链接或任何其他文本容器上使用固定的 CSS 高度或宽度

20. 前端开发文档