

太强了!前端 UI 代码也能快速复制粘贴
source link: https://zhupeng.github.io/easy-ui-copy-component/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

太强了!前端 UI 代码也能快速复制粘贴
做为一个个人独立开发者,虽然是一个后端工程师,但是有时候也需要参与一些前端的开发工作。前端的一些基础开发没什么问题,尤其是有一些现成可用的组件,但是对于我来说最难的是整体的布局、调整 CSS 等操作,而这些代码是不能直接从其他网站进行借鉴拷贝的,如果有一个工具能够帮助我提高在这方面的效率,那简直就太棒了。
今天要推荐一个效率工具 Aspect,能够一键快速从其他网站拷贝 UI 组件出来使用,真的做到了前端代码的复制粘贴,简直就是我这种后端工程师的福音,本来就是前端开发的是不是也很感兴趣?

以上就是拷贝 UI 组件的整体过程,对应的工具 Aspect 是一个浏览器的插件,在任意网站激活该插件并选中对应的 UI 组件,就能够将可用的代码直接拷贝出来,拷贝出来的代码可以在 Aspect 的网站进行测试或者直接粘贴到你的项目代码中。
另外 Aspect 还提供了 UI 设计的能力,能够通过拖拽进行 UI 的设计和开发。

因为 Aspect 代码一般是自动生成的,所以在可读性上会稍差一些,因此 Aspect 提供了模块级的集成,并不需要对代码进行了解,直接使用暴露出来的组件即可。

更多项目详情请查看如下链接:https://sample-code.aspect.app/
更多精彩请扫码关注如下公众号。

Recommend
-
105
macOS - @billows - 没注意什么时候开始的,突然发现复制粘贴功能没那么灵敏了,就是有时候会好几次才成功,大多数是发生在跨 APP 的时候,比如从 chrome 复制粘贴到 iterm,从 iterm 的一个 session
-
42
文章截图 - 复制并粘贴网页 / 文章链接可以转成一张长图片,免费! - NEXT
-
43
-
49
了解如何在 Linux 中使用 xclip。 在使用 Linux 桌面工作时,你通常如何复制全部或部分文本?你可能会在文本编辑器中打开文件,选择全...
-
38
复制粘贴一时爽,频出 bug 火葬场。对开发者而言,Stack Overflow 和 GitHub 是最为熟悉不过的两大平台,这些平台充斥着大量开源项目信息和解决各类问题的代码片段。最近,一位叫做 Aioobe 的开发者在一项调查中发现了一段自己十年前写的...
-
31
在最近的 Web 开发中, 有遇到使用Clipboard的场景。即在 B 侧 Web 业务中, 对于复杂页面的配置, 希望提供复制粘贴功能。 思考了几种方案: 依赖后台接口, 新增数据 从需求角度来讲, 比较简单的方案就是调用后台接口, 生成一条新数据,
-
27
整理了一些Java方面的架构、面试资料(微服务、集群、分布式、中间件等),有需要的小伙伴可以关注公众号【程序员内点事】,无套路自行领取 本文作者:程序员内点事 更多精选文章 技术部突然宣布:JAVA开发人员全部要会接口自动化测试框架 3万字总结,Mysql
-
5
滤镜也能复制粘贴?视频编辑服务专属滤镜一键搞定剪辑制作视频时,如果用户想要实现视频与某张特定图片一样的滤镜风格,怎么提取呢?
-
3
复制粘贴代码,很可能会带来灾难性的后果
-
4
学会这招真实用!复制粘贴,快速将Python程序打包成exe! 作者:小斌哥r 2022-09-02 14:37:46 本文记录打包过程,需要打包时可以直接复制粘贴,快速完成,不用动脑。
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK