20240104 前端开发日报

裸辞四个月,前端仔靠着Nest绝境收下offer;拿开源套壳就是自主研发?事情没那么简单;5 款开源热搜项目「GitHub 热点速览」;从2023看2024前端发展趋势;杭漂六年前端的年终总结;Git开发工具基本使用;Serverless Framework:开发无服务器应用的最佳工具 | 开源日报 No.133;年末随笔|Android面试总结(简历和自我介绍)

  1. 裸辞四个月,前端仔靠着Nest绝境收下offer

    裸辞4个月,绝境之下的我,没想到居然靠着nest这个神来之笔,丰满了自己的知识图谱,成功打动面试官获取到心仪offer

  2. 拿开源套壳就是自主研发?事情没那么简单

    去年8月国内科技圈出了一件非常丢人的事情,想必大家已经都知道了,某个号称自主研发的IDE完全使用开源的VSCode改名而来。没错,就是改名! 哦,对了,还加上了vip功能! 为什么这家公司可以如此堂而

  3. 5 款开源热搜项目「GitHub 热点速览」

    随着 2023 年的结束,我们也迎来了 2024 年的第一个工作日,新的一年就让「GitHub 热点速递」陪你一起进入工作状态吧! 说到上周的 GitHub 热搜项目就不得不提一下,一周飙升了 8 千

  4. 从2023看2024前端发展趋势

    行有不得则需反求诸己,私以为各位前端同学应该以“守正”之心念搏“出新”之机遇。因此,以下个人将分享一些各位前端同学应该调整的策略以及未来一年中一些可能出现的机会与趋势。

  5. 杭漂六年前端的年终总结

    前言 关于年初 事实上,我们是2022年开始搞得这项目,一直到今年2月份,但是之后还有稀稀拉拉的小需求,直到今年五六月份,这个项目才彻底交付。经常遇到大发布就是在公司狗一个晚上,肝到凌晨一点,两点,三

  6. Git开发工具基本使用

    前言 这里只是对Git的一些基本使用做一个简单地梳理,方便重新快速上手。怎么拉项目,怎么提交,怎么创建分支,怎么合并提交等等基本操作。这玩意说实话太久不用确实会忘记。(适合快速恢复记忆使用) Git仓

  7. Serverless Framework:开发无服务器应用的最佳工具 | 开源日报 No.133

    Serverless Framework 是一个强大的命令行工具,使用简单的 YAML 语法,可以帮助你轻松部署代码和云基础设施,满足各种无服务器应用的需求。它支持多种编程语言,拥有超过 1000 个

  8. 年末随笔|Android面试总结(简历和自我介绍)

    前言 在前一段时间里,我既当了很长时间的求职者,也当了面试官去考察一些候选人。 在入职了新公司以后,终于有时间对前一段时间做了一些总结,这次是非技术的总结,包括「简历」和「自我介绍」这两部分,希望对各

  9. Vue 中的 ref 与 reactive:让你的应用更具响应性(上)

    文章浏览阅读384次,点赞11次,收藏7次。ref和reactiveref的背景和重要性:在 Vue 2 中,通过使用v-bind和v-on等指令来实现数据的双向绑定。但是,在某些情况下,需要直接操作 DOM 元素或组件实例,这时候就需要使用ref属性。ref允许你通过引用的方式访问 DOM 元素或组件实例,从而方便地进行直接操作。在 Vue 3 中,ref有了一些改进,它现在可以引用任何类型的值,包括组件实例、函数、对象等。reactive的背景和重要性:在 Vue 2 中,响应式系统是基于对象的属性监听实现的。

  10. 面试题: JavaScript事件流与事件代理

    JavaScript中的事件流是指事件在页面中传播和触发的过程,分为捕获阶段、目标阶段和冒泡阶段。在这个过程中,我们可以利用事件代理和阻止默认行为等技巧来更灵活地处理用户交互,事件代理(或称事件委托)

  11. 使用 tsx方法 slot 写法 vue3

    文章浏览阅读355次,点赞6次,收藏6次。左侧菜单栏, tsx中 slot 的写法, vue3,图标渲染

  12. react+swiper 6 卡点记录

    文章浏览阅读76次,点赞2次,收藏6次。1.没有使用new Swiper创建swiper,而是使用swiper标签直接创建的element,获取swiper实例。

  13. React-组件使用与组件通信

    文章浏览阅读550次,点赞23次,收藏19次。组件使用与组件通信详解

  14. vue 实现拐弯时间线,弯曲时间线,弯曲任务步骤条

    文章浏览阅读170次,点赞3次,收藏3次。实现可拐弯的步骤条功能。

  15. 深入React的JSX世界

    文章浏览阅读83次。深入了解React中JSX语法的奥秘,从无引号、巧用花括号,到别忘了className、内联样式小技巧,助你写出更简洁、更优雅的React代码。本文带你掌握React JSX的基本规则和进阶技巧,轻松驾驭前端世界。

  16. Vue学习计划-Vue3–核心语法(二)ref、reactive和toRefs、toRef

    文章浏览阅读341次,点赞10次,收藏4次。f是将变量转换成ObjectRefImpl类型的数据,等同于。定义的响应式对象属性过多,解构是比较好的选择,我们不需要。b. 我们想要把解构的变量也变成响应式的,此时就需要用到。定义的响应式对象内的每一项都转换为响应式数据,我们打开浏览器看下控制台,主要看下两个输出,,所以解构出来的变量不是响应式的,定义的响应式数据,所以修改我们需要。a. 但是单纯的结构,相当于。我们在模板中就可以直接使用。定义对象类型的响应式数据和。

  17. 什么是Vue-响应式数据

    文章浏览阅读207次,点赞6次,收藏2次。通过使用Vue的响应式系统,我们可以方便地管理和更新数据,使视图与数据保持同步。Vue的响应式数据是指当数据发生变化时,相关的视图会自动更新。在Vue中,我们可以通过。,这样当属性被访问或者修改时,Vue能够监听到变化并进行响应。当某个响应式数据被修改时,所有依赖于该数据的地方都会被通知到,从而更新相应的视图。是响应式的,所以相关的视图会自动更新,显示新的值。的响应式数据,并将其绑定到模板中的一个。当创建Vue实例时,Vue会遍历。选项中的所有属性,将它们转换成。选项来定义响应式的数据。

  18. Vue中用watch一次监听两个值的变化

    文章浏览阅读157次,点赞5次,收藏6次。在Vue中,watch 本身不能监听多个变量。但我们可以通过返回具有计算属性的对象然后监听该对象,从而实现一次性“监听多个变量”。这样,我们就实现了再watch中一次性监听两个值的变化。想要一次性监听更多个值也可以这么操作。

  19. react中概念性总结(一)

    文章浏览阅读394次,点赞9次,收藏11次。需要注意的是,props和state都是React组件的基础构建模块,同时也都应该优化和避免不必要的渲染,以提升组件性能和用户体验。通过调度器和调度优先级的配合,React可以将任务划分为不同的优先级,高优先级的任务可以打断低优先级的任务,从而更灵活地响应用户操作和保证页面的流畅。当某个子组件触发了一个事件时,该事件会冒泡至上层的父组件,父组件可以通过监听相应的事件来进行处理。而使用key,React可以保持组件的状态,并复用现有的组件实例,从而避免重新创建和销毁,提升性能和用户体验。

  20. Vue知识和相关案例

    文章浏览阅读290次,点赞5次,收藏7次。概述:组件是Vue.js最强大的功能之一,组件可以扩展HTML元素,也可以封装可重用的代码,组件系统让开发人员可以用独立可复用的小组件来构建大型应用。组件的出现,能够让开发人员以不同的组件,来划分不同的功能模块,将来需要什么样的功能,去调用对应的组件即可。为什么使用组件1、方便重复使用2、减少代码重复冗余3、便于多人协同开发4、有助于提高开发效率5、提升整个项目的可维护性Tip:通常,代码中一些没有见过的自定义标签,如等,就是组件。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流