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

怎样算是个体面的前端攻城狮? 大概是,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数很多的开源项目

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

最新XSS 0day漏洞来袭,影响最新版本IE浏览器(含POC)

安全研究人员近日发现了一个严重的XSS 0day漏洞,该漏洞可影响最新版本的IE浏览器,将用户暴露在被攻击和身份盗窃的危险之中。 漏洞信息 该漏洞能够影响完全修...

2046
来自专栏PHP在线

8个最佳PHP库

原文出处: codegeekz 译文出处:oschina PHP标准库 (SPL)的目的就是提供一组接口,让开发者在PHP5中充分利用面向对象编程。因此...

4394
来自专栏jeremy的技术点滴

使用grunt对css中的background图片自动生成雪碧图

37810
来自专栏FreeBuf

假面攻击(Masque Attack)详细分析与利用

一、漏洞概述 近期在苹果iOS手机系统上曝光的两个漏洞,WireLurker和Masque Attack,影响了iOS目前到8.1.1 beta的最新版本,而且...

1956
来自专栏Timhbw博客

【iOS秘籍】-下载历史版本App超详细教程

2016-12-0200:47:37 发表评论 5,804℃热度 1.软件准备 2.正式开始 3.安装旧版本App 4.总结 目录 有些时候我们需要下...

4297
来自专栏小白课代表

软件分享 | AutoCAD 2019 安装教程。

1947
来自专栏张戈的专栏

重置多说配置后的问题,这是不让我从良的节奏啊(附禁用谷歌在线字体的方法)!

本想今天发文从良,金盆洗手,从此不再折腾博客,安心写文章的。结果,发现多说又不能同步服务器评论到本地了!特么真是怕什么来什么啊!想来这金盆暂时用不着了。。。 想...

4075
来自专栏ytkah

微信公众平台对所有公众号开放自定义菜单

据统计,微信公众号已达1000多万了,但大多数没有微信认证,且没有开发能力,为此微信公众平台开放了自定义菜单功能给所有公众号,这是微信团队年前给广大自媒体送的大...

3295
来自专栏有趣的Python

Scrapy分布式爬虫打造搜索引擎-(六)scrapy进阶开发Python分布式爬虫打造搜索引擎

Python分布式爬虫打造搜索引擎 基于Scrapy、Redis、elasticsearch和django打造一个完整的搜索引擎网站 六、scrapy进阶开发 ...

3614
来自专栏帘卷西风的专栏

关于cocos2dx3.2返回键问题以及ansi转utf8的问题

853

扫码关注云+社区

领取腾讯云代金券