今天在写gradio代码的时候出现了下面这个错误dom.js:238 Uncaught (in promise) DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.相应的gradio 版本是4.16最新版，我的逻辑是radio组件联动chatbot组件，在radio组件中选择选项的时候，gradio出现卡死的现象，打开f12看到如上的错误。根本原因在于：输出到chatbot的内容包含了markdown table 语法，如果是纯文字没有问题在github上搜了下也有类似的问题，出现在3.50版本，这都4.16了好像还没修复。现在有两个方案：继续保持原样，想要切换radio选项的时候先刷新页面，在做选择，但是这样交互很不友好对gradio进行降级，目前试了3.40下使用无异常pip3 install gradio==3.40ok,今天顺利又水了一文，哇咔咔 ...继续阅读 (61)

如果想作为窗口的背景图片，又或者重复地铺满整个窗口，那么就需要使用图片重复的功能。前面学习了图片简单的插值方法，这样可以让不合适的分辨率的图片，可以随着客户的放大或缩小进行合适插值运算，从而让图片看起来更加舒服，更加美观。根据上面的参数，我们就可以根据自己的需求来选择不同方向上进行重复的显示。// 在水平轴和竖直轴上同时重复绘制图片。// 只在水平轴上重复绘制图片。// 只在竖直轴上重复绘制图片。它会把整个空间都填满图标，比较适合背景的填充。可以看到在X轴方向排列了三个图标。 ...继续阅读 (99)

爱旭股份日前发布公告，董事会审议通过了关于投资建设济南一期年产10GW高效晶硅太阳能电池及组件项目的议案，项目计划总投资金额99.78亿元。记者以投资者身份致电公司投资者热线，工作人员表示，该项目去年就已签约，目前已基本准备开始动工，投产只是时间的问题。本次公司投建的高效太阳能电池及组件，是相对先进的产能，公司将积极开拓海内外市场。从趋势上看，目前光伏行业产能整体也在加速出清，预计到明年情况会好很多。（第一财经） ...继续阅读 (19)

36氪获悉，爱旭股份公告，拟投资建设济南一期年产10GW高效晶硅太阳能电池及组件项目。该项目为公司于2023年4月与济南市政府签订的《爱旭太阳能高效电池组件项目战略合作协议》中的首期项目。该项目预计总投资金额99.78亿元，计划建设并生产基于ABC技术的相关电池及组件，并以组件为终端产品对外出售或以光伏整体解决方案形式出售。该项目建设期约15个月，计划于2024年一季度开工，预计于2025年上半年投产。项目全面达产后，将新增全球领先的10GW N型ABC高效太阳能电池及10GW组件产能。 ...继续阅读 (37)

今天要介绍的导航其实在去年就写过了，但那时候项目初起很多功能都不够完善，功能也并不是很多，再加上当时的UI设计并不是特别好看导致草草体验了事。而就在前两天，它的开发者找到了我，给我展示了最新的版本功能，通过体验网址体验之后我觉得有必要将这之前的内容翻新，前后差距太大了，且如今的它可以作为NAS搭建导航的首选目标了。关于mTab首先感谢作者@小涂提供如此好的项目供我们使用，毕竟在国内的环境下，开发项目这种半公益性质的项目并不赚钱，且个人开发还需要耗费大量的时间，由衷感谢！首先这里放一个导航的体验地址，方便你先行提供其功能性与易用性再判断自己是否需要这样一个导航，从而避免部署之后懒得使用或者发现并不是自己想要的样子。演示站点http://demo.mtab.cc演示账号 admin演示密码 123456这是一款将导航与笔记功能于一体的书签管理工具，你可以用Mtab收藏你的常用网站，也支持创建分类来划分你收藏的网站，且这些网站都可以通过自动抓取图标或自定义图标样式。同时项目拥有一些方便的在线应用，例如支持多用户的记事本、web端的SSH工具以及火星翻译，这些项目都可以直接在导航中通过多端同步、记录笔记。同时如果你有什么需要的应用也可以通过内嵌窗口的形式打开，且支持同时打开多个窗口，大小位置也是随意拖动。这一点和sun-panel一样，这个功能属于用一次就爱上了。同时该项目还支持卡片组件， ...继续阅读 (57)

从南京大学获悉，该校谭海仁教授课题组研制的大面积全钙钛矿光伏组件取得新突破，经国际权威第三方机构测试，其稳态光电转化效率达24.5%，刷新此类组件的世界纪录，也为后续产业化发展打下技术基础。相关论文23日发表在国际学术期刊《科学》上。（新华社） ...继续阅读 (55)

