RDIFramework.NET 快速开发框架 WebEasyUI版本，为企业或个人基于.NET开发系统提供了强大的支持，采用C#语言开发完成，Web前端基于强大的UI组件EasyUI实现。易上手、多组件、全源码提供、可灵活构建各类型系统。 ...继续阅读 (118)

【摘要】RDIFramework.NET 快速开发框架 WebEasyUI版本，为企业或个人基于.NET开发系统提供了强大的支持，采用C#语言开发完成，Web前端基于强大的UI组件EasyUI实现。易上手、多组件、全源码提供、可灵活构建各类型系统。阅读全文 ...继续阅读 (114)

Oracle Autonomous Health Framework 框架的关键目录的列表 目录描述AHF_LOCOracle AHF 安装的目录。AHF_LOC/pythonPython 家目录。AHF_LOC/orachkOracle ORAchk 家目录。AHF_LOC/jreJRE 家目录。AHF_LOC/commonOracle AHF 公共目录，其中包含库、ACR、ORDS等。AHF_LOC/bin包含Oracle AHF 二进制文件的目录，其中包括命令行界面 tfactl 和 orachk。AHF_LOC/analyzerOracle AHF 分析器目录。AHF_LOC/dataOracle AHF 的数据目录，包含由 AHF 组件生成的数据，如配置文件、Berkeley DB (BDB)、索引数据等。AHF_LOC/tfaOracle Trace File Analyzer 家目录。DATA_DIROracle AHF 存储诊断集合和元数据的目录。DATA_DIR/repositoryOracle AHF 存储诊断集合的目录。DATA_DIR/HOST/diag此目录包含所有组件的日志。 ...继续阅读 (71)

创业邦获悉，微动时空近日获得数千万级战略投资，此次由世纪资本与咏归基金旗下世纪咏兴基金、大兴临空经济区发展基金（新航城基金）联合战投，资金主要用于产品研发、中试级产线和专业队伍建设，促进企业在航空航天核心机电部件制造领域的业务拓展。至此，微动时空2021年成立以来累计获得近亿元人民币资金支持，由天使轮投资人奇绩创坛、黑马基金、中科创星、Pre-A轮投资人前海基金及本轮投资方层层加持下，大大增强了其研发与产业化实力。微动时空是一家从事航空航天核心机电部件开发制造的技术创新型企业。公司在卫星太阳帆板驱动装置（SADA）及其核心部件电传输组件方面具备完整设计开发制造技术能力，推出了电能传输能力在100W-4.5kW范围的数款太阳帆板驱动机构（SADM）产品和对应的太阳帆板驱动控制器（SADE）。团队采用模块化设计理念，将SADA产品的功能部件整合重组，衍生了多款卫星驱动机构产品，包括星载太阳帆板展开组件、多级驱动组件、电推进指向机构（TOM）、激光通信电传输组件等系列化产品。在航空领域，微动时空将航天技术拓展到航空级机电伺服产品与舵系统，数款、多型产品已小批量产交付客户并成功应用。此外公司市场和研发团队还为工业场景的客户解决了技术难题，其开发的工业永磁电机驱动器产品具有良好的性能及可靠性，满足在恶劣环境长期的稳定运行；工业应用系列产品可在未来两年内实现年交付量超过百万台/套并在未来5年内 ...继续阅读 (38)

36氪获悉，天合光能公告，经财务部门初步测算，预计上半年实现归母净利润为33.28亿元到37.52亿元，同比增加162.14%到195.61%。报告期内，公司光伏组件出货量和销售收入较去年同期有显著增长。 ...继续阅读 (5)

