news 2026/6/28 0:14:07

京东啊啊啊啊啊

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
京东啊啊啊啊啊

行,其实刚才说到 react Memo 还有 use MEMO 这一些大部分时候是和性能有关系的,对吧?那你觉得其实京东的业务场景也有很多这种和就是容易有性能问题的场景,比方说,嗯,我的订单就是一个很长的一个长远表,然后,嗯,那你做这种长远表的时候,我可以再说一下他具体的交互的形态和,就比方说我的订单他其实可以是无限的下拉的。他有很多屏,然后他也可以往上面一拉,就是那二楼的时候他也可以触发一个更新,同时左右这个 tag 它也可以切换,就比方说是一个全部订单,什么已付款、待评价这些,它其实虽然你看到的是一屏,但是它左右可能存在了七八屏的时候。它有一个左右的这种移动,它所以说它不只是一个产业的,纵向的,是一个产业的横向的,它可能就是产业的乘以7,对,所以这种很容易有性这种性能问题,那这种产品表的性能问题,除了刚才说的这些。

这个让他去做渲染,这样他手头的计算的时间会短,然后上屏会更快一些。那你觉得我副总监里面有一个那个循环,我先给他四条,对吧?里边先让他渲染四条,那你觉得这四条,嗯,他是一次性的这些节点,但是一次性的上屏的,还是说按照这个 Mac 循环,它是一条一条上屏

OK,那现在还有这样一个场景,比方说一个 react 组件里边,嗯。它这个组件函数,首先组件函数它里边我可以打一个 control,对吧?嗯,然后我们来确定它有没有执行,同时这个组件里面它还用到了一个 use memo,然后它还有一个 use effect。那你觉得,嗯,这三个假如说我打了三个 control,一个是在组件函数里边,我就在这个函数里边,我直接我是在这个 news memo 这个函数里边打了个 Excel,还一个是说在 news effect 里边打了个 Excel,第三个你觉得他们的执行次序是

我再问一个问题,是说其实我们每个 APP,包括京东它大部分的 APP 都会有一些像比方说暗黑模式这种,像暗黑模式这种,嗯,你觉得该怎么去实现它?打开模式

OK,那你觉得?你就是刚才这个,嗯,暗黑主题。你们平时写样式你用到的是什么框架?less 还是吓死了,平常的是 SARS 比较多。那你觉得我有这样一个场景,就是我写样式的时候,然后假如说我给一个标签,我设置了两个 class,对吧?设置了两个 class,比方说这一个 class 一,我给它设置了一个文字的颜色是红色,然后 class 2我给它设置的颜色是绿色,那你觉得然后这一个盗墓元素它要同时具备了 class,一个 class 2,这两个 class。你觉得它是哪个生肖?

状态管理,对吧?这个。Redux 状态管理?其实我们用状态管理的时候,嗯,平常遇到一个问题是说我不确定 Redux 有没有,我用 Redux 比较少,是说比方说我,嗯,状态管理它可能整体是一个很大的对象,但是我在组件里边可能比方这个对象顶层的是个 a,然后我可能实际用到的是 a 点 b 点 c 点 d。就是好几层了,然后这个 d 变化的时候,就从就是为了能触发这个更新,就是让整个大的对象都变了。然后这样所有用到这个状态管理的地方,虽然他是负,仅仅实际变化的是 a 点 b 点 c 点 d,但其实用 a 点 e 的他可能也会触发这种重复的 re run,像这个问题

那比方说实际的 a 点 b 点 c,那实际的 a 点 b 点 c,我 c 变了,那我用 EMO 的时候就 a 点 b 点 c 等于一个新的东西,那这个 EMO 处理完以后的这个对象 a 和 b。它是一个新的。

那去触发这个 set state,有可能会是说他读到的和嗯实际的 set 的时候,因为它是异步的,可能就会出现这种不一致的情况,像这种问题该怎么解?他的话我可以听清吗?然后可以听清他的话,就是可以

比如说他,我两次 set 第二次的时候,他读到的,虽然可能是说这两次在变化,他读到的可能都是之前的那一部分,但实际执行的时候因为这个次序的问题,他可能就变了,除了刚才这个 set state 的场景,你就是函数式的。你说解决问题的这样一个方案,还有别的方式能去规避这个问题。

你渲染的时候,就比如说那些组件一下或者模型一样,那所需要的资源有没有办法可以去提前下载什么之类