36氪获悉，中信证券研报指出，预计春节假期后光伏需求将持续回暖，3月电池组件行业排产或显著走高，且产业链价格有望阶段性修复，进一步明确基本面触底拐点，带动盈利和景气回升。重点推荐光伏辅材、电池、组件和逆变器等环节优质厂商。 ...继续阅读 (37)

前面学习了网络图片通过HTTP下载，并且创建为pixelMap的位图数据，这样就可以进行图片处理，比如进行旋转、修改等等。对于这些图片处理是比较复杂的，如果不使用这么高级的内容，那么就可以使用低级一点的图片处理，比如插值运算。由于各种原因，当图片进行放大时，一般会产生锯齿显示，因为图片的分辨率不够导致的。这时候，就可以使用图片内部插值算法来进行平滑，让用户看到图片更加清晰，更好友好。可以看到左图不进行插值时，会看到很我锯齿状的边缘，右图进行轻微的插值运算，就好看很多了。是不使用插值，第二种。 ...继续阅读 (65)

2月22日，记者从中国有色金属工业协会硅业分会了解到，过去一周（2月15日至2月21日），光伏产业链中组件端排产反弹尤为显著，随着前期订单的执行以及海外市场繁荣，终端需求或大幅增加。预计3月组件排产将提升至50GW以上，迎来重大转机。业内人士表示，后续随着N型组件价格的回升，3月排产将环比增长，预计将于今年二季度恢复正常，高效组件将逐步回归合理利润空间。（中证网） ...继续阅读 (41)

36氪获悉，奥特维发布公告，公司及公司控股子公司旭睿科技取得“隆基绿能科技股份有限公司组件项目——划焊一体机、BC印胶设备”的中标通知书，中标金额合计约2.7亿元，中标项目对2024年业绩影响存在不确定性，将对公司2025年经营业绩产生积极的影响。 ...继续阅读 (29)

前面学习了怎么样让图片合适的大小来显示出来，达到最佳的布局显示图片。PixelMap图片是指图片解码后无压缩的位图，用于图片显示或图片处理。所以需要先要从网络上下载图片，在这里演示使用HTTP来下载图片。在这里主要是调用 http.createHttp().request函数来发出请求，并且设置返回的响应函数(error, data)。由于PixelMap图片是一种无压缩的图片，比较适合图片处理，比如从网络上加载图片之后，再进行处理再显示到的手机屏幕。点击一下获取网络图片的按钮，就会显示这个图片在下面。 ...继续阅读 (78)

在React Native社区中，原生动态导入一直是期待已久的功能。在React Native 0.72 版本发布之前，只能通过第三方库和其他变通方法实现动态导入，例如使用React.lazy()和Suspense函数。现在，动态导入已经成为React Native框架的原生部分。在这篇文章中，我们将比较静态和动态导入，学习如何原生地处理动态导入，以及有效实施的最佳实践。静态导入 vs. 动态导入在深入研究实现细节之前，理解什么是动态导入以及它们与静态导入有何不同是至关重要的，静态导入是在JavaScript中包含模块的更常见方式。静态导入是你在文件顶部使用import或require语法声明的导入。这是因为在应用程序启动时，它们可能需要在你的整个应用程序中可用。这是一个例子：import React from 'react'; import {View, Text} from 'react-native'; const MyComponent = require('./MyComponent');静态导入是同步的，意味着它们会阻塞主线程，直到模块完全加载。这种行为可能导致应用程序启动时间变慢，特别是在较大的应用程序中。然而，当一个库或模块在代码库的多个时间或多个地方需要时，静态导入就会显得非常有用。相比之下，动态导入赋予开发者在需要时即时导入模块的能力，引领了一个异步范式。这意味 ...继续阅读 (69)