问题描述在饿了么UI中有一个Autocomplete搜索建议输入框组件，一般这个组件是用于做远程关联搜索的（类似百度一下咱们输入一个字，会提示出相关的选择建议）可是在某些情况下，这个Autocomplete组件的弹出层部分会出现错位的情况（Autocomplete组件 = 输入框部分 + 弹出层部分）就像下面的这个效果图对于这样的错位问题，笔者提供一个偏向于源头的写法，能够快速解决问题思路分析我们知道，就前端而言，弹出层是一个非常基础的效果功能目前市面上我们所使用的开源组件库的，但凡涉及到弹出层功能的，比如dropdown、Tooltip、Select的弹出层，基本上都是在Popper.js的基础之上封装的vue2版本中vue团队基于Popper.js封装了一个vue-popper组件而饿了么团队又基于vue-popper组件去封装成各个带有弹出层的组件功能PS：前端组件就是不停的封装（套壳子）...笔者也曾经基于vue-popper组件封装了一个属于自己的tooltip，大家有空了也可以点击链接去瞅瞅文章地址：https://segmentfault.com/a/1190000042463083既然Autocomplete组件的弹出层出现了错位的问题，那么本质上来说，还是源头上Popper.js的问题因为弹出层的位置，是Popper.js计算出来的所以，当弹出层位置错位的时候，我 ...继续阅读 (67)

背景最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。HTML 文件 + umd 组件这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包，然后在 HTML 文件中直接使用。// 将组件 URL 挂载到 script 标签上，然后通过 window 获取这个组件 await lodaScript('http://localhost/component/input/0.1.0/bundle.js') app.component('TestInput', window.TestInput)但是这个方案不适合在大型项目中使用，效率比较低。Vue 工程项目 + esm /umd 组件Vue 工程项目 + esm /umd 组件是我目前在使用的方案，但是在研究的过程中遇到了两个问题，逐一解决后，才把这个方案趟通了。第一个问题Relative references must start with either "/", "./", or "../"由于我们的项目不需要兼容 IE，所以打包组件采用的是 esm 格式。打包后的组件源码如下：import { reactive } from 'vue' // other code...然后在主项目中进行引用：const { default: TestInput ...继续阅读 (52)

除了评论区组件，小红书在近一年上线了组合式笔记营销组件。这篇文章从评论区组件出发，讲解小红书营销组件和评论区组件的闭环收割的玩法以及该功能的作用，适合什么品类和发展阶段的商家使用，希望对你有所帮助。其实不仅仅是评论区组件，小红书在近一年上线了组合式笔记营销组件，包括笔记营销组件和评论区组件，从各个角度都丰富了站内的种草转化闭环，也让营销变得更多样化，而不是只有达人种草这一项。当然，优质的达人种草内容是所有组件发挥作用的基础！今天就跟大家整体介绍一下小红书所有营销类组件的玩法和作用，以及分别适合什么品类和发展阶段的商家使用！一、笔记营销组件的链路转化1、引导购买同款/进店看看主要呈现在笔记下端，引导用户“购买同款”或“进店看看”，根据不同的文案链路设计，分别跳转到这篇笔记种草的产品详情页或品牌小红书店铺主页。2、引导私信及表单除了跳转购买外，也可以设置“立即咨询”跳转私信及线索表单，用户可以快速进行细节咨询或者留资。这就需要我们快速响应反馈，不然时间一长容易陷入“用户忘了我们是谁”的尴尬，自然也无法承接后续的转化。3、正文搜索组件和引导购买的组件不同，搜索组件只限在视频笔记中添加，图文笔记暂时是不支持添加这类组件的。用户点击可以直接跳转搜索结果页，在笔记发布前可以修改和设置关键词，一般设置产品词或品牌词。需要注意的是，这类组件在自然流量下展示，但在广告流量下是不展示呈现的。4、品牌标 ...继续阅读 (24)

作者 | 陈元亨；编辑 | 张丞36氪To B产业组会为大家汇总每日新能源领域的主要新闻，7月20日新能源行业动态日报如下：政策、行情早知道国家能源局邢翼腾：利用好大型风光基地建设契机，积极推动先进光伏技术规模化应用在光伏行业2023年上半年发展回顾与下半年形势展望研讨会主论坛上，国家能源局新能源和可再生能源司新能源处处长邢翼腾指出，创新是第一动力，应巩固好光伏产业的全球领先地位，进一步加大基础理论研究和创新投入，利用好大型风电光伏基地建设的契机，积极推动先进光伏技术的规模化应用，超前布局前沿技术和颠覆性技术，持续降本增效。《国家能源局邢翼腾：利用好大型风光基地建设契机，积极推动先进光伏技术规模化应用》中国光伏协会: 上调今年国内光伏新增装机预期至120-140GW36氪获悉，据中国光伏行业协会官方微信号，20日，在光伏行业2023年上半年发展回顾与下半年形势展望研讨会主论坛上，中国光伏行业协会名誉理事长王勃华表示，今年上半年我国新增光伏装机78.42GW，同比增长154%。中国光伏行业协会调高了对2023全球光伏新增装机预测，由280-330GW上调至305-350GW。同时，也调高了对中国光伏新增装机预测，由95-120GW上调至120-140GW。《中国光伏协会: 上调今年国内光伏新增装机预期至120-140GW》特斯拉Model Y在马来西亚正式上市，约4.4万美元起售7月 ...继续阅读 (10)

