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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013028876/article/details/52506776

        工欲善其事必先利其器,好用的工具大大提高工作效率。在做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/#/

 


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

没有更多推荐了,返回首页