大家好，我卡颂。React当前的稳定版本是18.2，发布时间是22年6月，在此之后就没有新的稳定版本发布。直到今年2月15日，官方博客才透露下一个稳定版本的计划。没错，他就是React19。为什么时隔1年多才公布下个稳定版本的计划？为什么下个版本直接跳到了19？18我都还没升呢，19就来了，是不是要学很多东西？这篇文章会为你详细解答这些疑问。免费领取卡颂原创React教程（原价359）、加入人类高质量前端群从React16聊起近年来React最为人津津乐道的版本应该是16.8，这个版本引入了Hooks，为React（乃至整个前端框架领域）注入了新的活力。再之后的v17没有新特性引入。既然没有新特性引入，为什么要发布一个大版本（从16到17）呢？这是因为从同步更新升级到并发更新的React，中间存在breaking change。这么大体量的框架，在升级时需要保证过程尽可能平顺。这除了是一种专业、负责的体现，更重要的，版本割裂会造成大量用户损失（参考当年ng1升级到anuglar2时）。当升级到18后，React团队发现 —— 真正升级到18，并大量使用并发特性（比如useTransition）的开发者并不多。更常见的场景是 —— 知名开源库集成并发特性，开发者再直接用这些库。所以，React团队转变策略，将迭代重心从赋能开发者转变为赋能开源库。那么，什么样的库受众最多呢？显然是框架 ...继续阅读 (53)

36氪获悉，据协鑫集成官微消息，近日，继与印度国有电力巨头签订1.1GW合作后，协鑫集成又与印度另一家国有公司SJVN Green Energy有限公司（SJVN）达成550MW组件供货协议。据介绍，该组件产品将用于SJVN位于古吉拉特邦的Khavda太阳能园区和位于马哈拉施特拉邦的MSEDCL太阳能园区。协鑫集成将在签署合同后30天内完成交付。 ...继续阅读 (19)

场景说明在应用开发中，我们经常会遇到这样的场景：当我们点击一个输入框时，系统会自动弹出软键盘，但是软键盘却会遮挡住输入框或者其他重要的控件。为了解决这个问题，现有的常用策略会在软键盘弹出时，根据输入框的位置，把整个页面向上移动一段距离，从而让输入框能够完全显示在屏幕上。然而，这种方法并不完美，其他控件比如确认按钮仍有可能被软键盘挡住，使得用户无法完成操作。本案例将针对此问题提供一种简单而有效的解决方案。效果呈现运行环境本例基于以下环境开发，开发者也可基于其他适配的版本进行开发：IDE: DevEco Studio 3.1.1 ReleaseSDK: 3.1.0(API 9)实现思路要想解决页面遮挡的问题，我们首先要了解它的原因：当我们点击输入框时，系统会弹出软键盘，这时候软键盘会占用一部分屏幕空间，导致显示区域和软键盘区域重叠。软键盘区域属于系统规避区域。除了软键盘区域之外，还有一些其他的系统规避区域，比如状态栏、刘海屏和手势区域等。如果想让应用能够适应这些系统规避区域的变化，我们需要监听这些区域的变化事件并且根据这些区域的尺寸，动态地调整应用的显示区域，重新绘制页面。开发步骤创建一个简单的输入验证码界面，它包含了文本框、输入框和确认按钮。这个界面的问题是，当我们点击输入框时，系统会弹出软键盘，但是软键盘却会挡住确认按钮，使得我们无法完成操作。@Entry@Componentstr ...继续阅读 (59)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/dev-story/nextjs-react-load-and-render-remote-component前言写过文档的大佬们都知道MDX这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。那么有没有办法去想一个歪路子去实现呢。构想有了初步的想法之后，我们的需求就很明确了。需要在普通的 Markdown 中渲染远程组件。这里我们都以 React 为例，项目框架为 NextJS。首先我们构想一个 RemoteComponentRender，需要的逻辑如下。这个内容只能在原文中查看哦首先要加载远程组件，然后提取其中的组件扔到 React 里面去渲染。然后为了更简单的实现一个 Markdown ...继续阅读 (71)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/nextjs-react-load-and-render-remote-component前言写过文档的大佬们都知道MDX这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。那么有没有办法去想一个歪路子去实现呢。构想有了初步的想法之后，我们的需求就很明确了。需要在普通的 Markdown 中渲染远程组件。这里我们都以 React 为例，项目框架为 NextJS。首先我们构想一个 RemoteComponentRender，需要的逻辑如下。这个内容只能在原文中查看哦首先要加载远程组件，然后提取其中的组件扔到 React 里面去渲染。然后为了更简单的实现一个 Markdow ...继续阅读 (64)