常见的B端卡片组件，应该怎么设计才可以达成更好的传播效果、传递更清晰、更完善的视觉体验？在本篇文章里，作者就结合具体案例，对B端卡片组件设计进行了技巧拆解，一起来看看吧，或许会对你有所启发。B端设计的过程中，并不是所有元素抄一抄别人的，从组件库里引用下就完事了，而是要经过具体组织并设计。尤其在一些特殊的组件中，是可以去表现设计水平，提升项目整体视觉质量的，而不是让它们看起来非常的枯燥乏味。这次，我们的改版主要就围绕在B端常见的卡片组件中，通过3个以前提交过的作业，来分享如何设计B端的卡片。三个改版案例我们都遵循相同的设计方式和顺序：分析组件包含字段确认组件内部框架完成字段权重表现完成组建视觉样式一、卡片案例1在该案例中，卡片作为页面的核心对象，视觉重心不够突出，且内容的权重没有得到有效的表现，订单标识只有一个的情况反复强调对识别卡片没有任何帮助，且卡片占比过大，没必要的浪费页面空间。所以，重构它的结构时，重点突出标题弱化标签，将卡片拆分成标题、信息、操作三个栏，让信息的呈现更简洁直观。然后再具体优化内容和细节，对重要信息突出，固定的标题字段弱化。最后，再根据主色的需要填充色彩进去即可。二、卡片案例2这个案例也是设计得比较有问题的，但是忽略掉全局组件的粗糙，卡片部分的设计也是很多作品案例中的常见问题，要素过多，没有主次，在列表化的展示中，根本没办法很好的识别相关的内容和关注到有效的信 ...继续阅读 (21)

36氪获悉，宝馨科技在接受机构调研时表示，目前公司在推进安徽蚌埠怀远一期2GW项目的同时，同步推进安徽怀远二期一阶段2GW和内蒙古鄂托克旗2GW项目进展；公司连云港500MW组件项目已经投产，目前产能和订单状况良好。 ...继续阅读 (12)

20日，中国光伏行业协会名誉理事长王勃华在光伏行业2023年上半年发展回顾与下半年形势展望研讨会上表示，2023年上半年，中国光伏产品（硅片、电池片、组件）出口总额初步测算超过290亿美元，同比增长约13%，整体出口情况良好。从出口产品结构方面来看，硅片、电池片出口占比有所增加，组件出口占比有所降低。随着企业海外布局的提升，对电池片和硅片的需求有所提升。（界面） ...继续阅读 (13)

在使用 React 进行开发过程中，或多或少使用过 Refs 进行 DOM 操作或者访问一些DOM上的API，又或使用 Refs 保存数据。不管怎么说 Refs 总是 React 提供的一大助力，这篇文章主要介绍 Refs 功能和使用场景以及注意事项。希望能增强对 Refs 的理解，掌握好这把利剑。什么是 Refs？Refs 是 React 提供的用来保存 object 引用的一个解决方案，在函数式组件使用 useRef 创建一个 ref 对象，ref 对象存在一个可直接修改的 current 属性，内容都是存在 current 上。Refs 使用场景主要分为两个方向，其一是实现 DOM 访问与操控、在两次render之间传递数据内容【和state机制有很大不同，下文会有对比介绍】。如果在组件返回的 jsx dom上绑定了 ref 属性，React 在处理 jsx 时会把该dom节点【原生node节点】的引用存储在 ref.current 上。使用方式分为三步：第一步、使用 useRef 创建 ref 对象（useRef是 FC hooks， class 组件使用React.createRef()创建 ）第二步、赋值&使用【操作dom则绑定为dom的ref属性的值，用于保存值的时候传递内容给 ref.current】,第三步、访问ref内容【进行dom对应的api访问，进行 scr ...继续阅读 (77)

