20240410 前端开发日报

探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;面试官:请问你在开发过程中如何实现数组去重的;threejs实战数字孪生园区开源(threejs+vue3+vite);CSS实现一个故障时钟效果;Flutter仿Boss-2.启动页、引导页;JavaScript不建议直接声明undefined的原因,极致的严谨和仔细;【 踩了个小水坑】JavaScript不仅有变量声明,还有变量提升;Flutter&Flame游戏实践#10 | 打砖块 – 金币与商店

  1. 探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null

    探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null <= 0 为 true”

  2. 面试官:请问你在开发过程中如何实现数组去重的

    这两天一面 B 站的时候被问到了这个问题,起初我笑了笑,问这么简单的问题,但是等面试官写好题目后我才发现了问题好像不简单 先看下面试官给的什么数组吧 实际开发中我们前端拿到后端的数据,有时候可能

  3. threejs实战数字孪生园区开源(threejs+vue3+vite)

    用Threejs+vite+vue3从零到一实现一套完整的数字孪生园区,内含源码以及threejs基础概念讲解

  4. CSS实现一个故障时钟效果

    起因 最近公司事情不是太多,我趁着这段时间在网上学习一些Cool~的效果。今天我想和大家分享一个故障时钟的效果。很多时候,一个效果开始看起来很难,但是当你一步步摸索之后,就会发现其实它们只是由一些简单

  5. Flutter仿Boss-2.启动页、引导页

    简述 在移动应用开发中,启动页和引导页是用户初次接触应用时的重要组成部分,能够提升用户体验和导航用户了解应用功能。本文将介绍如何使用Flutter实现启动页和引导页,并展示相关代码实现。 启动页 启动

  6. JavaScript不建议直接声明undefined的原因,极致的严谨和仔细

    很多人写JavaScript代码时习惯用var a = undefined 这种写法,其实这种写法在特定条件下会有漏洞。

  7. 【 踩了个小水坑】JavaScript不仅有变量声明,还有变量提升

    最近,一位好久没联系的朋友参加面试时,遇到了这样一道笔试题,引起了我的兴趣。在JavaScript的执行流程中,变量提升是一个经常被忽略的点。它不仅关系到变量的访问权限,还可能导致代码逻辑的执行混乱

  8. Flutter&Flame游戏实践#10 | 打砖块 – 金币与商店

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  9. Vue3跟Vue2比,性能真的有所提升吗?

    文章浏览阅读520次,点赞36次,收藏20次。说起Vue3的改进,很多人都会说出响应式的改变,与Vue2相比,Vue3采用了的方式对响应式做了重写,而Vue2则是采用的方式将对象的属性进行深度遍历,而这种方式想要实现响应式的前与后,就需要给每个属性添加和。但Vue3做了改进,通过使用proxy的方式,则不需要深度遍历了,他实现了删除属性的监听数组索引的监听以及动态属性添加的监听。这些我发现很多人都是可以回答出来的,但这些回答远远是不够的,下面我们说一些在面试中需要更丰富的回答。1 源码体积有所减少。

  10. vue3+elementPlus cron组件

    文章浏览阅读94次。【代码】vue3+elementPlus cron组件。

  11. Vue isRef、unref、toRef和toRefs的用法

    文章浏览阅读213次,点赞5次,收藏3次。如果参数是ref,则返回內部值,否则返回参数本身基于响应式对象上的一个属性,创建一个对应的ref,这样创建的ref与其源属性保持同步,改变源属性的值将更新ref的值,反之亦然将一个响应式对象转换为一个普通对象,这个普通对象的每个属性都是指向源对象相应属性的ref,每个单独的ref都是用toRef()创建的。

  12. React生命周期及各周期详解

    文章浏览阅读410次,点赞9次,收藏13次。在这个例子中,我们创建了一个LifecycleDemo组件,它展示了生命周期方法的使用。componentDidMount和componentDidUpdate分别在组件挂载和更新后被调用,而componentWillUnmount在组件即将从DOM中移除时被调用。在React 16.3及以后的版本中,引入了新的钩子(Hooks)API,使得在函数组件中使用生命周期方法变得更加容易。在这个过程中,组件会经历多个阶段,每个阶段React都会调用相应的生命周期方法。

  13. [react优化] 避免组件或数据多次渲染/计算

    文章浏览阅读255次,点赞2次,收藏3次。代码如下 点击视图x➕1,导致视图更新, 视图更细导致a也重新大量计算!允许你的组件在 props 没有改变的情况下跳过重新渲染。有代码如下,每次状态改变,,父组件和子组件都要重新渲染。每次都重新渲染,因为数组是引用类型,内存地址不一样。其实是会变的,x变a就重新变化。代码如下,传了一个数组。用useMemo,让他换缓存。有没有办法优化掉这个大量计算呢?怎么解决避免子组件重新渲染?当然useState也可以。每次更新都浪费时间去计算。这样子组件就不会变化了。

  14. vue-pdf只显示一页问题解决

    文章浏览阅读59次。vue-pdf只显示一页问题解决

  15. Vue数据修改异步渲染原理分析

    文章浏览阅读571次,点赞28次,收藏12次。Vue异步渲染DOM原理分析

  16. vue3第十七节(特殊属性key,is,ref)

    文章浏览阅读104次,点赞3次,收藏3次。vue 中特殊属性 key、is、ref 的作用以及用途,使用注意事项

  17. Vue3快速上手(简易版)

    文章浏览阅读826次,点赞19次,收藏24次。无

  18. 手写vite插件之将vue文件里style里面的px转换为rem

    文章浏览阅读80次。【代码】手写vite插件之将vue文件里style里面的px转换为rem。

  19. ES6中 Generator中的使用(async/await)

    文章浏览阅读439次,点赞15次,收藏15次。Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同回调函数promise那么,上文我们提到promsie已经是一种比较流行的解决异步方案,那么为什么还出现Generator?甚至呢?该问题我们留在后面再进行分析,下面先认识下Generator。


关注我

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

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

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