PagePlug是一个开源的、声明式的、可视化的前端低代码框架，是Appsmith的中国化项目，可以用来制作web应用、微信小程序等。它面向To D研发人群使用，旨在加速开发人员的开发过程，内部系统、工具的开发更简单。本文将详细介绍PagePlug的功能特性以及如何使用Docker进行安装和使用。1️⃣ PagePlug简介PagePlug与其他低代码平台一样都是为了让人们更轻松地创建应用程序和自动化流程，但其支持API和数据管理功能的强大和灵活性更高，无需侵入客户架构，直接连接数据源（API、DB），任何的后端数据都变成了JS变量，可以随意转换、并配置到任意的视图组件。因此对于需要更高度定制和更广泛的操作的用户，PagePlug可能是更好的选择。2️⃣ PagePlug功能特性1、更强大的可视化建模工具PagePlug拥有非常直观和灵活的可视化建模工具，如表格、图表、表单、按钮等。这些组件都是经过优化和测试的，可以满足大多数业务需求，从而减少开发人员的工作量，避免大量的编码工作和测试工作。可以让开发人员根据需要更容易地拖放和配置各种组件，创建自定义表单、报告和应用程序，无需重复编写复杂的代码，而且整个软件的维护更加轻便。2、更广泛的API支持PagePlug支持大量的第三方API集成，包括数据存储、消息队列、文件上传等，可以让开发人员更轻松地集成各种功能，可以与自己的应用程序进行 ...继续阅读 (69)

原文传送门What to test and your approach决定测试内容，而非测试本身是什么，对于所有团队而言是个关键议题。测试是实现最终目标的一种方式，而确定对代码库中哪些部分进行优先测试则是一项挑战。决定测试的优先顺序应当基于你的代码库及团队目标。但需要注意的是，尽管撰写众多小型测试（比如位于测试金字塔底层的单元测试）耗时少且能涵盖广泛的代码，这并不意味着它们能显著降低项目的整体风险。通过考虑你的应用程序、网站或库的主要使用场景，你可以确定首先需要测试什么。这可能意味着对网站的关键部分，即那些构成用户体验核心的组件，进行组件测试。比如，一个让用户上传和管理时间序列数据的网站的开发者应该模拟并测试用户可能以各种方式进行这些操作的场景。获得尽可能多的信息是另一种优先测试的情况。如果你的代码库中有一部分是“危险”的、老旧的或编写不良的，并且你的团队成员都不愿意处理它，那么在你选择进一步忽视它或是重构它之前，为它建立测试以使其行为更加稳定可能是个不错的选择。可以将其视为给一个已经被废弃但还在存放数据中心的建筑加上的支架。维度我们介绍了测试金字塔或其他形状的测试，但这些通常只呈现测试的单一维度：一条线，从范围小、简单的单元测试延伸到复杂、广泛的测试——单元测试、集成测试和端到端测试。然而，可能的测试类型的长列表中有些并不反映复杂性层次，而是反映了测试的目的或方法。举个例子，冒烟 ...继续阅读 (113)

原文传送门Types of automated testing在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。之前的内容中提到了单元测试和组件测试（以我们讨论的 React 组件为例）。这两种测试类型在我们的测试金字塔（或其他形状的模型）中处于较低位置，原因在于它们相对简单、执行速度快。然而，相较于更为复杂的集成测试，它们的实用性可能就不那么显著了。测试的类型单元测试单元测试关注的范畴是最细微的。它们倾向于针对代码的某些小片段进行测试，或者测试绝对无状态的代码，这几乎就像解数学题一样：假设向你的代码提供了输入 X、Y 和 Z，那么它应当返回输出 A、B 和 C。具备单元测试的代码通常不涉及外部依赖，比如从网络上拉取数据或者隐式地调用其他函数或库。可以把它看作是代码中的一个节点，你可以把它单独拿出来进行测试。尽管单元测试编写起来简单且执行迅速，但要注意，测试代码的这些微小单元并不总能提供我们真正需要的信息。往往，这些代码单元缺乏与其他部分的互动，实际上我们可能需要在更宏观的层面上进行测试，以此来减少潜在的风险。组件测试对于网页开发者而言，“组件”这一术语有着多重含义，它既可以指用户能够直接看到的界面元素，如 React 组件或 Web 组件，也可以泛指任何 ...继续阅读 (79)

> 原文传送门 Types of automated testing 在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。 之前的内容中提到了单元测试和组件测试（以我们讨论的 React 组件为例）。这两种测试类型在我们的测试金字塔（或其他形状的模型）中处于较低位置，... ...继续阅读 (83)

在今日进行的阿特斯TOPCon组件供与求线上直播中，公司董事长瞿晓铧透露，2024年TOPCon组件在公司的组件计划发货中预计占比超过70%。瞿晓铧表示，阿特斯对TOPCon、异质结和BC技术均有布局，其中TOPCon电池30GW产能已经达产达效；持续对异质结技术提升和挖潜；BC技术正在开展中试开发，并密切跟进钙钛矿叠层技术的进展。（财联社） ...继续阅读 (26)