随着光伏电池环节由P型向N型技术升级迭代，行业N型电池产能相对短缺，相关产品供不应求，电池盈利较去年同期有所提升。有业内人士表示：“随着TOPCon电池效率的进一步提升，未来N、P组件功率差拉大，N型TOPCon溢价空间有望进一步提升，景气度超预期发展。N型TOPCon电池相较于P型PERC电池产品性价比更高，在当前溢价背景下，TOPCon电站内部收益率明显高于PERC。”（证券日报） ...继续阅读 (26)

统计发现，截至7月18日，今年以来光伏组件五大巨头阿特斯、隆基绿能、晶科能源、天合光能、晶澳科技通过投资协议、募资预案等披露的扩产计划总投资额已超过2000亿元，四大光伏生产环节合计扩张产能约1000GW。其中，硅棒、切片、电池等产业中上游环节的投资计划，明显多于下游的组件环节。五大巨头原有业务主要在下游电池、组件方面，这一数据体现出它们向上游“补短板”的倾向。（上证报） ...继续阅读 (25)

Figma发布了许多新功能，本篇文章将以Figma中的核心功能——Variables为例，分析Variables的操作和使用，希望能对产品设计的你有所帮助。Figma 在 Config 2023 的大会上发布了很多新功能。在做组件和搭建设计系统方面， Figma 更新的最核心功能当属 Variables 了。今天我们就来聊聊这个话题。一、Variables 是什么？新功能 Variables 可以理解为“变量”。代替原有的 Styles 样式，并充当Design Tokens，相当于是Design Tokens 的一种新的呈现形式。使用 Figma 新增和设置Variables 的方法如下：① 在已建好的Libraries文件中可以看到添加入口。在列表里可增加【Number】、【Color】、【String】和【Boolean】这 4 类 Variables。② 添加圆角、间距这类与数字相关的组件特征，都可以通过【Number】来进行添加。在设置Variables 时，则可以通过选择使用场景，来进行数字上的用法区分。比如：在设置圆角 Conner 时，可以将这组数值的展示范围仅选中 “Conner radius”。这样关于圆角的设置数据就只会在设置圆角时看到，间距、边距等数值的设置也是同理。③ 添加所有的 Variables 后需要进行Libraries 的发布更新。之后在其他的设 ...继续阅读 (26)

本篇文章介绍设计体系的发展及构建等内容。建立一个完整的设计体系需要一个漫长的过程，要能持续地进行系统性的规划并执行。接下来，我们看看作者对此的分享。数字化时代，设计体系已成为许多公司和组织实现一致和可持续品牌形象的重要工具。设计体系不仅可以使设计过程更加高效，还可以提高设计质量和用户体验，从而帮助公司在激烈的市场竞争中脱颖而出。在设计领域，设计体系是指由设计原则、指南、组件库等多种元素组成的系统性方法，旨在确保设计在不同媒介和平台上保持一致性。设计体系不仅规范了视觉层面，还包括用户交互、信息架构、内容策略等多个方面。因此，建立一个完整的设计体系需要进行系统性的规划和执行。本文将追溯设计体系的发展，介绍建立设计体系的步骤和最佳实践，并分享一些成功案例和实用建议，以帮助我们在建立适合自己的设计体系时更加得心应手。一、概述阿拉 . 霍尔马托娃在他的著作《设计体系：数字产品设计的系统化方法》中对设计体系做了明确的定义：“设计体系是为了实现数字产品的目的而组织起来的一套相互关联的模式与共享实践。”模式是指界面中那些重要的要素，比如用户流程、交互方式、按钮、文本框、图标、色彩、排版、文案等等；实践则指我们要如何创建、捕获、共享和使用这些模式，尤其是在多人协作时的创建、使用的方法。一个设计体系是一个不断发展的生态系统，一个有效的设计体系，势必是经过一个个真实的场景验证。在一次次的应用中打磨，才筑 ...继续阅读 (42)