订单结算这些页面,它其实里边有很多是用那个 H5写的,尤其是一些弹层页、二级页或者某一些楼层,这些基本上都是用 H5,也是咱们这个大,咱们这个团队负责的业务。然后这个是在那个安和 iOS 端是这样,那就是会大量使用一些这个 Hyperlink 或者是这种跨端的技术。再有就是在那个鸿蒙端,那基本上这四个模块都是咱们团队在负责,我,咱们是用那个 terror,就是我不知道你了解不了解哈?用那个 P a ROTO 听说过,对一个技术栈就有点像 react 这个样子。然后就是用它来可以去生成这个跨端的这种页面,也可以是直接在这个鸿蒙底下去运行。好的。

Grid 布局兼容性问题与降级方案(总结 + 细节)

一个数组,然后一个对象。但是它其实每次引用都是会变的,但实际上里面的值没变,那你会怎样优化它?PROS 介绍一个数组和一个对象。

实际上是每个filber节点都有一个优先级的标志,说它的执行时间和过期时间,以及但是你说的他的 shadow 里面它会有个优先级队列,优先级队列的话它是一个什么样的队列?先进后先进先出

你的理解方向是对的!如果想让 Promise 批量处理后统一返回结果、不出现单个 reject 导致整体失败,核心是用Promise.allSettled(而非Promise.all)—— 它会等待所有 Promise 都进入settle终态(成功 / 失败),并返回每个 Promise 的结果(包含状态和值 / 原因),不会因单个 Promise reject 而中断整体,最终总能 “统一返回” 所有结果,没有未捕获的 reject。

一、先分清:Promise.allvsPromise.allSettled(核心差异)

然后后面的 promise,然后再统一返回,是吗?不会有一个 reject

新式发布跟订阅模式,这个你知道吗?我这个我知道。嗯,讲

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/25 23:09:28

文件上传php知识和理解

为什么要学真实黑客攻击:找目标网站——上传恶意文件——猜网站的漏洞——上传木马文件——成功然后可以走两个方式1.蚁剑连接测试连接——成功,这里的连接其实就是上传的一句话木马文件的POST里面你写的“密码”,蚁剑叫它密码,但…

作者头像 李华
网站建设 2026/6/26 0:38:18

微观交通流仿真软件:AIMSUN_(15).用户界面与操作

用户界面与操作 1. AIMSUN用户界面概述 AIMSUN 是一款强大的微观交通流仿真软件,用户界面设计直观且功能丰富,旨在帮助用户高效地进行交通网络建模、仿真和分析。本节将详细介绍 AIMSUN 用户界面的主要组成部分和基本操作方法,帮助用户快速…

作者头像 李华
网站建设 2026/6/26 0:39:05

微观交通流仿真软件:Paramics_(1).Paramics软件基础与安装

Paramics软件基础与安装 1. Paramics软件简介 Paramics是一款强大的微观交通流仿真软件,广泛应用于交通规划、道路设计、交通管理和研究等领域。它通过模拟交通系统中的车辆、驾驶员、交通设施等微观元素的行为,提供详细的交通数据和分析结果。Paramics不…

作者头像 李华
网站建设 2026/6/25 22:35:59

mac m3上使用vscode + platformio开发esp32

前言 之前使用过arduino ide去开发esp32。但是感觉有两个问题,一是arduino上面那个esp32的插件不太好下载,二是本人习惯使用vscode的了,想用vscode去开发。所以这次使用vscode platformio arduino库去做开发。 环境介绍 电脑&#xff1a…

作者头像 李华
网站建设 2026/6/27 12:53:44

Vue.js前端框架技术:从入门到精通的深度指南(含实战秘籍)

在前端开发的技术浪潮中,框架的选型直接决定项目的研发效率、性能上限与可维护性壁垒。Vue.js以“渐进式框架”为核心理念,凭借简洁优雅的API设计、灵活的集成能力、卓越的性能表现以及极低的上手门槛,成为全球开发者与企业的首选前端技术方案…

作者头像 李华
网站建设 2026/6/25 23:20:29

Chrome Lighthouse优化

Lighthouse 是 Google 推出的前端性能与质量评估工具,核心优化场景围绕 性能(Performance)、可访问性(Accessibility)、最佳实践(Best Practices)、SEO、PWA 五大维度,其中 性能维度…

作者头像 李华