我们知道，在深度学习中有两类基本的参数：模型参数（Model Parameters）和超参数（Hyperparameters），它们都对模型训练的结果有非常重要的影响。有些研究表明，对于超参数的选择不仅能够影响模型训练的质量好坏，而且也在一定程度上决定了模型训练需要耗费的时间以及内存资源的需求总量。甚至在一些深度模型训练过程中证明，超参数的选择比模型本身的参数更重要，影响也更大。可见，超参数选择是否合理，直接影响了企业开发并使用模型的成本，所以在深度学习应用领域，业界已经把超参数调优作为开发深度学习应用流程中一个不可或缺的步骤。这样我们就能够把超参数调优解耦成一个独立的组件或模块，然后聚焦该组件的核心能力去做更多探索尝试，最终实现整个深度学习应用开发的业务目标，同时获得了灵活的开发模式，也具有较低的成本优势。什么是超参数超参数是指一类静态的参数，这些参数在模型训练之前被定义和设置，而且无法从给定的训练数据中进行学习估计。在模型训练算法中会存在很多超参数，少的话有几个，多的话可能达到几十成百上千个。下面，我们列出一些深度学习模型训练中比较常见的超参数：神经网络深度：搭建的神经网络架构有多少层神经元数：某一层设置多少个节点模型优化器：选择使用哪个优化器，比如 SGD、Adam 等等迭代次数：epochs 设置为迭代多少次Loss Function：选择哪个 loss function学 ...继续阅读 (71)

36氪获悉，东方日升发布业绩预告，预计2023年归母净利13.2亿元—17亿元，同比增长39.73%—79.95%。报告期内，公司海外电池、组件产能有效释放，北美组件市场实现规模化出货，国内组件市场出货比重有所提升。受上述因素影响，公司光伏组件盈利能力较上年有所增强，对公司业绩产生积极影响。此外，报告期内公司高效异质结电池及组件等新产能陆续投建并开始生产，储能业务及户用光伏业务也取得增长。 ...继续阅读 (15)

对于体验设计师来说，搭建设计资产就像积木游戏，你不得不玩这些重要关卡。本文将会为您具体介绍，让我们一起看看。一、设计资产设计资产，名词，用于帮助产品设计师完成工作的各种资源、工具和素材。换个方式说：设计资产就像游戏里的氪金装备，让设计师们在创意战场上如鱼得水。有了这些资产，产品设计师们就能够高效、精准地完成任务。说到开源的组件库，大厂们可不吝啬啊！换做10年前哪有这等福利，阿里系的Ant Design、字节跳动的Arco Design、还有抖音的Semi Design等等，都可以借鉴学习，而且还是免费版！对于体验设计师来说，搭建设计资产就像积木游戏，你不得不玩这些重要关卡：全局样式、图标库、基础组件、通用区块、还有典型页面。所以在搭建设计资产时，以下是五个装备需要你留意下：1. 全局样式全局样式指产品设计中的规范和属性。主要用来定义产品外观和布局元素。2. 产品设计人员品牌设计一致性：全局样式有助于确保产品的整体外观与公司品牌一致。这使他们能够在设计过程中更容易维护品牌标识和风格。提升效率：产品设计师可以更快速地创建新页面和组件，更好的协作、提高设计效率。用户体验提升：一致的全局样式可帮助设计师创建更一致的用户界面，提高用户体验。3. 开发人员简化开发工作：开发人员在整个应用程序中重用相同的样式规则，从而减少了开发时间和减轻了维护负担。减少样式冲突：通过确保全局样式的一致性，开发人 ...继续阅读 (44)

本篇翻译于Burke Holland的Sortable Lists for Blazor using a SortableJS Component在Web应用程序中，一个常见功能部分是可排序列表。SortableJS是我最喜欢的JavaScript库之一，在进行Blazor开发时我很想念它。为了解决这个问题，我决定包装SortableJS库，使其成为Blazor组件，名为Bazor Sortable，我已在GitHub上开源了它，我相信您会喜欢它的。在这篇文章中，我将引导您了解如何将其添加到您自己的Blazor Web应用程序中。注意：Blazor Sortable是一个开源社区组件，而不是Microsoft的官方组件。Blazor的Fluent UI团队正在致力于在即将发布的Blazor的Fluent UI版本中集成可排序组件。您现在可以尝试Fluent UI Sortable Demo。请在这里查看演示：https: //blazorsortable.theurlist.com每周五，Jon Galloway（虽然你可能从未听说过他，但他值得信赖）和我致力于在Blazor中重建一个名为theurlist.com的应用程序。该直播在Twitch和.NET YouTube上被称为“Burke Learns Blazor”（点赞并订阅！）。如果您愿意加入我们，我们将会非常高兴。由于我 ...继续阅读 (70)

