在 React 中，我们通常使用 JSX 来编写组件。JSX 是一种类似 HTML 的语法，它可以帮助我们更方便地编写组件，并且可以使代码更加易读和易于维护。在本文中，我们将介绍如何使用 JSX 编写 React 组件，并且将介绍 JSX 与 HTML 的区别、渲染列表、条件渲染、注册事件和传递 Props 相关知识。 ...继续阅读 (56)

针对美国参议院投票通过取消东南亚光伏关税豁免的决议对国内光伏企业的影响，隆基绿能相关人士表示，目前还在评估影响但公司已有所准备，已参股一家美国组件厂共同生产本地产品。业内人士表示，此法案作用或将更多体现在使国内组件产品丢失一定程度的价格优势，并无法产生绝对性影响。（中证报） ...继续阅读 (12)

随着企业业务的发展，新产品的出现，对应的运营推广活动也显得非常关键，建立一个低代码活动平台有利于更好的运营操作体验。本文总结了低代码活动平台设计实践的过程，希望对你有所帮助。一、产品背景随着公司业务的发展，为了缓解开发和测试压力，同时让我们新尝试的产品在起步运营时就有足够的支持，这个足够的支持体现在2个方面，一方面是过往产品优秀的经验能够沉淀复用，另外一方面是能快速的产生运营活动，运营活动在日常运营过程中占据非常重要的分量，高效且产出优质的运营活动对于新产品的推广落地十分重要。基于以上背景，我们开始探索设计一个以自由搭建能力为核心的活动平台，活动后台需要实现的是：1. 沉淀和推广优质的生产资料。在过去的活动实践中，有平台来帮运营沉淀、梳理各种生产资料，一方面过去沉淀优质的运营策略、设计切图能够跨区服跨活动复用，另一方面从已有的资料中发掘更多的规律和价值，降低开发成本；2. 零基础的人也能够使用，且需要足够的快。有时候时机会比完美更重要，面对市场新的机会、数据的波动，我们希望活动能够在几个小时或1天以内，能够策划活动到上线；3. 功能强大的自由度和便捷操作之间要有足够的均衡。一方面我们要抽象业务建立足够好的模型，让玩法尽可能的覆盖足够多的场景，另一方面，足够的自由度可能带来的是系统的难用，我们需要警惕这个事情，因为好用始终是系统的第一要素。二、设计选型在设计之初我们设想的是这样一个活 ...继续阅读 (17)

电商作为零售的一种商业模式，互联网各平台为实现流量变现，通过自建线上商城，连接人货场。本文从零售三要素之一“场”的信息流切入点，阐述如何提高信息流的高效性与体验性，希望对你有帮助。一、背景2016年10月13日，在阿里巴巴云栖大会开幕式上，马云一句“未来没有电子商务，只有新零售”，让新零售的概念正式诞生，并且疯狂传播；零售的基本要素，都离不开“人”“货”“场”这三个字。电商作为零售的一种商业模式，互联网各平台为实现流量变现，通过自建线上商城，商城作为链接“人”（消费者）与“货”（商品）的“场”，而“场”的本质，是信息流、资金流和物流的组合。引用“刘润”《新零售：低价高效的数据赋能之路》，图2-1本文从零售三要素之一“场”的信息流切入点，阐述如何提高信息流的高效性与体验性。信息流的高效性：以提高信息流的高效性与体验性为目标，根据用户在电商平台的购物操作步骤：重点在于用户浏览页面信息流展示的高效性与体验性；因此，我们需要对用户浏览页面进行拆解，从底层元素进行信息流优化，以实现用户浏览页面的展示商品量与准确性的提升。二、页面元素拆解页面的构成元素：页面 = 组件 + 布局 + 交互，其中:组件：是页面的基本构成元素,如图片、按钮、输入框、导航菜单等。一个页面是由多个组件组合而成。布局：是组件在页面中的空间排列方式,通过布局可以自由组合各种组件,构成完整的页面结构。常用的布局方式有横向布局 ...继续阅读 (17)

