关于成为一只体面的前端攻城狮

怎样算是个体面的前端攻城狮?
大概是,PM,设计,开发等工种都觉得你很专业,很腻害吧~

下面阐述下我心中体面攻城狮该具备的

软件

能熟练使用前端会用的软件。软件主要分为以下几类

IDE

我用的是Sublime

Webstrom,brackets也不错。当然爱折腾的,可以玩玩编辑器vim的神和神的编辑器emacs

Ps:貌似用DreamWeave,Nodepad++的一般都比较Low

源代码管理

必须是Git~

图片类

  • Photoshop 切图仔切图必用
  • Picpick Windows系统可以用它预览PSD的文件;截屏之类。Mac本身系统就可以预览和截屏,所以不需要该软件。

静态文件服务器

我用的是基于nodejs的命令行工具--anywhere

发送web请求的工具

推荐使用httpie。虽然用curl可以做一样的事。但httpie的命令比curl好用的多。

Web调试工具

  • fiddler 。主要用它来,用本地文件来替换线上文件。
    但是,它不能修改非Get方式的请求的返回。
  • mockjax 是个脚本库,主要用来模拟各种方法的异步请求。

各种浏览器

能熟练使用各种浏览器(Firefox,Chrome,IE等,如果还要兼容IE6,那还要用IETester)来调试。

项目构建工具(YEOMAN)

  • 包管理工具: bower,npm之类
  • 生成项目的脚手架:Yo
  • 任务管理:Grunt,Gulp

基础知识

扎实的基础知识,主要包括以下的知识

  • html
  • css
  • js
  • 浏览器相关的
  • svg
  • canvas

代码风格/规范

有自己代码规范,并能遵守。在团队中,能遵守团队的代码风格。

代码组织

能很出组织的很好的代码。

能写出这样的代码的方式,可以通过了解MVC,MVVM,MVP,以及各种js的设计模式。

积累

  • 熟悉主流的js和css框架
  • 有自己筛选的比较好的第三方组件库
  • 当第三方组件达不到自己需求,可以自己开发。我开发的组件(很多情况下是为了兼容IE6 WTF)
    • simple-slide 基于jquery的简单幻灯组件。兼容 Firefox,Chrome,IE6+。
    • paging 基于jquery的分页组件。兼容 Firefox,Chrome,IE6+。
    • popup 弹出层组件。兼容 Firefox,Chrome,IE6+。
    • ractive-paging 基于ractive的分页组件。不兼容IE6。
    • number-controller 基于jquery的输入框中输入数字,左右两侧有加减来调节数字大小的组件。兼容 Firefox,Chrome,IE6+。
    • jquery-linkage-select 基于jquery的联动下拉框组件

预处理语言

会使用

  • Less,Sass之类
  • Coffee Script之类

熟悉多门后台语言

nodejs是肯定要会的。其他,像Python,Ruby,Go都可以玩一下~

其他

  • 有牛逼的个人网站
  • 有受欢迎的的个人博客
  • 有star数很多的开源项目
    原文作者:九彩拼盘
    原文地址: https://www.jianshu.com/p/b033674db7aa
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