文 |王方玉编辑 | 苏建勋一边是行业大咖纷纷提示产能过剩风险，另一边头部企业又要继续大幅扩产，光伏行业如今正陷入“怪圈”当中。自2023年二季度以来，组件龙头晶科能源、晶澳科技、通威股份、隆基绿能、天合光能不约而同抛出大规模扩产计划，仅这五家巨头的拟投资规模就高达900亿元，而新扩张的产能绝大多数选择了TOPCon技术路线。（36碳注：TOPCon电池，即隧穿氧化物钝化接触太阳能电池，是一种N型电池技术，其转换效率领先于上一代的、采用P型的PERC电池。）这其中，在TOPCon组件出货量上处于领先位置的晶科能源扩产最为激进，其计划新增56GW硅片、电池、组件一体化产能，拟投资规模高达560亿元。在6月的投资者活动交流中，晶科方面表示将维持积极的投产节奏，保持N型产能在行业内的领先规模。一直走专业化路线的硅片龙头TCL中环，也加大了下游电池、组件环节的布局力度。其于近期拟发行可转债138亿元，投资大尺寸超薄硅片和TOPCon电池项目。TCL董事长李东生表示：“我们希望提供晶体晶片的同时，能够交付更多的光伏电池和组件产品。”当前，产能过剩几乎已经是光伏行业的共识，头部企业明知过剩风险，为何还要大规模扩产？对此，多家头部光伏企业相似的回应是，先进产能永远不会过剩。一位光伏分析师告诉36碳，目前光伏电池片技术正处于P型电池向N型电池升级的阶段，因此光伏企业都把N型电池，尤其是N型TOP ...继续阅读 (8)

文 | 张一弛编辑 | 苏建勋36碳获悉，钙钛矿组件公司光晶能源宣布完成1.6亿元A轮融资，本轮融资由国调战新基金与启明创投联合领投，中电投融和资产、中金资本旗下中金传誉基金、日初资本跟投，老股东创新工场、鼎祥资本追加投资。融资资金将主要用于100MW钙钛矿中试线建设，并继续推进技术研发，优化工艺，提升组件综合性能。光晶能源是36碳持续关注的一家钙钛矿组件公司，核心团队技术背景浓厚，是全球最早一批从事钙钛矿产业化研究的科研人员。光晶能源CEO黄福志教授在Science、Nature等高水平期刊发表论文150+篇，引用次数破万。自2015年归国后，黄福志教授一直致力于研究钙钛矿电池产业化技术，开发了独家钙钛矿墨水印刷技术并作为唯一通讯作者发表Science论文。随着钙钛矿行业的发展，业界多家公司陆续推进中试线建设，并开始试点示范项目，向产业化迈进。光晶能源经过前期积累，已经开发了一整套钙钛矿光伏量产技术，特别是独到的墨水调制技术和稳定性提升技术，可兼容不同材料体系、不同电池结构、不同组件尺寸，可适应不同的应用场景需求。公司采用全印刷工艺，材料利用率高，生产效率高，具有较大的降本空间。至于为何专注印刷技术体系实现钙钛矿组件规模化落地，黄福志向36碳解释，一百多年前的工业革命时代，印刷机凭借简洁的工艺、高效的生产能力，推动报纸和书籍广泛、快速普及。而在如今的能源革命时代，光晶能源则采用基 ...继续阅读 (16)

36氪获悉，亿晶光电发布业绩预告，预计上半年净利润2.8亿元到3.2亿元，同比增加1086%到1255%。报告期内，公司光伏组件销量同比增长，另外受益于硅材料价格下降，公司光伏电池及组件的盈利水平有较大增长。亿晶光电同时公告，由于市场变化，并综合考虑认购对象情况及公司业务发展规划、资本运作计划及募投项目实施等诸多因素，公司决定终止2022年度向特定对象发行股票事项并撤回申请文件。 ...继续阅读 (6)

36氪获悉，晶澳科技发布业绩预告，预计上半年净利润42亿元-49亿元，同比增长146.81%-187.95%。报告期内，光伏组件出货量和营收规模实现较大幅度增长。 ...继续阅读 (7)

