20231103 前端开发日报

听说前端出大事儿了;好用到飞起的十款vscode插件(前端篇);突破前端开发面试(五):你知道何时应该使用forEach而不是map吗?;前端入行5年,回顾一下;Next.js 的路由为什么这么奇怪?;Flutter 小技巧之不一样的思路实现炫酷 3D 翻页折叠动画;(回忆录)从高考190分到前端负责人,再到如今的政府公务员(上篇);Vanilla Design,新一代 React UI 库

  1. 听说前端出大事儿了

    最近这两天,在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码,就算你完全没用过 React 也没关系,一眼看过去就能看到其中

  2. 好用到飞起的十款vscode插件(前端篇)

    本文旨在介绍本人使用过觉得好用的的vscode插件,以此提升项目的开发效率,本文仅做分享,不提供具体的教程,有需要的可以去本站搜索。

  3. 突破前端开发面试(五):你知道何时应该使用forEach而不是map吗?

    引言 在JavaScript编程中,循环是不可或缺的工具,它们允许我们有效地处理和操作数组中的元素。然而,JavaScript提供了多种不同类型的循环方法,其中包括forEach和map。这两者可能看

  4. 前端入行5年,回顾一下

    2018年的11月1号入职了第一家实习的小公司,然后到今天刚好5年了,给自己这5年的工作经历做一个小总结吧。

  5. Next.js 的路由为什么这么奇怪?

    Next.js 是 React 的全栈框架,主打服务端渲染,也就是 SSR(Server Side Rendering)。 它有一套非常强大但也很奇怪的路由机制。 这套路由机制是什么样的?为什么又说很

  6. Flutter 小技巧之不一样的思路实现炫酷 3D 翻页折叠动画

    今天聊一个比较有意思的 Flutter 动画实现,如果需要实现一个如下图的 3D 折叠动画效果,你会选择通过什么方式? 相信可能很多人第一想法就是:在 Dart 里通过矩阵变换配合 Canvas 实现

  7. (回忆录)从高考190分到前端负责人,再到如今的政府公务员(上篇)

    前言   再次登录掘金,看到前两年写的技术贴,真的是感慨万千。不过是五六年的时间,好似沧海桑田。   简单说下写这份帖子的初衷:1.记录自己经历,供一些前端朋友参考经验。2.练习文笔(虽然很烂),想静

  8. Vanilla Design,新一代 React UI 库

    Vanilla Design 是一个超轻量、超高性能的 React 组件库,它遵循着 nocode 的哲学,并基于 WTFPL 协议开源 (整个大活

  9. 没想到JS中string的方法已经有36个了,来看看你知道多少

    在编写 JavaScript 代码时,字符串是经常用到的数据类型之一,因此了解如何使用字符串方法是非常重要的,我突发奇想要不做一个汇总吧!于是就有了这一篇文章,因为随着更新也有不少方法以及被弃用了,所

  10. 《完蛋我被美女包围了》突然火了世界首个开源贡献榜出炉丨 RTE 开发者日报 Vol.75

    阿里云创始人王坚:AI 带来云计算第三次浪潮,或持续几十年;王小川首谈百川智能大模型发展理念:理想上慢一步,落地上快三步

  11. 面试官问我唯一ID如何生成

    由于简历上,写了分库分表,还写了精通微服务和分布式系统,然后被面试官一顿蹂躏了这里面的技术细节;尤其给我印象最深的问题是,在分布式环境下,你们数据的唯一ID是如何去生成的? 当时条件反射,无脑的回答到

  12. 周爱民:告前端同学书

    周爱民对前端技术做了些回顾总结,说了三个方面的话题:其一,前端过去的15年大致可以怎样划分;其二,前端的现状以及面临的挑战;其三,前端会有怎样的未来。

  13. 前端国际化:一种巧妙的内容多语言实现思路

    本文就简单介绍一种改造现有程序以支持内容多语言的思路。我们希望对于前/后端都是最小改造,尽量不侵入已有的业务代码和底层存储、向下兼容,不影响现有的业务。

  14. 掌握JavaScript中数组遍历的7种方法,成为数组操作达人

    作为JavaScript开发人员,熟悉数组的遍历和操作是非常重要的。数组遍历是处理和操作数组元素的基本需求之一。本文将介绍JavaScript中的10种常见数组遍历方法,帮助你成为数组操作的达人。 f

  15. 在react中使用redux && react-redux的使用demo

    文章浏览阅读94次。redux是一种状态管理工具,可以存储和操作一些全局或者很多组件需要使用的公共数据。平心而论,redux的使用对于新上手来说不太友好,多个依赖包的,多种api的结合使用,相对来说比做同样一件事的vuex用起来比较麻烦.不过,熟能生巧,用多了也就习惯了,下面是个人的一个demo,是自己根据尚硅谷张天禹react教程学习的,然后写的demo.这个demo是一个实用版本的demo,而不是深入研究redux本身的各种api操作。

  16. 使用 vue-3-socket.io 插件以及node.js实现实时聊天(3)

    文章浏览阅读102次。这一章将为你讲述一些在服务器(以宝塔面板举例)上配置node项目和一些细节,让你在生产环境也能正常使用聊天功能。

  17. Vue使用Object.definedproperty的数据监听 使用js实现一种发布订阅的模式

    文章浏览阅读145次。Vue使用Object.definedproperty的数据监听 使用js实现一种发布订阅的模式

  18. 【案例】3D地球(vue+three.js)

    文章浏览阅读125次。three.js+vue 实现3D地球

  19. 基于Electron27+React18+ArcoDesign客户端后台管理EXE

    文章浏览阅读753次,点赞12次,收藏3次。electron-react-admin 基于electron27整合vite.js+react18搭建桌面端后台管理程序解决方案。以上就是electron27+react18开发跨端后台管理系统的一些分享,希望对大家有一些帮助!前几天有分享electron27+react18创建跨平台应用实践,大家感兴趣可以去看看。Electron-ReactAdmin支持。zustand状态管理配置。

  20. react的状态管理有哪些方法?

    文章浏览阅读108次。它允许你在组件树中共享数据,从而避免了通过多层嵌套传递props的繁琐过程。你可以使用 createContext 创建一个上下文,并使用 Provider 提供数据,然后在需要访问该数据的组件中使用 useContext 钩子。如果应用程序状态较为复杂,或者需要在多个组件之间共享和管理状态,可以考虑使用第三方状态管理库。例如,Redux 是一个流行的状态管理库,它提供了一个全局状态存储(store)和用于更新状态的操作(actions)。它允许你在函数组件中定义和更新状态。


关注我

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

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

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