20240412 前端开发周报

探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;面试官:为什么忘记密码要重置,而不是告诉我原密码?;探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;我早就看现在的工作流不爽了- 前端使用 Jenkins;你不知道的Vue最新功能:Vue Macros;探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;面试官:如何一次性渲染十万条数据;用 VitePress 搭建电子书,绝了

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

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

  2. 面试官:为什么忘记密码要重置,而不是告诉我原密码?

    最近有个同学在面试中遇到了一个很有意思的问题,我相信大多数的同学可能都没有遇到过。 面试官提问说:“为什么很多网站忘记密码需要重置,而不是直接告诉用户原密码?

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

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

  4. 我早就看现在的工作流不爽了- 前端使用 Jenkins

    笔者一天要说100次“哥,代码更新了,打包上传下吧,球球了”,终于我实在受不了了(上传代码的这位哥也受不了了),于是想通过 Jenkins 实现简单的前端项目自动打包部署。

  5. 你不知道的Vue最新功能:Vue Macros

    Vue Macros 让你能提前体验下一个版本的Vue功能,也能了解到Vue团队的规划与野心,提前适应新版本

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

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

  7. 面试官:如何一次性渲染十万条数据

    后端一次性返回过多数据时,我们前端应该如何渲染,本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景,我生成十万条li,然后每个li都是随机

  8. 用 VitePress 搭建电子书,绝了

    VitePress写技术文档、做官网很棒,由于它极高的扩展性,做电子书更是一个绝佳的选择,本文分享我的经验

  9. 【样式穿透】VUE样式穿透为啥有时不生效,把ta嚼烂

    背景:经常在UI框架进行样式穿透的时候,会发生不生效的情况,既会是因为选择器优先级问题,这种比较好理解,提升优先级就好,但在vue中有时候需要将scoped去掉才能生效,有时候又不能去掉scoped,

  10. Flutter 即将放弃 Html renderer ,你是否支持这个提议?

    在之前的《Flutter Web 的未来,Wasm Native 即将到来》 中我们知道,Flutter 通过推进 WasmGC 的落地来支持 Dart Native ,从而让 Flutter Web

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

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

  12. JS事件循环(Event Loop)改了?宏任务不存在了?让我们来看看最新的是什么样的

    过去把消息队列简单分为宏任务和微任务,但是随着浏览器复杂度急剧提升,W3C已经不再使用宏任务的说法。根据W3C的最新解释:每个任务都有一个任务类型,同一个类型的任务必须在一个队列里,不同类型的任务分属

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

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

  14. 通过脚手架一键生成vue后台管理系统

    最近一直在做后台管理,一般都是从网上git clone一份下来,然后根据需求将多余的模块删除。 这时我就在想有没有一种方法能够根据我的需要自动配置我想要的功能和模块呢? 毕竟每一次复制粘贴也怪麻烦的,

  15. git提交错了?别慌,直接删除提交记录

    为什么要删除提交历史 前几天产品提了个很扯淡的需求,我在代码了进行了吐槽…. 要命的是我不下心进行了代码提交: 我们的远程仓库大家都能看见的 这要是被其他人发现就惨了!当务之急,我必须立刻马上删除

  16. 你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了

    你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了 大家好,我是梦兽编程。欢迎回来与梦兽编程一起刷Rust的系列。微信公众号【梦兽编程】即可加入梦兽编程微信交流群与我

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

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

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

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

  19. 下一代 CSS 框架:Mojo CSS,为何如此受欢迎?

    Mojo CSS 定位为下一代原子级 CSS 框架。它于 2023 年发布,该框架的工作原理是扫描你的代码并实时创建 CSS 视觉效果,而无需你编写新的 CSS 代码。

  20. 心态崩了,约了半个月,就只有3个面试

    心态崩了,最近半个月他只约到了3次面试,心里那个急啊,总怕错过了找工作的黄金期。 我跟他说:“淡定点,现在找工作的机会还多着呢。不要和别人比,把握好自己的节奏。

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

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

  22. 最新发布免费开源图片&海报编辑器工具

    项目起因 事情是这样的,前不久看到一个国产的开源canvas 2d框架(leaferjs)做的非常棒,于是就跃跃欲试,打算用这个框架搞点什么,于是最终决定搞一个开源的在线的图片&海报编辑器,肝了一个月

  23. 前端工程师应该如何正确面对 UI 组件视觉回归测试

    在面对原子化的基础组件视觉回归测试时,我们需要思考如何有效地实现 UI 视觉自动化。本文将从思路、实现和原理三个方面为您详细讲述,如何应对基础类 UI 组件的视觉回归测试挑战。

  24. Flutter 中如何显示条件 Widget

    Flutter 中你是如何显示条件 Widget 的?你的实现方式是否正确?或者说你知道什么是条件 Widget ?这篇文章将为你解答这些疑惑!

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

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

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

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

  27. 前端面试刷题必备(手撕代码篇)

    前端面试——JS 手写代码 前端面试刷题(JS篇):https://juejin.cn/post/7352414490628521993 涵盖各类基础手写代码题

  28. 一组解决常见设计问题的 CSS 片段和技巧

    一组解决常见设计问题的 CSS 片段和技巧 例如: 此 CSS 代码段以具有该类的元素为目标.button,并将背景颜色设置为#f1f1f1。 代码片段可以是简单的一行,也可以是选择器、属性和值的更复

  29. 有了 TypeDoc,我的 Typescript 项目再也不用写开发文档了

    目前我们正在开发一个前端脚手架,由于项目是使用的 Monorepo 来进行开发的,在多包中,我们维护了一个公共函数的包,使其可以提供多个不同的包使用,为了能实现我们编写的工具函数能快速被其他开发者理解

  30. 替代 Redis 和 Memcached:25 倍吞吐量 | 开源日报 No.213

    Dragonfly 是一个内存数据存储,适用于现代应用工作负载,可替代 Redis 和 Memcached。与传统的内存数据存储相比,Dragonfly 提供了 25 倍的吞吐量、更高的缓存命中率和更

  31. 前端代码规范 – 日志打印规范

    在前端开发中,随着项目迭代升级,日志打印逐渐风格不一,合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题,提高开发效率。

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

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

  33. 我的Next.js之旅:第四天 – API路由与服务器端功能的秘境

    嘿,朋友们!昨天我们一起寻找了Next.js城市的宝藏——数据获取与状态管理。今天,我将带你们进入这座城市的秘境——API路由与服务器端功能。准备好了吗?让我们开始吧!

  34. JSSDK开发思路,基于RollupJS记录

    背景 项目需要开发一个发版通知插件,同时公司项目属于乾坤架构的微前端应用,涉及多个子应用,如果每个项目都写一遍逻辑,在修改时可能会重复修改多个项目,于是想着能不能通过开发一个插件,对项目侵入最少方式,

  35. 尝试在 Java 中使用 Moshi JSON 库

    Moshi 是一个可用于 Java 与 Kotlin 的 JSON 序列化与反序列化库,其主要使用 Kotlin 编写。

  36. SeaTunnel & SeaTunnel Web部署

    SeaTunnel & SeaTunnel Web部署 我这边已经配置成功就没有那些不成功的截图了,可以参考一下几点逐步确认: 1. 确认下`$SEATUNNEL_HOME/lib`目录下有没有`d

  37. 从0到1搭建基于@tarojs/components组件库

    在使用组件时,因为都是大家随手封装的,没有文档也没有注释,很是难受。并不知道有什么具体功能也不知道长什么样子。决定从0到1来封装一个组件库

  38. Canvas绘制多个图形–前端学习

    Canvas绘制多个图形–前端学习,Canvas 是一个强大的工具,可以用来绘制各种图形、动画和交互式内容,可以绘制多个图形,如矩形、圆形等,实现丰富多彩的效果,让前端世界更加丰富!

  39. 27K star开源AI程序员,可独立完成95%的开发任务

    使用AI来生成一部分代码比较常见,那你考虑过让AI完成整个项目吗? 今天我们介绍的开源项目,它希望为世界上第一位人工智能开发伙伴,可独立完成95%的开发任务,它就是:GPT Pilot

  40. 从零实现 React v18,但 WASM 版 – [1] 项目框架搭建

    使用 Rust 和 WebAssembly,从 0 到 1 实现从零实现 React v18 的核心功能。

  41. React官方不推荐这样使用useImperativeHandle,我偏要用,和官方对着干

    React.useImperativeHandle 这种使用方式居然是react官方不推荐的,这让我不禁思考起来“难道我一直都踩在陷阱里?”

  42. 如何在 JS 中高效率地存储巨量的二进制数据?

    最近碰到有一个功能需要在程序中缓存几十万个节点更新状态,一个节点要么已经更新,要么等待更新,这就是一种二进制状态,在巨量的节点数量下,除了存取状态,还需要批量地对某一批节点置为已更新或者未更新,怎么存

  43. Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)

    在前边我们聊了数据结构的设计和剪贴板的数据操作,那么这些操作都还是比较倾向于数据相关的操作,那么我们现在就来聊聊基本的图形绘制以及图形状态管理。

  44. 你知道JSON.parse(JSON.stringify())实现深拷贝的原理是什么吗?

    很多场景我们都需要用到深拷贝,那么JSON.parse(JSON.stringify())绝对是我们首选之一,因为他既简单,又能解决我们浅拷贝带来的引用问题,那么你知道它是怎么实现深拷贝的吗?

  45. Vue框架介绍简介

    文章浏览阅读349次,点赞2次,收藏4次。无论是构建简单的Web应用还是复杂的单页面应用,Vue都能提供强大的支持和高效的解决方案。无论是构建简单的轻量级应用,还是开发复杂的单页面应用(SPA),Vue都能提供强大的支持。而对于复杂的应用,Vue则提供了丰富的插件和工具,使得开发者可以轻松地构建出功能强大的应用。在Vue中,开发者只需要声明式地描述数据的状态,Vue就会自动处理DOM的更新和渲染。Vue的官方文档详细而全面,为开发者提供了丰富的学习资源。同时,Vue也提供了丰富的教程和示例,帮助开发者更好地理解和掌握Vue的特性和用法。

  46. 免费全开源,功能强大的多连接数据库管理工具:DbGate

    DbGate:您的全能数据库指挥中心,一站式免费开源解决方案,无缝连接并管理多款主流数据库,让复杂的数据世界变得轻松易控! – 精选真开源,释放新价值。 概览 DbGate 是跨平台的数据库管理器。支

  47. 子传父vue/react

    文章浏览阅读72次。子传父:很多都是结合defineEmit来实现的,这里通过给子组件传递函数,子组件调用传递下来的函数实现传值。

  48. 你应该知道的21个html小技巧

    在这篇文章中,我将分享21个HTML技巧和代码片段,可以提高你的编码技能。希望对你有帮助,欢迎留言讨论你知道的其他优化方式。


关注我

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

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

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