前端工程师都用哪些靠谱的小工具?

前端工程师都用哪些靠谱的小工具?

转载自 作者 杜Amy

现在市场上可用的前端开发工具实在是数不胜数,令人眼花缭乱,作为一个已入坑的前端开发工程师,再此分享一下自己用过的一些工具库。

前端小工具

说到开发工具,肯定是少不了编辑器:

SublimeText

SublimeText

SublimeText

这个工具很火,关键在于它的小巧、简洁、快枪手,长长的文本打开速度也是杠杠的。具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

Adobe Dreamweaver

Dreamweaver

Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 也是我刚入行时用的第一款编辑器。

HBuilder

DCloud - HBuilder、5+、mui、流应用、HTML5专家

HBuilder

通常新手的时候我建议安装这个编辑器,因为上面的各种提示很优秀,而且是国人开发的编辑器,必须要支持一下

Webstorm

Webstorm

WebStorm 为前端而生,专门为 JS 开发做了很多优化,有许多令前端工程师眼前一亮的地方,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”,也是我目前正在使用的编辑器。

原型工具:

墨刀

MockingBot - Tutorials

墨刀

最好用的原型设计工具,快速构建移动应用原型与线框图,云端保存、实时手机预览、多种手势动画特效、一键导出工作流以及团队协作管理功能。

Axure RP

Axure RP

是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理

Mockplus

Mockplus 做原型,更快,更简单!

Mockplus

是更快更简单的原型设计工具。交互快、设计快、演示快、上手快。拖一拖链接完成交互设计,放一放组件完成原型图,扫一扫二维码在手机中演示

导图工具:

x-mind

http://www.xmind.net/

是一款实用的思维导图软件,简单易用、美观、功能强大,拥有高效的可视化思维模式,具备可扩展、跨平台、稳定性和性能,真正帮助用户提高生产率,促进有效沟通及协作。

novamind

novamind

带有演示功能的思维导图绘制工具,界面美观,富有亲和力, 支持任意角度的自动布局,节点和连接线也异常灵活,能够任意拖动,强大的连接线编辑功能也是特色之一

mindmanager

MindManager思维导图中文官网-MindManager 2017中文版

mindmanager

是一款创造、管理和交流思想的思维导图软件,界面友好功能强大,头脑风暴、会议管理及项目管理工具帮您轻松创建思维导图,有序组织思维、资源和项目进程。

在线压缩工具:

tool.lu

Html在线美化压缩/转js - 在线工具

tool

在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,程序猿的在线工具

TinyJPG – Compress JPEG images intelligently     在线png图片压缩工具,可批量使用

BCompare  是一个综合的比对工具,主要目标还是帮助您详尽的分析差异之处,并且对它们进行详尽的处理。

FastStone Capture 是一款抓屏工具,体积小巧、功能强大。不但具有常规截图等功能,更有从扫描器获取图像,和将图像转换为 PDF 文档等功能

csssprites  是一种流行的图片处理方式,它允许网页设计师将很多张图片合并在同一张图档中,然后根据 CSS 档中的文字描述将图档分区块加载

Teleport Ultra 是一款专业的离线浏览器,能够快速、准确地从网络抓取数据并保存到本地,实现离线浏览的目的。可以从 Internet 的任何地方抓回你想要的任何文件。

时间: 2024-11-04 16:23:29

前端工程师都用哪些靠谱的小工具?的相关文章

成为一名优秀的web前端工程师都需要做些什么?

程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种:    第一种一直在问:如何学习前端?    第二种总说:前端很简单,就那么一点东西.     我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师.    如果成为一名优秀的web前端工程师(前端攻城师)? 何为:前端工程师?前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript!它要求前端开发工程师

每个前端工程师都应该去了解的前端面试题总结(一)

当我们需要找工作的时候,面试对于我们每个程序员来说都是非常重要的环节,掌握一些面试题技巧是非常有必要的,今天主要分享几个js有关的面试题 作用域 var num1 = 55 var num2 = 66 function f1(num, num1) { num = 100 num1 = 100 num2 = 100 console.log(num) //100 console.log(num1) //100 console.log(num2) // 100 } f1(num1, num2) con

淘宝前端工程师:国内WEB前端开发十日谈

转自:http://www.jianshu.com/p/8cf2df3fdbf2 一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的“弄潮者”,这在很大程度上影响我们对“技术本质”

电商前端工程师:国内WEB前端开发经验之路

一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我们对"技术本质"的洞察力,多

解决前端工程师与UI设计协同工作的问题

前端工程师与UI设计协同工作主要环节在于设计图与前端界面是否一致.(还原度) 不得不说,设计图与前端界面实现不一致的问题时有发生.(好吧,我经验有限)所以经常写完的前端页面都需要去修改.(特别是做移动端web)频繁的修改页面不仅我觉得很烦,UI设计也很烦.因此,我就好好反思一下我为什么不能好好的还原设计稿的尺寸. 之前待过的公司工作流程是这样的: UI设计只负责设计UI界面,出PSD,AI与PSD效果图.不出标注图.               前端工程师拿到PSD文件去测量里面间距,去切图,实

前端工程师如何搞定设计

前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识.本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍. Photoshop使用 大多数前端工程师都有过切图的经历,也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现,那么作为一名合格的前端工程师,我们有必要了解并熟练的掌握Photoshop的一些功能,下面介绍下几个实用的Photos

大数据浪潮下的前端工程师

流形 链接来源 马云曾经说过『人类正从IT时代走向DT时代』. 正如他说言,今天几乎所有的互联网公司背后都有一支规模庞大的数据团队和一整套数据解决方案作决策, 这个时代已经不是只有硅谷巨头才玩数据的时代,是人人都在依赖着数据生存,可以说如今社会数据价值已经被推到前所未有的高度. 我作为一名前端工程师在阿里巴巴数据团队工作多年,深入了解数据生产加工链路与产品化.我们这群前端是与界面最近的工程师们, 似乎与数据离得很远,对于我们来说与数据有些怎样连接呢. 完整数据链路 首先,我用直观的一张图绘制出数

前端工程师如何理解 TCP/IP 传输层协议?

网络协议是每个前端工程师都必须要掌握的知识,TCP/IP 中有两个具有代表性的传输层协议,分别是 TCP 和 UDP,本文将介绍下这两者以及它们之间的区别. TCP/IP网络模型 计算机与网络设备要相互通信,双方就必须基于相同的方法.比如,如何探测到通信目标.由哪一边先发起通信.使用哪种语言进行通信.怎样结束通信等规则都需要事先确定.不同的硬件.操作系统之间的通信,所有的这一切都需要一种规则.而我们就把这种规则称为协议(protocol). TCP/IP 是互联网相关的各类协议族的总称,比如:T

web前端工程师需要掌握哪些知识

随着互联网的发展速度迅猛,web前端工程师越来越火热,想学习Web前端开发吗 ? 若想成为web前端工程师需要掌握哪些知识?今天小编总结了成为web前端工程师需要掌握的所有知识. 一.基础 1.H5标签 1.1.H5引进的一些新的标签,需要注意article.header.footer.aside.nav以及HTML的标题结构 1.2.理解浏览器解析HTML的过程,理解DOM的树形结构,及相应API 1.3.理解HTML标签在各个浏览器上的默认样式(代理样式),理解CSS中的重置样式表的概念 1