从青海省科技厅获悉，青海省重点研发计划项目“晶硅光伏组件回收利用技术研究”通过专家验收。项目通过对晶硅太阳能电池组件材料的回收循环再利用研究，探索清洁能源固废规范回收以及可循环、高值化再生利用的新兴产业途径，已于2021年建成了我国首条具有自主知识产权的高质量综合法太阳能晶硅光伏组件回收中试线，综合回收率达92%，为我国晶硅电池综合回收利用提供了科技示范样板。（科技日报） ...继续阅读 (12)

36氪获悉，协鑫集成发布公告称，上半年预计实现净利润1亿元-1.2亿元。同比增长166.57%-219.89%。报告期内，公司连续中标入围国央企组件采购项目，订单充足，组件销售量和营业收入同步大幅提升。 ...继续阅读 (13)

前言这是我新开的一个关于前端知识的模块，主要讲解日常开发中常用的前端技巧。此模块讲解的知识都是能大幅提升前端性能的奇技淫巧，供大家日常交流，同时也希望大家不吝赐教，指出本人的不足。本文使用的技术栈:vue3 + typescript + pinia + element-plus背景modal模态框又称之为弹出框、对话框，是前端日常开发最为频繁的组件之一。但是在日常开发过程中经常遇到一些性能、或者写法繁琐的问题。下面是我举例的一些常见问题：1.modal框塞入当前页面会导致整个组件更新，影响性能添加任务{{ item.title }}删除// 此种方式更新会带动组件的更新取消提交许多后台应用的modal框体量都是非常庞大的，一些流程modal框动辄成百上千行代码很正常，如果在首次加载势必影响首次加载耗时vue使用teleport，react使用createPortal把modal框放到根节点是一些公司的主要优化手段，但是没有全局注册调用事件，导致modal框管理混乱，前端开发人员开发的modal框组件遍布项目各个文件夹下面我就针对以上问题做出解决方案结构示意图：全局注册modal框使用pinia进行modal的全局管理不仅能使各个组件很方便的调用model框，还能统一modal入口，方便管理。// 全局modal框唯一身份标识 export enum ModalType { TOD ...继续阅读 (58)

对于B端产品经理而言，了解B端的产品组件是工作的基础，本篇文章将从七个方面详细介绍B端产品的输入类组件：选择器，希望通过本篇文章能让你对B端产品的选择器有一定的了解。想做好一个厨师，就必须要认识盐、酱油、鸡精、蚝油、葱姜蒜这些东西，而且还要熟悉他们的作用。同样的道理，如果想做好一个B端产品经理，就必须要认识组成B端产品的各种组件。它们就像厨师的葱姜蒜一样，是成为一个优秀的B端产品最最基本的基本功。想象一下，如果一个厨师，不认识葱姜蒜，会是什么样的局面？今天我们就来了解一下B端产品使用频率最高的一个输入类组件：选择器。一、选择器的作用当选项过多时（一般超过5个），弹出一个下拉菜单给用户做选择操作，常用于表单填写或属性选择，这就是选择器的作用。用“选择”代替“输入”，可以减少用户的使用成本。毕竟，做选择题比做问答题方便。二、选择器的构成一个基本的选择器，是有以下四部分组成：文本标签选择框下拉面板星号如下图：三、选择器的类型1. 根据可选择数量根据可选择数量，选择器可以分为两种：单选选择器多选选择器1. 单选选择器：仅支持选择一个选项。2. 多选选择器：允许用户在选项列表中选择多个选项。2. 根据扩展功能根据扩展功能的不同，选择器有以下几种类型：1. 带清除按钮：可以一次性清除已选项。2. 菜单分组：待选项过多时，可以使用层级来显示，方便用户操作。多用于数据结构比较复杂的情况。3. 超过 ...继续阅读 (13)

阿特斯、东方日升、晶澳、晶科、隆基、天合、通威、一道、正泰9家组件企业代表，对新一代矩形硅片中版型238Xmm*1134mm组件标准化尺寸达成共识。9家企业还倡议行业现行的以及未来的182系列组件与210系列组件尺寸设计应遵循中国光伏行业协会标准《T/CPIA 0003-2022地面用晶体硅光伏组件外形尺寸及安装孔技术要求》中的规定以及行业现有的尺寸。9家企业决定共同成立“光伏组件尺寸标准化研讨组”。（证券时报） ...继续阅读 (12)

