几款开发、画原型图、前端框架分享

        工欲善其事必先利其器,好用的工具大大提高工作效率。在做GIS系统中,有幸跟杨琛师哥一起做项目,新接触了几款前端IDE、原型工具,以及前端框架。整理了一下,有需要的就拿去玩玩儿。


一、两款画原型图工具:

1、墨刀:

用途:移动端原型工具。

特点:快速上手、简单易学、专用移动端、交互丰富,可在线使用、有安装包、国产。

官网: https://modao.cc/

用户体验: http://next.36kr.com/posts/953


2ProcessOn

    用途:免费在线作图工具,可以画原型图、思维导图、UML图等等等。

    特点:模板丰富,在线免安装,图例丰富,简单易学。

    官网:https://www.processon.com/ 

         用户体验:  http://www.iplaysoft.com/processon.html



二、一款前端IDE:

3hbuilder

用途:前端IDE

特点:快、绿柔护眼、国产。

官网: http://www.dcloud.io/

用户体验: http://www.w3cways.com/1401.html


三、两款前端框架:

4、MUI

用途:最接近原生APP体验的高性能前端框架

特点:轻量(100+k60+k)、以iOS平台UI为基础,补充部分Android平台特有的UI控件、体验流畅。

官网: http://dev.dcloud.net.cn/mui/

组件: http://dev.dcloud.net.cn/mui/ui/

用户体验:订餐系统

 

体验MUI

(Mui + hbuilder)

    mui组件已被封装成HBuilder代码块,只需要简单几个字符,就可以快速生成各个组件对应的HTML代码,因此和Hbuilder两个一起用,效果会更好。

 

5weui

用途:专为开发微信HTML5应用的开源Web UI组件库

特点:为微信Web开发量身设计,可以令用户的使用感知更加统一。

GitHub:https://github.com/weui/weui/wiki/Form

用户体验:http://www.wtoutiao.com/p/12bcQei.html


体验weuihttps://weui.io/#/

 


工具不难学,多用更熟练。

评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值