考研总算落下帷幕，已顺利上岸，终于有时间来水文了。这是一篇科普文章，聊一聊MDX格式。如果不出意外，在最新版的Cuteen主题中(Cuteen6.x系列)，将会天然支持这种格式，以取代不够灵活的短代码。什么是MDX格式MDX是一种结合了Markdown语法和React组件的格式，可以让您在Markdown文档中使用React组件。MDX的全称是Markdown + JSX，是一种使用JavaScript语法编写的Markdown扩展语法。MDX格式的文档可以被解析成React组件，这意味着您可以在Markdown文档中使用JSX语法来编写交互式的组件，例如表单、按钮、动画等。同时，MDX也支持Markdown的常用语法，如标题、列表、链接等，因此可以方便地编写文档和博客文章。以上内容来自官网：https://mdxjs.com/MDX的特点支持Markdown语法和JSX语法：MDX可以在Markdown文档中使用JSX语法，例如React组件、变量、循环等，同时也支持Markdown的常用语法，如标题、列表、链接等。可以使用所有的React组件：MDX支持使用所有的React组件，包括第三方组件库中的组件，因此可以方便地创建交互式的文档和博客文章。可以使用动态数据：MDX可以使用JavaScript语法来处理动态数据，例如从API获取数据并在文档中显示。可以使用MDX工具链：MD ...继续阅读 (62)

前言欢迎关注同名公众号《熊的猫》，文章会同步更新！作为一个Vue中的内置组件，它可以将进入动画和离开动画应用到通过默认插槽传递给目标元素或组件上。也许你有在使用，但是一直不清楚它的原理或具体实现，甚至不清楚其内部提供的各个class到底怎么配合使用，想看源码又被其中各种引入搞得七荤八素...本篇文章就以Transition组件为核心，探讨其核心原理的实现，文中不会对其各个属性再做额外解释，毕竟这些看文档就够了，希望能够给你带来帮助！！！Transition 内置组件触发条件组件的进入动画或离开动画可通过以下的条件之一触发：由v-if所触发的切换由v-show所触发的切换由特殊元素切换的动态组件改变特殊的key属性再分类其实我们可以将以上情况进行再分类：组件挂载和销毁v-if的变化的变化key的变化组件样式属性display: none | x设置v-show的变化【扩展】v-if和v-for一起使用时，在Vue2和Vue3中的不同在Vue2中，当它们处于同一节点时，v-for的优先级比v-if更高，即v-if将分别重复运行于每个v-for循环中，也就是v-if可以正常访问v-for中的数据在Vue3中，当它们处于同一节点时，v-if的优先级比v-for更高，即此时只要v-if的值为false则v-for的列表就不会被渲染，也就是v-if不能访问到v-for中的数据六个过渡时机总结起 ...继续阅读 (70)

vue是数据驱动视图更新的框架, 我们平时开发，都会把页面不同模块拆分成一个一个vue组件， 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。 ...继续阅读 (103)

【摘要】vue是数据驱动视图更新的框架, 我们平时开发，都会把页面不同模块拆分成一个一个vue组件， 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。阅读全文 ...继续阅读 (277)

中国光伏行业协会发布2023年3月全国光伏制造行业运行简况。其中，全国太阳能级多晶硅产量环比增长12.3%，同比增长32.3%；硅片产量环比增长18%，同比增长20.2%，其中单晶硅片产量占比约98.5%；电池片产量环比增长22.3%，同比增长44.4%，其中单晶电池片产量占比约98.0%；组件产量环比增长14.5%，同比增长76.4%，其中单晶组件产量占比约99.4%；逆变器产量环比增长30.7%，同比增长95.8%。（中证网） ...继续阅读 (13)