36氪获悉，隆基绿能在接受机构调研时表示，在高强度的竞争环境下，2023年光伏产业链成本加速下降，其中光伏组件价格到2023年末已经降至不到1元/W的水平，年内降幅约48%，极大刺激了终端需求的释放。展望2024年，在光伏产品已经非常便宜的情况下，预计全球光伏装机有望保持持续的增长，同比增加约20%。 ...继续阅读 (23)

根据中国有色金属工业协会硅业分会发布的信息，在刚刚过去的一周，除组件价格下调外，光伏产业链其余环节价格暂时趋稳。相比P型产品价格，代表新趋势、正在加速替代的N型产品价格稳中有升。公告显示，全球光伏组件出货排名靠前的晶科能源、晶澳科技、天合光能等企业均在N型领域重点布局，规划或扩产的N型TOPCon产能规模庞大。（上证报） ...继续阅读 (21)

原型是产品经理的基本能力要求。但不少新人在入门时，因为经验不足会导致原型说明不全、频繁改动等问题，最终导致项目延期等事故发生。那如何避免原型中的说明不完整问题？我们可以通过规范文档来解决，只需要调整各种组件、参数即可。产品经理的基础工作门槛低好入门，但想把工作做好，需做大量努力，学习很多产品教程找很多原型模板。但无论如何努力，总会陷入“效率与质量”矛盾中，如图所示：领导催促原型要快细节再说，开发吐槽原型说明不清晰；花费大量时间完善原型说明，忽略对业务逻辑创新探索，被领导约谈；为填补快速输出原型留下的坑，频繁变更原型，再次引发研发不满；最终，上线日期频繁延期，研发甩锅原型说明不仅不清晰还频繁变更，领导怀疑你行不行。相信大家的产品之路一定遇到很多类似问题，很多人自我怀疑最终转岗，产品生涯画上句号。就没办法解决这个矛盾吗？当然有！我们可以通过编写规范文档，提前与研发团队约定各组件默认交互及不同载体软件既定规范。实际项目中，仅需修改各组件参数即可。本号会提供原型说明的”编写方式、组件内容、组件用法“给大家。让大家在实际工作中，可以花最少时间，输出高质量原型与文档，把更多时间花在商业模式探索，业务逻辑创新中。目前已形成的规范组件主要为PCWEB端组件，点击可查看规范组件的用法整体概述如下：一、编写规范文档，形成组件编写各组件规范文档，并与开发团队评审约定用法（建议UI、研发人员同步储备配套组 ...继续阅读 (20)

在B端设计中，输入框文案设计似乎是细微末节的事情，不过好的输入框文案设计，确实可以很大程度地提升效率与用户体验感。那么，输入框文案设计该注意哪些事项呢？本文梳理了输入框文案设计的相关要点，一起来看看吧。在B端设计中，输入框是用户与系统进行信息交互的关键组件之一。良好的输入框文案设计不仅能够提高用户体验，还能有效减少用户错误输入，提高工作效率。目前输入框有两种文案类型，分别是默认文案和报错文案。针对这两种文案，有以下设计要点需要考虑：一、默认文案第一步：明确不同用户对输入框的理解程度。先以QQ的注册流程为例，说明一下用户对输入框字段熟悉程度决定输入框文案的设计结果，由于我们C端用户对注册表单填写流程是非常熟悉的，此时输入框文案的设计就很简单，且由于熟悉度足够高的情况下，昵称和密码的输入框标题文本都省略了，只保留了输入框内的文案（此时文案是相当于动态的标题）。QQ注册页面可以看出，针对用户熟悉度越高的输入框字段，文案的设计就应该越简单越好，在有表头的情况下，文案可以为空，或者用“请输入”来替代。此时无需再重复主体，如下方用户名的结构。用户名而当用户面临的输入框字段不够通俗易懂时，那么该怎么做呢？第二步：依旧用户理解程度，提供对应的解决方案。如果输入框标题用户是不熟悉的但理解难度较低，可以通过输入框文案直接说明如何填写，我们常见的输入框文案有请选择序号、请添加文件、请输入身份证号等，这里 ...继续阅读 (33)