20240301 前端开发日报

人生第一次面试 海康；js如何控制一次只加载一张图片，加载完成后再加载下一张；《HelloGitHub》第 95 期；原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期；一个收录独立开发者出海技术栈和工具的开源库，短短时间斩获2.4k Star；GitHub 斩获 8300 星，小红书爆火开源 InstantID 要开直播了；【Vue3】回顾watch，学习watchEffect；开源专访:Strve.js框架作者Vam

1. 人生第一次面试 海康

   大家好！ 我叫扯蛋蛋 ，前几天我带着玩玩的心态着投了些简历，结果还有一个比较大点的公司，通过我的简历约到啦面试，听着我的前端领路人讲述面试官的过程，面试前我内心十分害怕，紧张万分。说实话，面试是很遥远

2. js如何控制一次只加载一张图片，加载完成后再加载下一张

   今天看到一个面试题，是关于img图片加载方面的，有必要记录一下。其实关于这个问题，只要知道图片什么时候加载完成就能解决了。 通过onload事件判断Img标签加载完成 实现逻辑：新建一个Image对象

3. 《HelloGitHub》第 95 期

   简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等，涵盖多种编程语言 Python、Java、Go、C/C++、S

4. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

   低代码实践：原生 JS 实现简易低代码 demo + undo、redo 操作，这撤消、重做快给我整懵了 – 查漏补缺，盘点和toggle相关的几个API – 现代 CSS 解决方案

5. 一个收录独立开发者出海技术栈和工具的开源库，短短时间斩获2.4k Star

   大家好，我是程序员凌览。 本文给大家介绍一个零代码的开源库，它只收录独立开发者出海技术栈和工具；帮助独立开发者更好地应对出海挑战。 从短短一周时间斩获2.4k Star的数据看，拥有自己的产品并能够凭

6. GitHub 斩获 8300 星，小红书爆火开源 InstantID 要开直播了

   2 月 29 日（周四） 20:00-21:00，InstantID 幕后团队主创工程师揭晓技术细节！

7. 【Vue3】回顾watch，学习watchEffect

   文章浏览阅读669次，点赞35次，收藏32次。合理的使用watch和watchEffect可以让我们的开发变得更加高效挑战与创造都是很痛苦的，但是很充实。

8. 开源专访:Strve.js框架作者Vam

9. Strapi让纯前端成为全栈不再是口号

10. vue3学习 【4】ref和reactive的使用并于ts结合

    文章浏览阅读83次，点赞6次，收藏3次。接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回,如果在js中使用需要XX.value来操作其内容，在模板中可以直接使用，因为已经自动解包了。vue会在首次渲染的时候追踪所有的ref，将ref对象进行一次封装，如果是普通对象我们是没办法检测他的修改和访问的，所以我们将他封装成对象，然后通过。虽然没有严格的规则，但在某些情况下，使用一些特定的内容才是最佳实践，当然你也能够 ref 一把梭哈。，并加以自己的一定理解，如有不对之处，望大家不吝指正。方法拦截对象属性的get和set操作。

11. vue3 reactive源码解析

    文章浏览阅读636次，点赞21次，收藏8次。中的数据双向绑定原理主要得益于的使用，它提供了一种更清晰的方式来拦截和自定义对象的操作。在Vue3中，Proxy被用来替换Vue2中的Object.defineProperty方法，使得数据绑定更加高效和强大。Proxy对象允许开发者定义基本操作的自定义行为，如属性查找、赋值、枚举、函数调用等。它类似于一个拦截器，可以在访问对象属性时进行拦截，并可以自定义这些行为。reactive：Vue 3 中的reactive函数用于创建响应式对象。它接受一个普通对象作为参数，并返回该对象的响应式代理。在内部，

12. vue3报警告：Vue received a Component which was made a reactive object. This can lead to unnecessary perf

    文章浏览阅读93次，点赞6次，收藏3次。vue3报警告：Vue received a Component which was made a reactive object. This can lead to unnecessary perf

13. 3.1 ES、JS、node.js、TScript的关系和区别

    文章浏览阅读100次。扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查；TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准；TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上；定义变量，循环，判断，函数，原型和原型链，作用域和闭包，异步等语法规范；

14. day46（（VueJS）vuex（全局状态管理对象））

    文章浏览阅读427次，点赞3次，收藏3次。全局状态管理对象（vuex以及pinia）

15. NodeJs 版本升级时Vue工程报错

    文章浏览阅读375次，点赞16次，收藏2次。最近把nodejs 的版本更新了，原来用的 16.15.1 现在用的 18.16.1，结果所有的vue工程都启不动了，一直报错。

16. vue-electron 项目创建记录及注意事项

    文章浏览阅读150次，点赞3次，收藏5次。nodeIntegration: true, //nodejs支持。contextIsolation: false, //上下文隔离。vue-electron 项目创建记录及注意事项。1、使用vue ui或者命令行创建vue项目。2、添加electron插件。更换ts-loader版本。问题：1、运行项目会报错。

17. Angular React Vue 比较 – 组件篇之生命周期

    文章浏览阅读603次，点赞8次，收藏6次。三大框架中实例化组件并渲染组件视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，框架会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。当从应用中销毁组件实例并从 DOM 中移除它渲染的模板时，生命周期就结束了。

18. vue 父子组件之间通信的方法汇总

    文章浏览阅读135次，点赞2次，收藏5次。vue 父子组件之间通信的方法汇总

19. 【Vue】路由

    文章浏览阅读939次，点赞52次，收藏35次。单页面应用程序之所以开发效率高，性能高，用户体验好 最大原因就是：页面按需更新按需更新，首先需要明确: 访问路径和组件的对应关系—路由生活中的路由：设备和ip的映射关系Vue中的路由： 路径和组件的映射关系。

20. 【Node.js】自动生成 API 文档

    文章浏览阅读725次，点赞6次，收藏7次。如何在Node.js项目中使用 Swagger 来自动生成 API接口文档，使用生成方式有很多种。本文基于快速实现。_nodejs自动生成接口文档

21. vue3中实现elementPlus表格选中行的上移下移

    文章浏览阅读201次，点赞6次，收藏5次。vue3中实现elementPlus表格选中某行使得上移下移

22. react Hook useEffect的基本使用及注解

    文章浏览阅读164次，点赞3次，收藏4次。react Hook useEffect的基本使用及注解