开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您‍。=========强烈建议点个【关注】或【收藏】不迷路=========本期组件：年度选择器‍组件概述：用于选择年度或年度范围一、 约定基础规范本节主要与研发约定默认实现内容，通过规范文档维护。1.通用基础规范‍‍‍‍输入框样式-单选&多选各状态需有对应样式输入框样式-范围左右两边皆有输入值，默认通过“至”区隔展开操作展开收起：单击输入框，展开面板；点击其他区域收起展开方向：默认向下向右，当空间不够时，需往空间足够方向展开路径记忆：收起面板，记忆本次路径；重新载入，若无法记忆则回到默认面板基础说明面板内部一般分为：面板操作区、选项区、快捷按钮区交互样式说明选项区的选项：需包含可用、悬停、完成、禁用、范围面板操作区、快捷按钮区的按钮参考“按钮说明”面板内容及其他交互，见“业务面板说明 ...继续阅读 (38)

背景看了 elementui 和 iview，都有这个问题。在 drawer 抽屉组件中复制的时候，鼠标移动的快了就会移动到抽屉外，此时抽屉弹窗就关闭了，这个交互不想要，希望在点击遮罩的时候再关闭。解决方案......export default { data() { return { drawer: false, classModel: false } }, methods: { //监测Drawer鼠标事件 mousedownDrawer(e) { // 如果为true，则表示点击发生在遮罩层 //判断事件的目标元素是否具有el-drawer__container类。如果具有该类，则classmodel变量的值将设置 为true；如果不具有该类，则classmodel变量的值将设置为false。 this.classModel = !!e.target.classList.contains('el-drawer__container'); }, mouseupDrawer(e) { if (!!e.target. ...继续阅读 (91)

大家好，我卡颂。最近Next.js v14发布，发布会的各种梗图刷爆了国外前端社区。Next.js的诸多特性（比如Server Action、App Router），都是在RSC（React Server Component）基础上衍生出的。从名字可以看出，RSC是React的特性。那么，该怎么理解RSC和Next.js的关系呢？欢迎围观朋友圈、加入人类高质量前端交流群，带飞React团队的宿愿对于前端框架的开发范式，有三个重要衡量因素：用户体验维护成本性能但是，通常很难做到三者兼顾（具体原因本文不细究，感兴趣的同学可以看data-fetching-with-react-server-components。简单来说，在前端开发中，IO瓶颈是影响内容渲染速度的重要因素（可以简单理解为，前端需要等待请求返回数据后，再根据数据渲染内容，这期间延迟的时间就是IO瓶颈）。但是，前端框架能够掌控的范围局限在前端，所以无法对IO瓶颈做出极致优化，只能在三个因素中做出取舍（比如考虑用户体验与性能时，代码维护成本就高）。React团队为了同时兼顾三者，需要对服务端拥有更多掌控。这就是RSC诞生的初衷。但是，大部分React的受众只是把React当作前端view库，并不会直接使用RSC相关功能，所以React团队选择和Next.js团队合作，落地RSC。此时我们发现，React有三类受众：普通前端开发 ...继续阅读 (66)

许多用户在调整电脑设置时可能都会感到“头疼”，因为有些设置可能隐藏的位置很深，操作上的难，一定程度上调高了用户的操作门槛。而这篇文章里，作者发现新版本的 macOS Sonoma 的系统设置有了巨大变化，那么这样的变化背后，有没有哪些设计逻辑或思维值得借鉴呢？想要调整电脑当中的设置，对很多用户来说非常头疼。因为无论是 Windows 又或者是 macOS ，整体的体验都不算好。比如在 Windows 系统当中，我们调整设置，有的需要到属性里面；有的会在设置当中；还有的在控制面板藏着，所以每一次调整都需要打开百度，找到对应的教程才行，这样明显门槛太高。我最近刚好更新了新版本的 macOS Sonoma ，由于我是从 Big Sur 直接更新的，发现这次系统设置的发生巨大变化。因此今天就来聊聊这个变化背后的原因，并且带入到 B 端产品里面，讲一讲如何将苹果设计师的思维运用到我们日常的设计当中。一、合理分类新版本与旧版本最大的区别就是将展示形式由平铺变为列表。在网上很多人在说这个原因背后是延续 iOS 的设计思路，但我会有些不同的意见。首先在之前的系统设置当中会有 28 个菜单选项（数量很多），同时布局方式采取直接平铺，会在选择上耗费的时间更长。并且平铺的方式，用户需要通过图标来对内容进行辨别，用户的寻找难度主要取决于你对图标的熟悉程度。而改版过后整体视图为列表，这样我们在去寻找时，会更 ...继续阅读 (41)

下面这篇文章是笔者整理分享的关于原型说明中时间选择器的相关内容，对此产品感兴趣或者是想要学习的同学可以进来看看哦！相信你会收获到很多有用的内容知识。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。本期组件：时间选择器组件概述：当用户需要输入一个时间，可通过输入框弹出面板进行选择一个任意时间或固定时间，本篇会拆分出4个模板，分别为固定时间选择器、固定范围时间选择器、任意时间选择器、任意时间范围选择器。一、约定基础规范本节主要与研发约定默认实现内容，通过规范文档维护。1. 基础样式单选-默认、悬停、完成：需有对应样式范围-默认、悬停、完成：左右两边皆有输入值，默认通过“至”区隔2.展开面板展开与收起：单击输入框，展开面板；点击输入框之外则收起展开方向：默认向下向右，当空间不够时，需往空间足够方向展开路径记忆：收起面板，记忆上次路径；重新载入，若无法记忆则回到第一个3. 固定时间面板说明默认、悬停、完成：需有对应交互样式4. 固定时间范围面板说明默认、悬停、完 ...继续阅读 (34)

下面这篇是笔者整理分享的关于组件产品该如何设计的文章，文章包含组件产品结构、组件拆分规划、组件支撑平台应具备的能力的相关内容，对组件产品感兴趣的同学可以进来看看哦！有人说提供企业数字化服务是属于劳动密集型企业，随着行业的快速发展，内卷也逐渐升级，以前一个半年交付周期的项目都是百万起步，交付人员只需要3-5个，但发展到如今前后端分离，微服务架构后，项目金额缩到60万起，但交付人员却要10几个（必要岗位：项目经理、产品经理、UI、前端、后端、测试），企业利润下降严重。纯做定制化的项目，基本很难盈利，那么从项目中积累产品，提升产品的复用度，降低项目交付的不确定性，成为数字化服务企业的重点目标，但是由于项目的个性化及对产品组件抽取的能力不足，最终的结果往往只有系统设置、基础数据可复用，其他还需要基于原来的代码调整，但是基于代码调整的成本有时甚至高于重写；今年来低代码平台很火，但是B端业务很复杂，低代码提供的能力有限，像搭积木一样的组件产品应该包含低代码+高代码，通过工作流和数据流的组合实现组件的组装，当然产品组件本身的抽取也需要业务专家和产品专家配合不断优化，才能建立高复用度的组件产品；一、组件产品结构添加图片注释，不超过 140 字（可选）下面我们拿仓储产品举例，看看组件产品的抽取及组件平台应具备的能力:添加图片注释，不超过 140 字（可选）仓储产品在业务层通用程度高，但是在规则策略层 ...继续阅读 (40)

uniapp 这个缝合怪，挺厉害的，啥都能做，甚至你能够使用小程序的原生组件。具体文档：https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e8%87%aa%e5%ae%9a%e4%b9%89%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81调用坑写法1：如果这样写，那么会走向 uniapp 的事件分发，但是支付宝这里事件的默认参数是 undefined，拿不到事件信息，所以这里会抛出 js 异常写法2：使用小程序原生写法，会报event not found,这是因为 uniapp 对事件有自己的封装，没有直接暴露给小程序，添加以下模板代码之后，可以调用成功：this.$scope.onGet=this.onGet.bind(this)优化如果使用组件比较多，模板代码可以放到 webpack loader 中去实现，思路就是模板中使用onGet写法的通过正则找出来，然后再onLoad()中挂载上去。当我写好了 loader，并且 uniapp 编译成功之后，打开小程序编译器，迎接秋天的美好的时候悲剧…一天就这样过去了…啊啊啊！！！ ...继续阅读 (81)

亿级流量的 c 端项目。主体是多个小程序，并且分化为多个版本。除了扯皮拉扯之外，总想聊一聊，不吐不快。保持技术栈的单调性因为各种原因，我们的技术栈百花齐放，uniapp，herbjs，内部小程序框架，vue(h5)，react(h5)，苦不堪言。对于新人进来，只能快速熟悉一块内容，熟悉其他的小程序需要重新学习框架，成本比较高，如果框架本身还出现一些bug，简直酸爽。少有人走的路《少有人走的路》是本挺好的描述亲密关系的书，然而，技术上要小心。少有人选择的技术，那么就是坑多，因为部分业务是继承项目，所以框架沿用的原来的框架，没有文档，没有支持，吭哧吭哧，埋头苦干。没有人问，没有人解释，各种写法奇绝诡异。再给我一次机会，我会毫不犹豫的选择使用熟悉的框架去重构，后续的维护成本会很低，对于长期项目，收益很高。选择大路货技术选型，选择大路货。虽然 v2ex 把 uniapp 喷的不要不要，然而开发效率，工程化，市场占有率，uniapp 是非常好的，能够让一般开发快速完成工作。然而，uniapp 的 bug 也是有的，我们在开发过程中有遇到，我们选择给 uniapp 提交 mr，一般很快就会被合入。有人维护，有人讨论的技术，不用担心，一定可以找到比较快速的解决办法，没有就完善它，让它变得更美好。内部框架是个p见过太多的内部库，内部框架了，没有一个，是的没有一个，给我比较好的印象。你的同事水平不一 ...继续阅读 (75)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。本期组件：级联复选器组件概述：当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。一、约定规范本节主要与开发、UI约定默认实现内容，并明确通过哪种形式约束交互；本节内容可通过一份规范文档维护。1. 输入框规范默认、悬停、完成：需有对应样式1）输入框完成样式平铺展示：框内以标签形式展示选中项，排版为响应式布局标签按选择顺序排序标签带删除按钮，点击直接删除，下个标签自动补位合并展示：再起一个标签，按已选标签之外计数，如：已选2个为+1，已选3个为+22）产品可控参数完成样式：平铺展示/合并展示3）标签完成样式显示完整路径：不同级别选项通过“/”区分显示最后一级：即只显示最后一级4）产品可控参数标签样式：显示完整路径/ 显示最后一级5）一键清除无选项时悬停，不做改变有选项时悬 ...继续阅读 (19)

欢迎关注我的公众号：前端侦探现在已经是“组件化”开发时代了。相信大家平时在vue或者react中都碰到过“跨组件”通信的需求，通常我们需要将数据放在一个公共的父级上，然后用context之类的方式传递下去，或者借用pinia这样的开源库去更好的管理这些数据。不过，大部分项目可能没有那么复杂，可能只有极少部分需要“跨组件”通信或者全局传递的，专门去引入一个全局状态管理库还是有一定成本的，不仅仅是性能开销，还有学习成本。另外，还有一些旧项目，由于前期组件设计未考虑周全，或者由于后期需求迭代，导致需要跨组件通信，此时再引入状态管理库也有很大的改造成本。框架用久了，可能有些都忘了，原生 web 并没有组件化的概念，整个页面都是开放的，所以，借助原生的一些行为和方式，也能很轻易的解决“跨组件”通信问题，下面列举了几个方式，一起看看吧~一、label for举个例子，下面是之前做的一个错别字纠错功能，也就是自动检测错别字，然后提供替换和忽略一些功能，如下现在不用关注是怎么实现的，如果按照组件化拆分，右边的纠错面板肯定是单独的组件很自然的，关于忽略的相关函数也是写在这个组件，类似于这样纠错组件const ignore = () => { // 相关操作 }...忽略...嗯，很好，组件化很不错，逻辑也很清晰。过了两天，产品又需要在另外一个地方也要有“忽略”功能，当鼠标悬浮的时候，下拉选项中也 ...继续阅读 (76)

创建模式模式名称工厂模式单例模式结构模式模式名称模式描述适配器模式将不兼容的组件，通过添加一个适配器兼容起来桥接模式将多种属性组合起来进行配置，而不是死板的放在一个类中去定义*组合模式树状的结构，一层一层的向下去推进装饰模式父类引用指向子类对象，一个接口对应着多个不同的实现外观模式对复杂的对象进行一层封装，只暴露出少量的自己所需要的功能享元模式通过工厂方法创建对象，这些对象内部不可变并且被所有的引用所共享，以实现对内存的节省代理模式实现对某种操作的封装，以实现一种对目标对象的代理行为模式模式名称模式描述责任链模式任务被交给职责链，每一个接受者都依次处理这个任务命令模式把操作封装起来作为一个命令，GUI上面的模块只需要调用这个命令即可以实现命令操作迭代器模式一个模块一个模块的向后递归遍历（链表）中介者模式在多个组件之间创建中介者，通过中介者这些组件才能相互联系备忘录模式对象内部有一个不可以被修改的备忘录，调用快照方法可以获取到这个备忘录的原始状态数据观察者模式发布者在发布消息时，订阅者能够收到发布者所发布的订阅者所订阅的消息状态模式将所有的状态都抽象到一个类中，通过调用这个类的方法的方式来修改其状态策略模式创建不同的策略，在对象中设置它所需要的策略，最终执行的时候会执行它所设置的策略逻辑模板方法模式对所有类都会用到的一些同样的方法，把这些方法创建在模板中，所有的类使用模板类中所创建的 ...继续阅读 (118)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。‍=========强烈建议点个【关注】或【收藏】不迷路=========本期组件：级联单选器组件概述：当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。一、约定规范本节主要与开发、UI约定默认实现内容，并明确通过哪种形式约束交互；本节内容可通过一份规范文档维护。1.基础样式默认、悬停、完成样式与常规输入框一致。2. 完成样式+完成样式可定义：显示完整路径：不同级别选项通过“/”区分显示最后一级：产品可控参数+完成样式：显示完整路径/ 显示最后一级3.一键清除+有选项时悬停，右侧图标切换为“清空”状态，点击清空选项。其中，点击清空图标之外，为选择器基础交互+无选项时悬停，不做调整产品可控参数+带清除：是/否4. 展开面板+展开收起：单击输入框，展开面板；点击输入框之外 ...继续阅读 (20)

大多数产品经理都需要学会原型设计，那么，有没有什么方法，可以让产品小白也能快速学会原型设计呢？这篇文章里，作者总结了一套快速学会原型的 5 步法，一起来看看吧。记得我刚做产品时，那会只花了几个小时，简单学学 Axure RP 基本操作，照葫芦画瓢给整了十多张原型，然后就去面试了。回想起来也是运气好阿，现在这环境只会原型的产品基本找不到工作咯。不过这不妨碍原型，成为初级产品的必备技能之一。前段时间还有几个小白问我，不懂原型怎么学阿？我反手就花 3 分钟，现编了一个快速学会原型的 5 步法。一些产品小白，或对原型感兴趣的开发、运营，按这个步骤去学，相信能避开不少坑。一、掌握工具Axure RP 作为产品经理的必备工具，那是一定要掌握的。不懂的童鞋，花几天学学基础，基本就能上手干活啦。需要注意的是，学 Axure 只要懂基本的“元件拖拉、增删处理、样式编辑、跳转交互、母版概念、元件库管理”等操作，就够你用很久了。有人就说了，那酷炫吊炸天的动态交互为啥不学？以我个人经验，闲的蛋疼可以学，就是投产比太低了，工作基本用不到。二、熟悉组件知道怎么用 Axure，并不代表你就会画原型了，你还需要学习 B、C 端的常用组件。什么是组件？组件是具有特定样式和用途的内容组合。组件主要有五种类型：基础、导航、输入、展示、反馈。基础：基础组件是一些常见的页面基础元素，例如图标、文本；导航：主要帮助用户了解当 ...继续阅读 (29)

这篇文章介绍了macOS14新增加的模拟Windows能力，用户可以通过Whisky这款app运行Windows程序和游戏。文章详细说明了安装核心组件、使用Winetrick安装必要组件，并创建容器的过程。同时，通过emule和《魔法工坊》游戏的测试，展示了实际的软件和游戏在Mac上运行的效果和潜在的字体问题。 ...继续阅读 (64)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。=========强烈建议点个【关注】【收藏】不迷路。=========本期组件：复选器‍‍‍‍组件概述：适用性较广的基础多选，用标签展示已选项。若可选项少于 5 项，建议将选项平铺，使用多选框。一、约定规范本节主要与开发、UI约定默认实现内容，并明确通过哪种形式约束交互‍本节内容可通过一份规范文档维护1. 未展开+热区为整个组件+默认状态：框内可显示提示文字，文字颜色较淡+悬停状态：有对应反馈，告知用户可操作（展开时同理）+完成状态-平铺：框内以标签形式展示选中项，排版为响应式布局-标签按选择顺序排序-标签带删除按钮，点击直接删除，下个标签自动补位+完成状态-合并：再起一个标签，按已选标签之外计数，如：选2个为+1，选3个为+2+禁用状态：组件呈灰态，鼠标悬停无交互呈“禁用”态，已 ...继续阅读 (18)

Tomcat 中的很多组件都是继承了LifecycleBase这个抽象类的，包括之前讲过的 connector，server，service，context，host 这些组件都是，我们先来看下接口主体是分为两部分，第一部分是定义状态时间，如 ...继续阅读 (76)

文 | 薛昱婷编辑 | 雪小顽国内光伏企业今年掀起一股赴美建厂热潮，阿特斯冲在前列。10月30日，阿特斯宣布投资8.39亿美元，在美建厂生产N型电池片，供应给自家在美组件生产基地。占地约480亩的新厂房将落地印第安纳州，预计2025年底建成，年产能可达5 GW。这是阿特斯在美国市场再下一城。今年6月，公司重返A股市场后不久，便宣布赴美出海计划，表示正在得克萨斯州建立光伏组件生产基地，投资超2.5亿美元，预计今年底投产后年产能可达5 GW——这是阿特斯首次在美国建立制造工厂。宣布首次赴美建厂2个月后，阿特斯今年8月拿下7 GW光伏组件销售长单，产品供应给美国市场，客户隶属于全球最大供电服务商之一，法国电力集团。这意味着从订单规模和合作伙伴来看，阿特斯的闯美之路又迈出坚实一步。事实上，阿特斯只是众多闯美者之一。今年以来，国内头部光伏企业相继公布在美投资光伏组件项目计划。先是今年1月，晶澳科技宣布在美国亚利桑那州凤凰城布局首个工厂，生产高性能太阳能组件，最大年产能可达2 GW。隆基绿能紧随其后，在3月宣布与美国清洁能源开发商Invenergy合作，在美国俄亥俄州建设首个5 GW光伏组件厂。有人首次入局，也有人持续加码。今年4月，早已在美建厂的晶科能源宣布，将对其2018年投运的美国工厂再投8137万美元，在佛罗里达州建设1 GW太阳能组件产线。今年下半年，TCL中环参股子公司Maxeon ...继续阅读 (33)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。强烈建议点个【关注】或【收藏】不迷路。=========当前第9篇，剩37篇=========本期组件：单选器‍‍‍‍组件概述：‍‍‍‍当选项过多时，弹出一个下拉菜单给用户选择。若可选项少于 5 项，建议将选项平铺，使用单选框。一、约定规范本节主要与开发、UI约定默认实现内容，并明确通过哪种形式约束交互；本节内容可通过一份规范文档维护。1. 未展开+热区为整个组件+默认状态：框内可显示提示文字，文字颜色较淡+悬停状态：有对应反馈，告知用户可操作+完成状态：框内显示选中选项，文字颜色较深-所选内容超出输入框显示范围，则截断（注：不影响箭头）+禁用状态：整个组件呈灰态，鼠标悬停无交互，且鼠标呈“禁用”态产品可控参数+组件状态：可用/禁用，一般不会莫名禁用，可说明受哪些事件影响导致禁用+提 ...继续阅读 (45)

36氪获悉，工信部印发《人形机器人创新发展指导意见》，到2025年，人形机器人创新体系初步建立，“大脑、小脑、肢体”等一批关键技术取得突破，确保核心部组件安全有效供给。整机产品达到国际先进水平，并实现批量生产，在特种、制造、民生服务等场景得到示范应用，探索形成有效的治理机制和手段。培育2-3家有全球影响力的生态型企业和一批专精特新中小企业，打造2-3个产业发展集聚区，孕育开拓一批新业务、新模式、新业态。 ...继续阅读 (16)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。强烈建议点个【关注】或【收藏】不迷路。本期组件：开关‍‍‍‍组件概述：滑动开关用于在两个互斥对象进行选择，表示两种相互对立的状态间的切换，多用于触发“开/关”。一、约定规范本节主要与开发、UI约定默认实现内容，并明确通过哪种形式约束交互；本节内容可通过一份规范文档维护。1. 样式规范不同项目中，可自定义打开、关闭的颜色默认开启状态为主题色，关闭状态置灰禁用状态则在原色调下增加50%透明度后颜色2. 交互规范热区为整个按钮单击切换开关状态显示气泡提示/文字提示，提示内容跟随开关改变常驻提示一直存在，通过主题色区分开启状态提示内容气泡提示则鼠标悬停时显示，且禁用状态也需显示3. 可控参数状态：说明默认为开启还是关闭（建议通过样式区分），还需说明是可用/禁用带提示：常驻提示/气泡提示，并说明开启的提示文案、关闭的提示文案前置影响：如什么情况会导致按钮切换为开 ...继续阅读 (23)

MoYo Widgets是一款功能丰富的桌面小组件应用程序，提供了多种个性化编辑选项，可以简单编辑每个小组件，让其符合你的需求，使你的屏幕变得更加美观和独特！下载地址：选择一个方案点击保存后会弹出内购页面，看到免费即可领取 来自反斗限免 ...继续阅读 (48)

下面这篇文章是笔者整理的关于原型说明中复选框的相关内容，对此感兴趣的同学可以进来看看哦！希望对你有帮助哦！开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。强烈建议点个【关注】或【收藏】不迷路。以下，enjoy~当前为本系列第7篇，剩39篇。复选框，适用于多个勾选框绑定到同一个数组的情景，通过是否勾选来表示这一组选项中选中的项。单独使用可以表示两种状态之间的切换。若选择项超过5项，建议使用下拉选择器。1. 约定规范本节为开发与设计师默认要实现的内容；以及产品会通过哪种形式约束哪些参数，通过一份规范文档维护。1.1样式规范+多选框默认方形，选中时填充方形/打勾，并呈现主题色+可根据页面要求，定义选项间距参数等，未定义则使用默认值+可定义样式：“带框样式”、“组合按钮样式”，样式需覆盖基础状态，未定义则使用默认样式1.2. 交互规范基础 ...继续阅读 (48)

word预览，实际在开发中，是个很常见的功能，无论是自己开发组件，还是借助开源组件等等，都可以，但是今天我分享一款借助vue-office来实现word预览vue-office简介vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。目标是成为使用最简单，功能最强大的文件预览库vue-office功能特色一站式：提供docx、.xlsx、pdf多种文档的在线预览方案，有它就够了，不用四处寻找、测试、集成各种库了使用简单：只需提供文档的src(网络地址)即可完成文档预览，也支持ArrayBuffer、Blob等多种格式支持样式：不仅能预览内容，也支持文档样式，最大限度还原office文件内容安装12345678#docx文档预览组件npm install @vue-office/docx vue-demi#excel文档预览组件npm install @vue-office/excel vue-demi#pdf文档预览组件npm install @vue-office/pdf vue-demi注意：如果是vue2.6版本或以下还需要额外安装@vue/composition-api1npm install @vue/composition-apidocx文件预览目前支持docx文件预览，不支持doc文件使用网络地址预览通过配置 ...继续阅读 (55)

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中。步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则使用约定规范；墨刀同理。【PS：想了解word如何使用，请评论留言哈】那么，规范与模板应该怎么写？本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面（表单页、列表页、详情页）写法，将规范与模板分享予您。强烈建议点个【关注】或【收藏】不迷路。以下，enjoy~当前为本系列第6篇，剩40篇。单选框，适用于在多个互斥的选项中选择的场景，所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。由于选项默认可见，不宜过多。若选择项超过5项，建议使用下拉选择器。一、约定规范本节为开发与设计师默认要实现的内容；以及产品会通过哪种形式约束哪些参数，通过一份规范文档维护。1. 交互规范基础状态及操作+ 鼠标移入选项，对应选项呈悬停状态+ 鼠标点击选项，对应选项切换为选中，点击范围为图标与文字区域– 再次点击已选中选项，无法取消选中– 已有选中基础上，点击其他选项则切换选中+ 禁用状态下，无悬停效果，也无法选中排版说明+选项之间会随着选项文字数调整间距，使选项间距始终一致。+ ...继续阅读 (44)

在隆基绿能2023年第三季度业绩说明会上，隆基绿能总裁李振国表示，组件最近确实出现非理性价格，已经直逼1元/w的水平。现阶段下，这个价格全产业链难以盈利，对全行业可持续发展造成负面影响。至于行业何时可以回归相对价格的位置，李振国认为时间上存在一定不确定性。他表示，今年年底很多地方上招商引资的光伏项目，可能会出现数量较大的烂尾，无法进行下去。（界面） ...继续阅读 (20)

10月27日晚间，协鑫集成(002506)发布2023年三季报，今年前三季度，公司实现营业收入94.12亿元，同比增长97.43%；同期实现归母净利润1.42亿元，同比增长240.78%；其中第三季度实现营业收入38.06亿元，同比增长93.40%，归母净利润3093万元，同比增长122.30%。 谈及经营情况，协鑫集成相关负责人介绍，前三季度公司充分把握市场机遇，连续中标入围国央企组件采购项目，实现了组件出货量的大幅增长。同时加快推进芜湖高效TOPCon电池产能的建设，增强上下游产业链保障能力和盈利能力。目前芜湖一期10GW电池已全线达产，并实现了对合肥、阜宁组件基地的批量供货，有效保障了大规模N型TOPCon订单的交付能力。 据悉，公司芜湖电池量产平均效率突破25.6%，已达行业TOPCon电池效率第一梯队水平。(证券时报·e公司) ...继续阅读 (22)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/why-i-prefer-imperative-modalModal 模态对话框。在中台业务中非常常见。什么是声明式 Modal组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。例如 Antd 5 中的声明式 Modal 是这样定义的。const App: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false) const showModal = () => { setIsModalOpen(true) } const handleOk = () => { setIsModalOpen(false) } const handleCancel = () => { setIsModalOpen(false) } return (Open ModalSome contents...Some contents...Some contents...< /> ) }上面是一个受控的声明式 Modal 定义，写起来非常臃肿。你需要手动控制 Modal 的 Open 状态。并且你需要首先定 ...继续阅读 (90)

大家好，我卡颂。在 2 年前的React Conf 2021，黄玄第一次介绍了React Forget，这是个可以生成等效于 useMemo、React.memo的编译器（可以简单理解为，有了它，开发者不需要考虑React项目的性能优化了）。由于React独特的架构（全局更新），React 性能优化一直让开发者头疼，这里主要有两个问题：很多开发者不知道如何正确使用性能优化API，甚至有人认为FC（函数组件）中所有函数都应该包裹在useCallback中即使写出性能优秀的项目，随着需求迭代，新增的代码很可能破坏之前的优化效果所以，React Forget的愿景一经宣传，就受到社区极大的关注。从React Conf 2021油管播放量来看，React Forget演讲占了所有 19 个演讲总播放量的 1/4（当然，也可能是因为黄玄长得帅）。现在2年过去了，我们很少听到React Forget的进展，黄玄也离开React 团队了。这让我们不禁要问，React Forget凉了么？本文会聊聊React Forget当前的进展、接下来的发展方向，以及他的工作原理。欢迎围观朋友圈、加入人类高质量前端交流群，带飞React Forget 凉了么？首先要明确的是，React Forget并没有凉，相反，他正在稳定迭代。根据React团队成员Mofei Zhang在React Advanced Lo ...继续阅读 (89)

大家好，写给初学者的Jetpack Compose教程第4篇更新了。今天我们要介绍的是Compose当中至关重要的一个组件，State。State不光非常的重要，同时可以让我们的Compose学习之旅变得更加有趣。为什么这么说呢？因为在之前的学习过程当中，我们所实现的都是静止的界面效果，而有了State之后，则可以让界面开始动起来了。 ...继续阅读 (95)

妹岛和世，日本知名建筑师，出生于日本茨城县。现任米兰理工大学教授（2015年起），横滨国立大学Y-GSA教授 。 妹岛和世的建筑风格逐渐的受到世人注目，她与SANAA建筑设计事务所的作品，多带有重要的“穿透性”风格。大量的运用玻璃外墙等材质，让建筑感觉轻而且飘浮。亦有报导称其为“穿透、流动”式的建筑。 ∇ 妹岛和世人物剪影-SketchUp组件概览,共36个文件 ...继续阅读 (79)