19 天前 / 美团技术团队
总第 440 篇 2021 年 第 010 篇 设计稿（UI 视图）转代码是前端工程师日常不断重复的工作，这部分工作复杂度较低但工作占比较高，所以提升设计稿转代码的效率一直是前端工程师追求的方向之一。 此前，前端工程师尝试过将业务组件模块化构建成通用视图库，并通过拖拽、拼接等形式搭建业务模块，从而实现视图复用，降低设计稿转代码的研发成本。但随着业务的发展和个性化的驱动，通用视图库无法覆盖所有应用场景，本文提出了一种设计稿自动生成代码的方案。
41 天前 / 太空编程
什么是 FigmaFigma 是一个基于浏览器的协作式 UI 设计工具，Figma 从推出至今越来越受到 UI 设计师的青睐，如今也有很多的设计团队投入了 Figma 的怀抱，接下来会聊聊为什么我们应该选择 Figma 而不是 Sketch。 基于浏览器有什么好处跨平台（Win,、Chrome、Linux、Mac、TNT）无需保存设计文件现在是一个链接但我觉得文件存在本地更安全 Figma 支持历史版本恢复，免费版最多保存 30 天。专业或团队版无限制 Figma 考虑了灾难恢复，所有的基础架构都分布在 3 个 AWS 数据中心，其中任何一个数据中心意外发生故障，其它数据中心将继续工作。
129 天前 / 虞大胆
1 引言 Flutter 是 Google 推出的跨平台 UI 框架，一套代码，多端复用，性能上可媲美原生。Flutter 的诞生，引起业界的广泛关注，越来越多的互联网公司在 APP 中使用 Flutter 技术，像 bat、tmd 等知名国内互联网公司，研究和使用都比较深入。 贝壳作为国内 Flutter 技术应用的先驱，2018 年底就在 Link&A+ App 上线了 Flutter 页面，如今已有三百个 Flutter 页面上线应用；目前，公司共有 10+ 款 App 在使用 Flutter 框架，占活跃 App 总数的 80%。
165 天前 / 林选臣
适用于。NET/.NET Core 开发人员的 WinForms 组件 NanUI 发布最新版本了。本文将大概介绍 NanUI 0.8 版的新特性和新功能。发布前感悟 NanUI 自从上一次更新 NanUI 0.7 已经过去大半年，B 站和头条的教学视频也只制作到了第二集。 有朋友悄悄问我是不是发生什么事故我删库跑路了所以那么长时间不更新项目不发布教程，当然，这只是玩笑而已。 实际情况是 NanUI 0.7 基于 ChormiumFX 项目进行开发，刚刚发布 0.7 之后我就发现了框架自生存在有重大 BUG 而且是我没有能力处理的那种。
169 天前 / 公子
构建前端模块构建执行文件后记 Drone 是一款开源的 CI/CD 工具，基于容器提供了强大的插件系统。多年前我有写过《基于 Docker 的 CI 工具——Drone》中有详细的介绍它的优点。Drone 采用的是 Server/Agent 架构，Server 端用来处理请求派发任务给 Agent，最终在 Agent 上执行任务。 Drone 整体是使用 Golang 写的，drone/drone-ui 是它的前端页面仓库，采用 Vue.js 进行开发（很早之前是使用 React 进行开发的）。
177 天前 / Android_开发者
写文章深入详解 Jetpack Compose | 优化 UI 构建谷歌开发者已认证的官方帐号 16 人赞同了该文章人们对于 UI 开发的预期已经不同往昔。现如今，为了满足用户的需求，我们构建的应用必须包含完善的用户界面，其中必然包括动画 (animation) 和动效 (motion)，这些诉求在 UI 工具包创建之初时并不存在。为了解决如何快速而高效地创建完善的 UI 这一技术难题，我们引入了 Jetpack Compose —— 这是一个现代的 UI 工具包，能够帮助开发者们在新的趋势下取得成功。 在本系列的两篇文章中，我们将阐述 Compose 的优势，并探讨它背后的工作原理。
228 天前 / Ryan众乐
导语：前端智能化，就是通过 AI/CV 技术，使前端工具链具备理解能力，进而辅助开发提升研发效率，比如实现基于设计稿智能布局和组件智能识别等。 本文要介绍的是我在前端智能化的实践：通过计算机视觉技术实现自动提取图片中的 UI 样式的能力。 具体效果如上图，当用户框选图片中包含组件的区域，算法能准确定位组件位置，并有效识别组件的 UI 样式。 样式提取方案本文基于 OpenCV-Python 实现图像的样式检测，主要分为三步：1. 从图片检测并分离组件区域；2. 基于组件区域进行形状检测；3. 对符合规则形状的组件进行样式计算。
288 天前 / ???米?开?朗?基?杨???
Docker 技术鼻祖系列 微软现在大搞副业，就是不肯在 Windows 系统上下功夫，最近又改了 GitHub UI 布局设计。核心思想是好的，利用了屏幕的宽度，首屏展示了更多的信息，元素设计上也更现代了一些。好看不好看不说，理念上的确先进了不少。 但有很多用户还是习惯以前的 UI 布局，怎么办呢？这里给大家推荐一个浏览器插件，可以让你在访问 GitHub 时使用以前的 UI 界面。插件的名字也很直接，就叫 Old GitHub UI，支持 Chrome 和 Firefox。
320 天前 / 凯凯刘
我们在做产品的时候，有的时候是不知道什么样的设计更有效，产品发布后，怎么来不断的提升转化率？每个人都有自己认为的好的方法。但是，从实际效果来说，什么是好的设计呢？今天就给大家介绍一个网站：https://goodui.org/，这个网站里介绍的好的设计都是经过 A/BTest 数据验证过，才得出的结论，其中 70 个好的 UI 设计我觉得非常不错，就整理分享给大家，相信对大家在提升产品转化率上会非常有帮助。这个系列文章会分成上下 2 篇，下面就是上篇的 35 招： 1、使用一栏式布局而不是多列一栏式布局能更好的展示你的表达内容。
337 天前 / ruki
LTUI是一个基于lua的跨平台字符终端UI界面库。 此框架源于xmake中图形化菜单配置的需求，类似linux kernel的menuconf去配置编译参数，因此基于curses和lua实现了一整套跨平台的字符终端ui库。而样式风格基本上完全参照的kconfig-frontends，当然用户也可以自己定制不同的ui风格。 另外，LTUI是完全跨平台的，windows上的terminal终端也是完全支持的，在windows上ltui会采用pdcurses来进行窗口绘制。
352 天前 / 携程技术
作者简介 JinG、YuWang，携程前端开发工程师，负责机票主流程预定 React Native 技术栈相关开发工作。 一、前言 随着携程机票 APP 全流程由 Native 技术栈转向 RN（React Native，以下均称 RN），同时引入了 BDD 的敏捷开发模式，以应对日益增长的产品需求。高速的开发迭代过程中，如何确保稳定且可持续的交付质量，显得尤为重要。本篇旨在介绍携程机票 APP 主流程团队使用与升级持续集成 / 持续交付（以下均称 CI/CD）来兼顾前端开发高效率及高质量的实践。
424 天前 / 37丫37
简单好用一直是我不变的追求 去年写过一篇文章『中小团队落地配置中心详解』，介绍了我们借助 etcd+confd 实现的配置中心方案，这是一个对运维友好，与开发解耦的极佳方案，经过了一年多的实践也确实帮我们解决了配置文件无版本、难回滚、更新复杂等问题 这套配置中心解决方案的特点是，对整个配置文件进行管理，而非配置项，且在配置中心修改的配置，客户端可以实时自动更新。同时借助于我们自研的配置中心管理 UI（kerrigan）还能够实现记录修改历史，快速回滚配置...
443 天前 / gongyouliu
点击上方“大数据与人工智能”，“星标或置顶公众号” 第一时间获取好内容作者丨 gongyouliu 编辑丨 P 新这是作者的第 27 篇文章，约 1.2w 字，阅读需 60 分钟 推荐系统是一个偏工程应用的领域，要想在商业产品中引入推荐系统，利用推荐系统来帮助用户过滤信息，除了构建精准高效的推荐算法外，还需要设计适合特定场景的、具备美感的、易于交互的推荐产品形态。用户在与推荐产品交互的过程中获得推荐服务，通过 UI 交互完成了一次推荐产品的使用体验，体验越好的产品用户更愿意继续使用。
492 天前 / itfanr
2018 年最热跨平台技术 Flutter 凌空出世，通过自绘 UI 组件，构建高质量跨平台组件库，解决了此类框架难以解决的双端一致性， Bridge 通信效率等问题。并提供丰富的 Widget 组件，渲染性与 Native UI 相媲美，掀起了大家对下一代跨平台技术探索的热情。同时对国内闲鱼、GCanvas、支付宝、Weex 等都投入了不少研究，通过 Flutter 打造自己的渲染引擎，支持 APP 内业务、小程序等业务。下一代跨平台技术非 Flutter 莫属吗？基于 Flutter 引擎有哪些误区？有木有性能媲美 Flutter 的跨平台渲染技术？本文通过阐述跨平台 UI 渲染引擎的历史...