36氪获悉，奥特维公告称，公司已取得“隆基绿能科技股份有限公司组件项目”的中标通知书，中标金额合计约3.1亿元（具体金额以正式签订的合同为准）。中标项目对2023年业绩影响存在不确定性，将对公司2024年经营业绩产生积极的影响。 ...继续阅读 (11)

数据穿梭框是一种数据输入类的组件，都是对数据进行选择、处理。本文将详细介绍数据穿梭框，以便更好地应用与产品设计当中，希望对你有所帮助。大家做原型的时候，肯定用过Axure软件。这个软件功能强大，上手快。大多数公司都是使用这个软件来写需求、做交互。高保真原型，大家工作中应该也会接触过，如果时间宽裕或者项目要求，大家也会出一些高保真的原型。你有没有想过这个问题：用Axure做的极致高保真，会是什么样子？今天的这个B端组件–数据穿梭框会给你一个答案。这是笔者用Axure做的数据穿梭框的高保真原型。根据笔者多年做高保真原型的经验。这个小小的数据穿梭框组件，基本上代表了Axure做高保真原型的极致。之所以说它代表了高保真原型的极致，是因为它的交互效果，用到了非常多的知识点。如果这个穿梭框能做出来，那么互联网上所有产品的交互效果，都能做出来。当然了，并不是所有项目都需要高保真，大多数项目是需要低保真即可。给大家看这个高保真组件，趣味成分大于实用成分。博大家一乐。下面连一些实用成分的内容：系统全面地了解一下数据穿梭框。一、数据穿梭框的作用数据穿梭框是一种数据输入类的组件，和选择器、树选择组件的本质功能相同，都是对数据进行选择、处理。但是相对于后两者，数据穿梭框可以展示更多的选项信息，而且数据穿梭框特有的交互方式，可以很直观的让用户感知到对数据的选择与处理，增加用户的确定感。多用在一些 ...继续阅读 (17)

B端设计过程中，一个复杂的列表组件应该如何有效优化呢？本文以一次B端列表卡片优化工作的实操为例，详细讲解了这一组件设计改版的思路，希望能帮助在B端设计方面有类似问题的小伙伴在细节或框架上提供新的思考角度。推荐关注产品设计的小伙伴阅读。今天正好在新一期B端学员群中，遇到一个学员的咨询，关于一个复杂的列表组件应该如何有效优化的问题。趁今天有时间就顺手自己做了一遍优化，在这边把内容和过程记录下来，供大家参考。一、优化实例分享首先我们来看需要优化的原图，是一个跨境物流的订单记录列表，每个卡片记录一个物流订单的信息。领导的需求是，需要尽可能的减少单个列表卡片的高度，在一屏高度内放进尽可能多的条目，减少页面的滚动。同时还要支持比较灵活的字段增加和减少。比如在新增需求中，就还有一个操作员分类的信息要添加进来，里面包含业务员、客服、财务三个子分类，每个子分类下还会包含1到10+ 个的人名……在一个有限的空间内塞大量的信息，就是关于体验和信息设计的工作了，我们前面分享过的案例中有说过，完成这种组件或页面的设计，需要遵循下面的流程。所以，在第一步我首先要理解出现在画面中的不同字段是什么意思，包含哪些内部逻辑。如果通过自己分析或者搜索找不到的，就要直接问懂的人。了解完基本的信息，就要整理基础的信息地图，把所有会出现的字段全部罗列出来。只列这些内容是不够的，原来的卡片内容分布是非常混乱，且缺乏逻辑的，进度 ...继续阅读 (15)

