20231212 前端开发日报

一个30岁老前端的人生经历（学习+工作+婚姻+孩子），给迷茫的朋友一点激励；前端学哪些技能饭碗越铁收入还高；快手面试官：页面上有100个li，你知道怎么实现”点击li能console.log里面的内容“这个功能吗；2024 年最值得推荐的 7 个 Vue3 组件库；看了粉丝的简历，总结一篇面试避坑指南；深入浅出 Vite5 中依赖预构建；猴赛雷的pointer-events，一个你可以用不到但是不能不知道的 CSS属性；nodejs+vue+ElementUi中小型医院门诊挂号系统网站il5n0

1. 一个30岁老前端的人生经历（学习+工作+婚姻+孩子），给迷茫的朋友一点激励

   我93年的，还差几天就到30周岁生日了。做前端开发大概也有6、7年，算是老前端了。 和大家分享一下我的人生经历，与君共勉。

2. 前端学哪些技能饭碗越铁收入还高

   随着经济的下行以及移动互联网发展趋于成熟，前端同学如果能在端智能、图形学以及工程提效等方向深耕，依然可以找到既稳定收入还高的工作。

3. 快手面试官：页面上有100个li，你知道怎么实现”点击li能console.log里面的内容“这个功能吗

   Hello everyone～ 笔者前段时间参加了快手国际化的面试，一面有一道题目当时做了好久，一直没有做出来，后面事情太多了，自己又比较懒散，就没有整理。这段时间很多事情都告一段落了，我也觉得我可以

4. 2024 年最值得推荐的 7 个 Vue3 组件库

   马上 2024 年啦，给大家推荐 7 个好用的 Vue3 组件库，如果你的项目正在使用 Vue3，或者打算升级 Vue3，这些 Vue3 组件库或许是不错的选择。

5. 看了粉丝的简历，总结一篇面试避坑指南

   在这个互联网寒冬，如果待毕业或者已经毕业，该如何开启自己的面试之旅？前方的黑暗之旅的终点在哪？请点赞收藏好这篇文章

6. 深入浅出 Vite5 中依赖预构建

   天下武功，唯快不破。万字长文带你深入浅出 Vite “预构建”过程，从思路、实现再到源码，一步一步带你揭开 Vite 的神秘面纱，

7. 猴赛雷的pointer-events，一个你可以用不到但是不能不知道的 CSS属性

   只在再一次面试中，面试官问我：如果有两个元素，一个元素覆盖到另一个元素上，如何做到点击上面的元素触发下面的元素？

8. nodejs+vue+ElementUi中小型医院门诊挂号系统网站il5n0

   文章浏览阅读330次，点赞8次，收藏7次。在系统的实现上，也针对医院各种繁杂的事务处理进行梳理，帮助维持工作人员的工作秩序与工作习惯，也确保整个系统功能完整、操作简单，让使用者感受到系统带来的便捷和高效。在系统页面的交互上，秉持响应迅速、界面友善、易学易用等特点，让系统所拥有的任何其他功能(指支持窗口业务处理之外的功能)应该尽量的是后台的、隐藏的、不被终端用户所感知的、不增加或尽量少增加窗口业务处理人员的负担。文件繁多，还容易丢失，对信息进行高效的处理的重要方法是在设计时充分考虑到各个方面，对数据库的各项信息进行归纳整合，简化数据的存储。

9. JavaScript 事件循环：理解进程、线程和异步编程

   JavaScript 是一门单线程的编程语言，这意味着它只有一个主执行线程来处理所有的任务。然而，JavaScript 可以利用异步编程的方式实现并发操作，从而提高性能和用户体验。

10. 前端白屏检测：SDK的设计与实现

    前端白屏指页面在加载过程中长时间无法正常展示内容，内容区空白，使用户无法进行查看、保存等一切操作，这是非常严重的问题。如果能尽早检测到白屏问题，就可以及时处理，避免或降低负面影响。

11. 快30倍JSON序列化是Jackson？是Gson？还是谁？

    先说结论，这次测试了三个 JSON 序列化的例子，综合来看，最快的都是他，遥遥领先第二名 Gson 30 倍！

12. React入门小白版：从零开始学核心概念

    React 基础 1. 入门概念 1.1 什么是 React React 是由 Facebook 开发的一款用于构建用户界面的 JavaScript 库。它的主要目标是提供一种简单而高效的方式来构建大

13. JavaScript事件循环机制和异步处理

    前言 JavaScript是一门单线程的编程语言，这意味着它一次只能执行一个任务。然而，为了处理异步操作和提高性能，JavaScript引入了事件循环(Event Loop)的概念。本文将深入探讨Ja

14. HTML问题：如何实现分享URL预览？

    如此当接收者看到时，可以立即获取到分享链接的一些重要信息。这有助于接收者更好地了解链接的内容，决定是否点击查看详细内容。

15. vue3.0 el-table 行内点击图标 修改该条数据某个值

    文章浏览阅读343次，点赞10次，收藏11次。vue3.0 el-table 允许行内点击图标可以编辑某列，以此来改变某项的值

16. 开源的局域网文件共享工具迎来大更新

    在shigen之前的文章开源一个局域网文件共享工具中有提到了我设计的局域网文件共享工具，实现扫码即可上传文件，访问链接直接下载文件。在我的github上也成功的获得了5个star

17. Vue学习计划-Vue2–VueCLi（三）ref属性、mixins混入、插件、scoped样式

    文章浏览阅读271次，点赞5次，收藏3次。实际效果：子组件内写样式，影响父组件了。

18. LLB4 React Hooks – 性能优化相关的 Hooks

    文章浏览阅读259次，点赞10次，收藏10次。内容纲要版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！

19. Vue3.0监听器watch与watchEffect

    文章浏览阅读340次，点赞9次，收藏10次。在 Vue 3 中，watch仍然是一种用于监听数据变化并执行相应操作的方式，不过在组合式 API 中，watch的使用方式与选项式 API 略有不同。以下是关于 Vue 3 中的watch。

20. react内置组件之＜fragment＞＜/fragment＞

    文章浏览阅读156次，点赞4次，收藏3次。可以加key，<>不可以加key。

21. vue 组件实现v-model

    文章浏览阅读116次，点赞3次，收藏4次。的属性，用于接收父组件传递的值。然后，在组件内部，通过。指令来实现双向数据绑定。如果你想在自定义组件中使用。的自定义事件，并将新的值作为参数传递给父组件。首先，在组件的props中定义一个名为。属性也会随之更新，实现了双向数据绑定。在父组件中，你可以像使用原生的。组件中输入文本时，父组件中的。在Vue中，可以通过使用。，需要做一些额外的工作。

22. 反应式编程(Reactive Programming)

    文章浏览阅读298次，点赞8次，收藏8次。本章将介绍该作品系列最后一种编程范式，也就是第种编程范式–反应式编程(Reactive Programming)，以及它的优缺点、案例分析和项目代码。

23. 使用Node.js服务搭建本地web网页小游戏并实现远程访问

    文章浏览阅读179次，点赞16次，收藏15次。使用Node.js服务搭建本地web网页小游戏并实现远程访问

24. 正确使用React组件缓存

    文章浏览阅读173次。正常来讲的话当我们点击组件的时候，该组件以及该组件的子组件都会重新渲染，但是如何避免子组件重新渲染呢，我们经常用memo来解决。

25. 前端Vue面试题总结

26. 了解一下全新进化的CSS linear缓冲函数

27. 精通TypeScript：打造一个炫酷的天气预报插件

28. Git命令思维导图