大家好，我卡颂。对于长期迭代的React项目，性能是不能忽视的问题。通常我们通过：React-Dev-Tools的Profiler面板一些第三方工具，比如why-did-you-render检测运行时性能瓶颈。实际上，React本身就内置了性能检测组件 ——Profiler，可以很方便的检测React项目的性能。欢迎加入人类高质量前端交流群，带飞使用方式Profiler是个内置组件，用他包裹需要检测性能的组件即可：嵌套使用也是可以的：Profiler会检测被他包裹的组件树的性能，检测结果会作为onRender回调的参数：function onRender( id, phase, actualDuration, baseDuration, startTime, commitTime ) { // ...回调 }那么，这些参数都是什么意思呢？其实我们完全没必要记这些。我们只需要知道，一些典型的性能优化场景该使用哪些参数就行。场景1：组件是不是嵌套更新？对于一般的组件更新，会经历4个步骤：组件触发更新计算更新的影响执行DOM操作视图更新但如果在上一次更新流程的4个步骤还未走完的情况下，又触发新的更新：可以发现，在这种情况下，视图更新的时机远滞后于一般更新流程，这会造成页面交互卡顿。这就是组件嵌套更新，通常我们在useLayoutEffect中触发新的更新会遇到这 ...继续阅读 (62)

引言Ant Design V5 是截止目前 Ant Design 组件库最新版本，我们在业务场景已经开始应用，但在近期的测试中发现 Ant Design 组件无法在 360 极速浏览器（极速模式）下显示组件样式。经过查看样式和查阅官方文档， Ant Design V5 组件的样式中大量使用了 :where() 选择器来降低选择器的优先级，以此减少开发者升级组件库时额外调整自定义样式的成本。:where() 对于 Chrome 仅支持 Chrome 88 以上，截止目前 360 极速浏览器的 Chrome 版本为 86，因此无法显示组件样式。参考浅谈CSS逻辑选择器 is、where、not、has:where() - MDN对于此样式兼容问题，主要解决思路如下：参照官方样式兼容文档，使用其提供的降级方案，移除掉 :where() 选择器。主要是通过 Context 为组件传入配置，关闭降低样式优先级的配置，以此移除 :where() 选择器。但针一些无法接收 Context 的场景，例如 Message、Modal 和 Notification 等组件的静态调用形式，仍然会使用 :where() 选择器。对于第一点产生的问题，如果要在组件中使用 Message、Modal 和 Notification 组件，需要避免静态调用形式，采用官方推荐的 Hook 调用形式，可以通过App ...继续阅读 (55)

前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！最近有个同学在面试时被要求手写一个CountDown 计时器组件，但可能是因为之前没有了解过，所以思路上没有那么顺畅，过后他询问我应该怎么写（哈哈，我也没写过），于是就有了本篇文章，希望本篇文章对你有所帮助！！！不难看出，要求手写一个CountDown 计时器组件目的无非考察如下几个方面（谁也不知道面试官在想什么）：组件封装能力组件输入，即对应组件内部 Props的 设计 和 考量组件输出，即对应组件对外提供的 属性 或 方法逻辑复用，即指组件内部逻辑的可组合性时间相关的敏感度倒计时的实现方式有多种，例如setInterval、setTimeout、requestAnimationFrame等等，那么哪种更合适？获取当前时间可以用Date.now()、performance.now()，那么该怎么选？setInterval & setTimeout & requestAnimationFrame倒计时功能必然需要一个不断执行的异步过程（没疑问吧），这可以使用运行时环境提供的API，即setInterval、setTimeout、requestAnimationFrame，那么到底该选择谁更合适呢？下面进行逐个分析！setInterval是什么？setInterval()方法会重复调用一个函数或执行一个代码片段 ...继续阅读 (61)

今天上午，我国首个开源桌面操作系统“开放麒麟1.0”正式发布，标志着我国拥有了操作系统组件自主选型、操作系统独立构建的能力，填补了我国在这一领域的空白。（央视新闻） ...继续阅读 (19)