作者 | 袁斯来编辑 | 苏建勋4月12日，光伏设备龙头“上机数控”发布公告称，即将变更公司名为“弘元绿色能源股份有限公司”。上机数控表示，业务已从硅棒切割设备制造企业逐步转向“光伏产业链一体化”，新名字更符合经营情况。2019年，上机数控从卖设备，转型至硅片制造。短短三年，公司就换了面孔，营收九成都来自硅片。严格说来，上机数控已不是家设备公司，而是硅片制造商。靠着卖硅片，上机数控净利润也翻了10多倍。吃到“双碳”甜头后，上机数控想要乘胜追击。2022年，上机数控投资百亿建硅料项目，2023年4月4日，上机数控又宣布投资50亿元建光伏组件项目。至此，上机数控已经覆盖产业链最关键三个的环节：硅料、硅片、组件。如此来看，上机数控的确需要换一个名字。改名后的上机数控，会在“一体化”上走得更远，这也是现在光伏企业们的执念。“一体化”意味着强大的议价权、独立的生产，是个让二级市场兴奋的概念。上机数控这样传统到不能再传统的设备厂商，实在平淡太久，显然无法抵御诱惑。但在硅片价格波动，需求前景不明时，上机数控耗费大量资金挤入光伏一体化，此举仍然冒险。上机数控狂奔上机数控从设备转型到硅片行业的时间点，称得上先知先觉。2019年前，“双碳”还不是热词，上机数控只是家很不起眼的设备厂商，主要卖金刚线切片机，用来将硅条切成硅片。根据上机数控财报，其2019年营收只有8亿元，归母净利润不到2亿元，且利润还在 ...继续阅读 (13)

36氪获悉，中金公司研报认为，HJT、钙钛矿等光伏新型电池对水汽较为敏感，因此组件封装防水性能至关重要，丁基胶产品具备高阻水性能，有望成为新型组件封装材料，配合胶膜使用以满足高效电池的防水要求。同时，中金公司认为丁基胶产品具备不可替代性，原材料以进口为主，毛利率较高，看好材料制备经验丰富的企业通过原材料国产化+配方优化+大规模量产加速实现丁基胶国产替代。 ...继续阅读 (21)

导航组件可以对系统功能进行组合与拆分，帮助用户快速认识到系统的整体功能，用户也可以通过导航来快速找到目标功能，其重要性不言而喻。本文作者对导航组件的构成要素和基本形式，以及如何选择导航进行了分析，一起来看一下吧。最“大”的B端组件是什么？那肯定就是导航组件了。使用频率最高的B端组件是什么？答案应该也是导航组件。大，指的是视觉上的大，视觉上足够大，影响范围就足够广，影响范围广，而且使用频率又是最高，那么我们就可以看出导航的重要性。它可以对系统功能进行组合与拆分，帮助用户快速认识到系统的整体功能，用户也可以通过导航来快速找到目标功能。可以说导航就是一个系统的灵魂。这么重要的组件，我们有必要全面地了解一下。一、导航的构成元素导航一般是由：菜单文本、辅助图标、交互图标和操作按钮四个部分组成。如下图：菜单文本：用来说明此菜单链接的目标功能。用户通过菜单文本来了解系统功能。辅助图标：用来辅助说明菜单文本，使用图形化的方式表达菜单信息，一定程度上可以提升用户体验和信息获取效率。交互图标：一般是一个小箭头形式，用来响应用户的点击操作，当菜单层级超过2级时使用。操作按钮：对导航进行一些操作，比如折叠、展开、关闭等。二、导航的三种基本形式大家在日常使用B端产品时，肯定看到过各种各样的导航，总体细分下来，它们可以分为三种类型：顶部导航、侧边栏导航和浮标导航。1. 顶部导航固定在页面顶部，作为系统的一级菜 ...继续阅读 (21)

