关于H5工程师那些日常必需工具

1，HBuilder一个不错的web前端IDE(代码编辑器)

Web前端开发，2000之后基本就是三剑客的天下。到现在DW也是不错的HTMLcoder，如今的前端开发早已是JS的天下。但是DW对于JS方面就弱爆了。DW虽然支持JS语法高亮也支持JQuery JqueryMobile 甚至还支持Phonegap。但是对于JS的支持到了有的程度而已，语法高亮、语法提示仅此而已了。我们需要的是什么呢？

这个IDE是基于eclipse的专门用于Web前端设计代码编辑器。是过国产HTML5+项目的配套IDE，HTML5+是一个类似PhoneGap的基于Html5+CSS+JS的轻应用解决方案。同时提供android、ios、移动Web应用。而且开源。国内目前这类项目还是比较丰富的，总的来说这类方案还不错，对于一些简单的应用特别是中小型企业发布自己的APP降低了门槛，减少了成本，提高了效率。我个人对这类技术持看好的态度。HBuilder就是用来构建基于HTM5+的Web轻应用的IDE，既然是Web应用，自然对HTML5\CSS\JS支持要足够高了。那么理所当然的HBuilder可以用来进行Web的前端开发

HBuilder-飞速编码的极客工具，手指爽，眼睛爽。这速度小编最爱了，HBuilder的问世有意义的推动和加速HTML5的发展，碎片化的语法定义和浏览器兼容性一直是开发者最头疼的，现在开发者有福了，在 HBuilder最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。集成大量常用语法块，少敲多行代码，飞一般地编码，体验极客速度。

2. MarkMan是一款方便高效的标注工具，极大节省设计师在设计稿上添加和修改标注的时间，让设计更有爱。MarkMan使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一建完成。MarkMan是基于 Adobe AIR 平台，可以跨平台使用，减少了在不同平台使用产生的一系列问题。

（1）长度标记

（2）.坐标和矩形标记

（3）.色值标记

（4）.文字标记

3.IconFont:阿里巴巴矢量图标库是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。

IconFont平台是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中，Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时iconfont平台作为矢量图标倡导者，积极在线分享矢量图标制作经验、前端应用说明，及应用中常见的一些问题。

网页矢量图标在线生成工具：Iconfont为解决设计师制作字体图标困难的问题，为用户提供了在线矢量格式转换的功能。设计师只要将设计好的图标上传至平台，平台将会将图标存储在平台上，并转换成多种格式文件。

个人图标管理：Iconfont作为一个去中心化的平台，支持设计自己上传图标、收藏图标以及管理项目图标。

图标下载：Iconfont为不同需求的用户提供了不同格式的图标下载，如：ttf、woff、eot、svg、png、eps。

交互设计师&视觉设计为解决交互设计师在axure中使用图标的需求，iconfont为交互设计师提供了透明背景的图标下载(png格式)，支持修改图标的色彩;视觉设计师则可以通过下载AI原文件获得高保真的图标文件。

4.SegmentFault ( www.sf.gg ) 是中国领先的开发者技术社区。我们希望为编程爱好者提供一个纯粹、高质的技术交流的平台,与开发者一起学习、交流与成长,创造属于开发者的平台

SegmentFault 团队将黑客马拉松活动引入中国，至今，已经在国内一线互联网城市以及台北、新加坡、硅谷等地区举办了超过 50 场黑客马拉松。SegmentFault 是目前中国最大的黑客马拉松组织方。目前，SegmentFault 平台上用户接近百万，每日 UV 20 万，每月产生 2000 篇高质量的技术文章，95% 的内容由用户产生。招聘平台内测一个月，已有 500 多家互联网公司申请加入。

有好多很好的文章在：

捷微H5微信活动群① 413534092

关于H5工程师那些日常必需工具相关推荐

猿创征文 | Linux运维工程师的10个日常使用工具分享
猿创征文 | Linux运维工程师的10个日常使用工具分享一.本次分享工具导航二.Adminer数据库管理工具 1.Adminer介绍 2.Adminer的特点 3.Adminer的使用 4.Ad ...
大数据工程师的日常工作是什么？要掌握哪些核心技术？
很多人都听过大数据工程师,但却很少人知道他们是做什么的?下面就带大家一起来了解一下大数据工程师的日常. 如果你对大数据感兴趣,下面的内容你一定要看看: 大数据工程师是做什么的? 分析历史.预测未来.优 ...
猿创征文 | DevOps运维的10个日常使用工具分享
猿创征文 | DevOps运维的10个日常使用工具分享一.DevOps介绍 1.DevOps的简介 2.个人分享的10个工具导航二.jenkins 1.jenkins介绍 2.jenkins的优点 ...
【第二篇：测试(开发)工程师的日常】
我终于回来了,前几周一直在准备晋升答辩,也是心力憔悴.自从在组内给大家看了我写的PPT之后,莫名的获得了"老师"这个称号,真的是被自己的才能惊讶到了,之后如果有小伙伴想要请帮忙re ...
软件测试工程师工作日常100问系列三【乐搏TestPRO】
上两个系列讲了软件测试基本常识问题,包括软件测试概念.流程及工作日常及需要具备的只是体系.请参阅: 软件测试工程师工作日常100问系列一软件测试工程师工作日常100问系列二今天我们来讲讲接口测试在 ...
H5工程师跨页面取值的几种方法
业务场景:作为H5工程师,经常需要到另一个页面去拿变量值,遇到好多次啦,这里总结一下,同等不同的页面一般不可以使用id或者类选择器定位取值,比如A页面有个id="demo",你从B ...
一个算法工程师的日常是怎样的？
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达来自 | 知乎链接 | https://www.zhihu.com/question/2969281 ...
渗透测试工程师都需要什么工具呢？网络安全（一）
渗透测试是目前网络安全人士向往的工作之一.令人兴奋,含金量高,且对所有人敞开大门.无论你是准毕业生.在校生.信息安全从业人员,还是对渗透测试感兴趣的人群,只要专项能力过硬,就可以成为渗透测试工程师.那 ...
Linux SRE工程师常用提效工具
重点声明:以下工具和参数介绍,部分内容来源于网络,特此说明一.运维必知工具 1.1 系统监控工具 1.1.1 top 1.介绍显示系统上正在运行的进程,它是运维工作中必备命令之一,常用于监测系统负 ...

关于H5工程师那些日常必需工具

关于H5工程师那些日常必需工具相关推荐

最新文章

热门文章