zuoyan-lens —— 设计稿 - 网页转换工具-低调大师

zuoyan-lens —— 设计稿 - 网页转换工具

2022-06-09 871

zuoyan lens 是一个通过智能算法将设计稿转换为前端页面的产品（design to code），可以一键将 Sketch、Photoshop 的设计稿转换为可维护的前端代码。100个page的工作量10分钟内即可轻松搞定，极大释放前端生产力。

产品功能

生产级代码

通过智能算法推算出和手写代码一样的结构和css逻辑，产出的代码约等于一个中级前端的水平
全flex布局
根据元素所处的环境，自动修正像素误差，符合设计表达。
代码可阅读、可维护.

智能切图

自动生成透明png切图，不需要设计或开发手动切图导图
自动生成icon svg文件，可直接上传到iconfont等作为字体图标使用，亦可转为svg雪碧

自动字体检测

自动检测设计稿字体，如果字体缺失会自动提示安装，如果字体不一致会影响到页面还原度，不方便安装的字体，可以让设计师合并图层

循环布局识别

自动识别list，grid等布局方式
独有结点空间结构匹配算法，能精确推算循环体，而且性能表现优异

跨平台，系统无关

兼容所有平台，windows和linux上也可以解析Sketch文件

设计师学习成本为0

只需要准守正常的设计规范即可，其他无任何要求

开放DSL转换，可以自由定义输出

采用GoGoCode来做AST转换, 可以自由定义输出语言，语法，比如转为：React，微信原生，Vue，uniapp，taro，RN等

还原度高

项目实测设计稿的还原度中位数为0.95，完全可以达到生产交付标准，极大降低UI走查成本

如何使用

安装

npm i -g @zuoyanart/lens

lens g [platform]  //platform: h5 or uniapp

微信关注我们

原文链接：https://www.oschina.net/p/zuoyan-lens

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

每日一博 | 得物复杂 C 端项目的重构实践

1. 背景 1.1 项目背景公司近两年快速发展，社区线C端代码分散在不同仓库中，每个仓库中采用不同的前端框架和选型，且均含有几条业务线的代码，团队整体采用敏捷模式快速迭代，导致开发管理成本较高，升级改造麻烦。比如，所关联的三个仓库中的代码均引了一个内部基础组件库，该组件有非必现bug，导致三个仓库的不同页面均出现了不同表现的异常，由具体负责的不同测试分别报到前端开发，分别沟通、排查、解决并走独立的发布上线流程，耗时耗力。当同一仓库中活跃着不同业务线的开发，一个公共的地方需要修改，开发没有沟通清楚导致冲突线上bug。此外，公司C端体验分析的统计和报表是应用粒度的，先前代码耦合了其他业务的内容，导致我所在业务线的统计数据不置信。近期团队对C端项目进行重构，将不同仓库中的代码汇总到一个仓库中管理。以期减少管理成本及方便后续对组内项目做优化和升级改造。 1.2 重构经验之前我有独立负责过几次较大的重构，也曾2周独立完成近20万行C端代码（不含node_modules）从JS到TS迁移在并行业务需求迭代的情况下实现上线0bug。 1.3 重构基础 Q：什么是重构？重构是在不改变软...

2022-06-09

555

虽然 Docker 已支持在 AArch64 Linux 上运行，但主线 Linux 内核的默认配置“defconfig”缺少一些允许其开箱即用运行的功能。一位 Arm 工程师提议调整这些默认值，以更轻松、直接地在 64 位 Arm 上运行 Docker。用于构建内核主线的 Linux Kernel ARM64 (AArch64) 默认配置“defconfig”——缺少一些选项以允许 Docker 在不修改 Kconfig 文件的情况下运行。诚然，大多数 Linux 发行版内核已经自定义了它们的内核配置，并支持在 AArch64 Linux 服务器上轻松使用 Docker，但对于那些旨在基于 defconfig 的构建或只是想在 Arm Linux 服务器越来越多的情况下不那么困扰的开发者来说，Arm 工程师 Vincenzo Frascino 正在寻求更新默认配置以处理 Docker。目前 ARM64 defconfig 缺少启用 cgroup freezer 支持、Netfilter 桥接模块、Netfilter 标记匹配、Netfilter 对数据包的 IPVS 属性匹配以及...

2022-06-09

1141

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。