好的产品设计，就是要运用数量有限的基础能力，去实现高满意度的功能。本文作者分享了自己在设计B端表格时总结的一些经验，希望能帮大家理清表格设计中的一些难点和困惑点，一起来看看吧。在B端项目中，除了大量的表单页以外，复杂组件中出现频率最高非表格莫属。前面跟大家聊B端设计规范和表单的时候，聊到我负责设计的项目包含极多表格表单，在与表格表单相爱相杀的这些日子，我不断的学习实践，总结了一些针对web端复杂业务场景下的表格该如何设计，一方面对企业后台的数据表格作一个简单的阶段性总结，另一方面，希望得到更多的前辈指教与更多的同道交流。表格作为展现数据最为清晰、高效的形式之一，同时又具有复用度高，拓展性强优势，是B端产品中最常见的信息展示形式，也是对数据进行浏览和操作最便捷的设计方式。合理的设计表格能给用户带来高效的信息获取率，但如何设计表格，相信是绝大数刚入行B端的设计师的困扰。接下就是我在设计表格时总结的一些经验，希望能帮大家理清表格设计中的一些难点和困惑点。做b端产品的设计师都知道，为了提升开发效率，我们的前端在投入开发前，一般会选择一种第三方前端框架作为底层来进行组件封装。所以开始内容前，我想先聊一聊第三方的UI框架。01 第三方Table框架目前国内主流UI框架且个人工作过程中接触使用过的有：其他不太常用的框架我自己了解不多，如果有了解的朋友，欢迎在留言区讨论。我个人比较喜欢使用【Ant ...继续阅读 (10)

德国和荷兰科学家组成的国际科研团队首次将能发射纠缠光子的量子光源完全集成在一块芯片上，将量子光源的尺寸缩小到目前设备的1/1000以下，实现了更长时间的稳定性、可扩展性，同时也能进行大规模生产，有望成为可编程光量子处理器的基本组件，降低量子技术应用的成本。相关研究刊发于17日出版的《自然·光子学》杂志。（财联社） ...继续阅读 (21)

原子设计理论是当下比较火热也非常实用的设计理念，它是一种分层思考的思维模式，能很好的指导我们去落地设计系统，帮助我们提升对产品设计整体把控的能力。 原子设计是指导设计实践的基础理论，并非什么高大上的原则，它套用了英国化学家/物理学家约翰·道尔顿提出的“物质的最小单位是原子”这一理论，即宇宙中已知所有物体都可以分解为一组有限的原子。在人们的认知中，原子不管发生任何化学变化都是不可再分的最小单位，也是构成各种物质的基础。（PS：微粒（原子）在化学反应中不可分割，但在物理状态中可以分割。比原子更小的单位有电子，中子，质子，介子，光子，夸克等）。 在互联网非常发达的今天，原子设计理论更是成为了UI设计中不可分割的一部分，既增加了团队工作效率、降低成本，同时更易于产品设计维护、推动着迭代与更新。那么就有设计师会好奇，原子设计理论到底是什么、如何运用、能解决什么问题？现在笔者就和大家一起聊一聊，相信会对原子设计有一个全新的理解。一、原子设计的基础知识1.源于现实世界由于化学变化中的最小单位是原子，绝大多数物品都是从原子级别开始、经过一系列化学物理反应而生，所以从这个角度出发，可以把物品的构成从小到大分为：原子<分子<材料<结构<物品，在生物学中也是类似这种概念，即：细胞<组织<器官<系统<生物体。在现实世界中，所有物质都是按照 ...继续阅读 (57)

