20240105 前端开发日报

2023年底被裁，分享一下面试经历；技术资讯：Vue 3.4 新版本发布，1分钟快速看看改了啥；深入理解 JavaScript 事件流机制：冒泡、捕获及事件代理；2023总结：我在深圳做前端的第6年；使用 wasm 提高前端20倍的 md5 计算速度；一个前端菜鸡的 2023 年终总结；程序员提效 x10 的必备开源“神器”；vue 工作记录登录后的一些好方法

1. 2023年底被裁，分享一下面试经历

   人生中第一次被裁员 2023年11月21日。 “来一下小会议室”。 领导给我私发了一条消息。 我隐约感觉到有不好的事情要发生了。在经历了一段时间的996之后，公司也开始陆续裁员了。前几天就已经连续走了

2. 技术资讯：Vue 3.4 新版本发布，1分钟快速看看改了啥

   踏着2023年的小尾巴，尤大大声明发布了`Vue3.4`新版本。原文对于一些朋友来说，可能比较抽象，所以这里我不多唠了，节约时间直接一起快速过一遍。

3. 深入理解 JavaScript 事件流机制：冒泡、捕获及事件代理

   事件触发过程是 JavaScript 中非常重要的概念，理解它可以帮助我们更好地处理用户交互和网页响应。在 JavaScript 中，事件触发是通过事件流（Event Flow）来实现的。事件流描述了

4. 2023总结：我在深圳做前端的第6年

   入行前端已经6年了，一直有在掘金看技术文章的习惯。其实很早有想在掘金上写点什么，奈何个人技术水平太菜，实在不敢在各位大佬面前献丑；二来就是太懒，无法静下心来做一件事。但万事开头难，不踏出这一步，永远只

5. 使用 wasm 提高前端20倍的 md5 计算速度

   基于 Rust 编译而成的 WebAssembly 大幅优化前端 Md5 Sha256 Sha512 计算速度。Md5 提升高达20倍计算速度，其他两个还没测试过。

6. 一个前端菜鸡的 2023 年终总结

7. 程序员提效 x10 的必备开源“神器”

8. vue 工作记录登录后的一些好方法

   文章浏览阅读193次，点赞4次，收藏3次。/ 验证失败，重新生成验证码。//记住要跳转的地址。

9. vue使用tracking-min.js和face-min.js进行人脸识别

   文章浏览阅读105次。在你的Vue项目中引入tracking-min.js和face-min.js。你可以将这两个文件下载到你的项目文件夹中，然后使用。请注意，上述代码仅仅是一个示例，具体的实现可能因你的项目和需求而有所不同。你可能还需要处理视频流的获取、停止人脸识别等其他操作。来确保DOM元素已经加载完毕，然后初始化人脸识别。标签将它们引入到你的页面中，或者使用npm安装它们。生命周期中初始化人脸识别。希望这可以帮助到你！

10. JS实现视频转gif,react实现视频转gif，前端视频转gif.

    文章浏览阅读312次，点赞14次，收藏9次。JS实现视频转gif,react实现视频转gif，前端视频转gif..本文介绍如何在前端实现视频转gif，虽然我用的是react+umi的框架，但实现该功能还是靠js，所以会不会react对本文的理解影响不大。先看一下实现效果：选择视频文件上传，转换城gif并下载。下面这个gif就是使用本文的方法将map4转成gif的。

11. vue中 components自动注册，不需要一个个引入注册方法

    文章浏览阅读139次。vue中 components自动注册，不需要一个个引入注册方法

12. React Hooks之useState、useRef

    文章浏览阅读423次，点赞10次，收藏7次。在 React 16.8 版本中引入了 Hooks，它是一项新的特性，使得我们在函数组件中可以使用状态（state）和其他 React 特性，而无需编写类组件。在 React 中，我们可以使用 useState Hook 来管理函数组件的内部状态。

13. vue平行组件通信

    文章浏览阅读162次，点赞3次，收藏5次。平时开发的时候vue的父子组件可以通过this.$emit和组件上的属性接收子组件的传参，但是平行组件传递用这种方法就会比较麻烦，vue中还有一种解决方法那就是中央事件总线。写两个组件一个是购物车的组件显示购物车添加的数量，另一个是一个商品列表的组件，通过列表组件的添加按钮添加购物车的数量，点一下购物车加1。在main.js文件中在vue的原型链上添加一个bus，这个bus是一个vue的实例，所以它上面就有。调用同一个vue实例，这样就确定这两个事件在同一个vue实例说以他们就能能够通信了，这样通过。

14. 你vue有写过自定义指令吗？知道自定义指令的应用场景有哪些吗？

    文章浏览阅读363次，点赞10次，收藏6次。开始之前我们先学习一下指令系统这个词指令系统是计算机硬件的语言系统，也叫机器语言，它是系统程序员看到的计算机的主要属性。因此指令系统表征了计算机的基本功能决定了机器所要求的能力在vue中提供了一套为数据驱动视图更为方便的操作，这些操作被称为指令系统我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能除了核心功能默认内置的指令 (v-model和v-show)，Vue也允许注册自定义指令//会实例化一个指令，但这个指令没有参数`v-xxx`// — 将值传到指令中。

15. vue3.0&&vue2.0-prop

    文章浏览阅读104次，点赞4次，收藏5次。注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非<script setup>模式，使用比较少，不再讲解，可自行看官网。

16. 学习Vue 02-20 使用v-if实现条件渲染

    文章浏览阅读163次，点赞5次，收藏4次。如果我们想在相反的条件下（isVisible 为 false）呈现不同的组件，v-else 就是正确的选择。通过在文本元素上放置 v-if=“isVisible”，将指令 v-if 与 isVisible 绑定，就能仅在 isVisible 为 true 时才反应式地呈现该元素（例 2-12）。例如，如例 2-13 所示，我们可以用以下代码块创建一个同时包含 v-if 和 v-else 的组件。虽然使用 v-if 可以有条件地渲染元素，但在某些情况下，频繁地从 DOM 挂载/卸载元素并不高效。

17. 【ReactJs 中使用 TSX】基本、组件、方法、实现类的类型标注

    文章浏览阅读162次，点赞5次，收藏7次。可以使用自定义的接口或类型来标注JSX元素或组件的属性user: User;