大家好，我卡颂。当一个React应用逻辑变得复杂后，组件render花费的时间会显著增长。如果从组件render到视图渲染期间消耗的时间过长，用户就会感知到页面卡顿。为了解决这个问题，有两个方法：让组件render的过程从同步变为异步，这样render过程页面不会卡死。这就是并发更新的原理减少需要render的组件数量，这就是常说的React性能优化通常，对于不同类型组件，我们会采取以上不同的方法。比如，对于下面这样的有耗时逻辑的输入框，方法1更合适（因为并发更新能减少输入时的卡顿）：function ExpensiveInput({onChange, value}) { // 耗时的操作 const cur = performance.now(); while (performance.now() - cur < 20) {} return; }那么，能不能在整个应用层面同时兼顾这2种方式呢？答案是 —— 不太行。这是因为，对于复杂应用，并发更新与性能优化通常是相悖的。就是本文要聊的 —— 并发悖论。欢迎加入人类高质量前端交流群，带飞从性能优化聊起对于一个组件，如果希望他非必要时不render，需要达到的基本条件是：props的引用不变。比如，下面代码中Child组件依赖fn props，由于fn是内联形式，所以每次App组件render时引用都会变，不利于Ch ...继续阅读 (50)

基础的设计规范，包括基础组件、配色规范、页面模板、页面间距等底层基础内容，在基于我们对设计规范有一定程度的了解下，是可以凑凑时间快速做出来的。本文作者分享了用4天时间构建一套可用的设计规范的方法，希望能给你带来帮助。我最近指导小伙伴在做和自己也同步在深思的事情，有关“如何快速输出一套可用的设计规范”的事儿。关于设计规范是什么，一定不用我多说你也知道，它是每一个产品必不可少的东西（C端B端都需要）。但设计规范上不封顶，既可以延伸至设计体系，也可以大到设计生态，当然反向的，也可以只是一堆组件。今天，我不说设计体系、设计生态，因为一上升到这个高度，可不是快速能做的，需要好好规划、长期沉淀与执行，我的新书，会详细讲到这部分。今天，只说基础的设计规范，包括基础组件、配色规范、页面模版（少量）、页面间距等底层基础内容。这些内容，在基于我们对设计规范有一定程度的了解下，是可以凑凑时间做出来的，大约4天的样子。当然，这里不包括评审和反复调优的时间，只是我们去做的时间。那4天怎么用呢？第0.5天，团队内部选择一套开源组件库。第1.0天，着手了解开源组件库设计逻辑。第1.5天，了解服务产品的调性，及明确设计规范框架。第2.0-3.0天，依据前面的准备，修改开源组件库相关属性、调整与设计组件，及核心搭建页面模板。第4.0天，整理修改点，并自我反向补充和调整。01 第0.5天要做产品了，没有设计规范怎么行 ...继续阅读 (25)

在工作生活中，我们常常能够见到各种各样的组件，当用户需要把本地数据发布到远程服务器时，就需要用到组件。那么组件该如何上传呢？本文从五个方面讲述，希望对你有所帮助。当用户需要把本地数据发布到远程服务器时，就需要用到上传组件，比如上传头像，上传视频、提交资料等。它是B端产品中比较常见的组件。在工作和生活中我们看到过各种各样的上传组件，有图片上传、视频上传、文档上传、点击上传、拖拽上传、单文件上传、批量上传等等等等。各式各样的上传组件，都是为了满足大家传输数据时的不同需求而产生。做B端产品时，如何判断当前页面使用哪种上传组件？这是产品经理或交互设计师面临的一个问题。在思考这个问题前，有必要先来系统的了解一下上传组件。了解它，才能用好它。仔细分析下来会发现，不管如何千变万化，上传组件都会有三个基本结构：选择上传内容、管理上传内容、展示上传状态。如下图：这是最典型、最常见的几种上传组件，大家可以体验一下流程。https://gevoaf.axshare.com/start.html#p=%E4%B8%8A%E4%BC%A0%E7%BB%84%E4%BB%B6_%E9%AB%98%E4%BF%9D%E7%9C%9F&id;=aa4gij&g;=1一、选择上传内容选择上传内容，是上传流程的第一步。一般是由一个按钮或者一个视觉icon来触发上传动作。在触发按钮的旁边，可以显示一段提示信息，告知用户 ...继续阅读 (10)

作者| 王方玉编辑| 苏建勋“通威做事情，要么不做，要么就是行业前三，争取第一” 。2022年8月，光伏硅料和电池片龙头通威股份进军光伏组件板块，并在投资者交流会上放下豪言。自那之后至今的半年多时间里，通威的组件业务一路狂飙，在央国企组件订单招标、海外客户合作方面频频斩获佳绩。“低价”是通威狂飙突进的秘诀之一。通过自产硅料的成本优势，通威往往能够在招标中报出更低的价格，从而赢得市场份额。“通威就是组件市场的一条鲶鱼，坏了组件大厂的好事”。一位光伏行业资深从业人士如是对36碳评价道。通威的野心远不止当一条鲶鱼。在面向下游经销商、服务商和客户的行业会议上，通威的管理人员毫不避讳地公开表示，通威在水产饲料、硅料、电池片领域连续数年位居行业第一，在组件领域最终目标也是行业第一。配合进军新市场的步伐，通威的组件产能飙升，已经直逼头部玩家。据悉，去年通威组件产能为14GW，而今年底预计将达到80GW，同比增长高达470%。作为对照，2022年组件出货量最大的隆基绿能的出货量为45GW+。2022年中国光伏企业组件出货量排名；36碳根据公开信息整理近日，一篇介绍通威如何消纳80GW组件产能的文章《80GW不夸张，通威消纳组件产能战略路线图浮现！》，被各大光伏行业媒体疯狂转发。该文章指出，“通威目前的局面，是订单等产能，而不是产能等订单。” “通威的80GW产能完全可以消纳，同时80GW产能对于通 ...继续阅读 (11)

本文是 《Effective Java 3》第二章的学习笔记，在整理笔记过程中，通过 chatgpt 的帮助做了一些扩展。 介绍 依赖注入是软件工程中使用的一种设计模式，用于将组件和依赖项相互解耦。而不是在组件内部创建和管理依赖项，我们从外部传递它们。这种方法可以帮助创建更模块化和灵活的代码。 相比之下，硬编码资源涉及在组件内部直接创建和管理依赖项。这种方法可能会使代码不太灵活，难以维护。 举例 … ...继续阅读 (45)

概述近期，深信服深瞻情报实验室联合深信服安服应急响应中心监测到APT组织对国内高校和科研单位的最新攻击动态，将该样本归因为CNC组织发起的攻击，并结合深信服创新研究院混动图AI模型分析，验证了此次归因结论。自去年西工大事件之后，国内科研机构越来越成为境外APT组织关注的目标。据监测，自2023年1月至今，CNC组织频繁地针对国内多个教育、科研机构进行窃密攻击。此外，该组织攻击活动也被发现出现在巴基斯坦某大学，并首次出现在菲律宾、印度尼西亚等南亚国家。根据目前已知情况，CNC组织最早于2019年被披露，经常使用鱼叉式钓鱼邮件，针对国内军工、教育、科研机构及航空航天等行业进行攻击，窃取该类单位的高新技术研究资料或规划信息等。该组织疑似与南亚APT组织Patchwork（摩诃草、白象）存在一定关联。分析在本次攻击活动中，我们观察到其使用的组件伪装为图片查看器，其详细信息如下表，通过确认该组件与曾披露过的“摆渡木马”功能相似。运行初始化预解密，解密出C2地址“https://146.59.223.210/”。获取目标机器用户名信息。拷贝可疑的伪造png后缀文件以及获取自身模块名称，并尝试连接白域名“https://www.163.com”进行网络测试以便后续的网络通信。检测其是否存在于“appdata\roming”路径下。获取磁盘名称字符串，不断检测是否存在新设备接入，如果检测到新设备， ...继续阅读 (60)

You:请用Vue3写一个ChatGPT Web脚手架，不同的模块要用不同的文件，比如Chat.vue，Message.vue，Request.vue，Storage.vue，文件夹结构要合理。ChatGPT:创建一个基于 Vue 3 的 ChatGPT Web 脚手架需要以下步骤：首先，确保你已经安装了 Node.js 和 npm。全局安装 Vue CLI：npm install -g @vue/cli创建一个新的 Vue 3 项目：vue create chatgpt-web --preset vue3进入项目文件夹：cd chatgpt-web运行项目：npm run serve现在，我们需要创建一些基本的文件和文件夹结构。在src目录下创建一个名为components的文件夹。在components文件夹中，创建以下文件：Chat.vueMessage.vueRequest.vueStorage.vuesrc ├── components │ ├── Chat.vue │ ├── Message.vue │ ├── Request.vue │ └── Storage.vue └── main.js在各个组件文件中，创建基本的 Vue 组件结构。以下是一个示例：Chat.vueChat UI goes hereimportMessagefrom'./Messa ...继续阅读 (40)

Figma作为一款先进的UI设计工具，拥有众多实用的技巧和功能，可以帮助我们更快速、更高效地完成设计任务。用Figma工作是非常有意思的。Figma直观、快速并且响应迅速。虽然Figma容易使用，但是Figma也有很多技巧和插件需要我们去发现，今天推荐10个插件来进一步提升我的工作流程。这些技巧非常实用，可以帮助我更快速、更高效地完成我们的UI设计任务。下面开始上方法；技巧 1：在Figma中轻松创建 Squircles在UI设计中，Squircle（即圆角正方形）这种形状使用频率是非常高的，尤其是在iOS应用程序图标中。与标准的圆角矩形相比，Squircle具有更柔和的曲线和更友好的外观，使图标看起来更加现代化。 我们要在Figma中创建Squircle，可以按照以下简单的步骤： 1.创建一个矩形形状。 2.选择“圆角”选项。 3.在“圆角”输入框中输入一个较大的数字（例如100）。 4.在“长宽比”输入框中输入一个较小的数字（例如1.2）。 5.根据需要调整“圆角”和“长宽比”值，直到我们获得视觉上所需的形状。 注意的是，这种技巧不仅适用于矩形，也适用于其他形状，例如圆形、三角形和五边形等。这种技巧可以帮助我们更轻松地创建出具有现代感和柔和曲线的图形，让我们的设计更加精美。BingO!如果我们想在Figma中更加精确地控制每个角的半径，可以使用右侧面板中的半径设置 ...继续阅读 (67)

本文对应的react版本是18.2.0下面的dom结构react内部是如何遍历的const App = () => { return (+1); }; const A = (props) => { useEffect(() => { console.log(props.count); }, [props.count]); return{props.count}; };react内部遍历核心逻辑：在render时调用commitPassiveUnmountOnFiber函数commitPassiveUnmountOnFiber处理不同的WorkTag，并调用recursivelyTraversePassiveUnmountEffectsrecursivelyTraversePassiveUnmountEffects根据当前Fiber的子节点有没有passive effect（useEffect，useLayoutEffect）来决定是否遍历当前Fiber的子节点如果子节点有passive effect，则优先遍历子节点 (深度优先)，直到找到最终的叶子节点，退出当前循环然后进入兄弟节点，开始遍历兄弟节点的子节点具体从哪个兄弟节点开始遍历，react选择的是离退出循环的那个叶子节点的父节点，检查有没有子节点，以此循环遍历直到最后找到所有有passive effe ...继续阅读 (41)

36氪获悉，10日，爱旭股份发布多份公告，拟106亿元投建浙江爱旭30GW新型高效光伏组件项目；拟129.61亿元投建浙江义乌15GW高效晶硅太阳能电池及15GW组件项目；拟64亿元投建珠海一期3.5GW高效晶硅太阳能电池扩产项目及10GW配套组件项目。 ...继续阅读 (12)

36氪获悉，据通威集团官微消息， 近日，风脉能源（武汉）股份有限公司董事长叶毅一行到访通威，并签订通威高效组件战略合作协议。对于未来发展方向，双方均表示，将不断深化合作关系，持续加大业务往来。 ...继续阅读 (4)

据通威集团消息，近日，在荷兰展会Solar Solutions International现场，通威海外团队与Libra Energy正式签署100MW高效组件供应协议。（新浪财经） ...继续阅读 (8)