Web前端开发的思考与感悟

更新日期: 2019-09-05阅读: 1.8k标签: 前端

最近几年对于web前端的传闻很多,比如人才稀缺,简单易学,待遇丰厚,整体势头发展良好等等。遇到过一个不太熟搞后台开发的同事跑来问我学习前端需要掌握哪些内容,也听说过一个搞IOS开发准备自学前端半个月然后要去找前端工作,也曾看到过有人对前端市场人才的稀缺这样吹捧过:

现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,对上市公司乃至巨头这个问题也一样存在。没错,优秀的前端工程师简直比大熊猫还稀少。… …  

不仅在国内的互联网行业,在国外,前端工程师一样是需求旺盛、供不应求的香饽饽。

对于这样的吹捧,不反对也不支持。因为由于每个人的位置,经历的不同,对事总会有不同层面的理解。而作为一个从成都的菜鸟,蜕变成一名北京厉害一点的菜鸟,也来谈谈自己对于前端的理解。


一、地域差异

在成都的大部分公司,有一种专门负责切图排版的网页工程师。他们需要懂一些PS,然后会使用htmlcss排版。而这类人往往是刚参加工作不久的毕业生,响应式布局对他们来说是一种高大上的技能。很荣幸,我也曾经是他们的一员,也正因为如此,我掌握着熟练的切图技巧,而这个层次,可能就是外人认为的入门容易吧,然而实际上还差很远很远。

另外一种,就是比较厉害一点的程序员。他们会js+一门后端语言,比如php,jsp。但是他们会会更加偏向后端一点,他们将 html,css,js当成一种很基本的东西,更多的逻辑都使用后端语言来处理,并不会那么清晰的将html页面与后端语言分离开来。所以我们常常会看到有的页面以.php,.jsp结尾。

来了北京之后,才算是见识了真正的web前端。以至于常常会有一种恨自己为什么不早一点来的感觉,恍如隔世。随着学习的慢慢提升,会感觉到北京的前端更加具有明确的方向。

我们会真正的注重用户体验,所以每个页面都会响应式布局,从PC端适配到最小320px宽度的移动端,更加注重html5/css3的相关知识的运用,也会为了用户体验做很多功能之外的更加合理的处理。会真的很认真的考虑面试中常常会问的如何优化前端性能。因此我们使用gulp+require来构建前端代码,压缩,打包,上传cdn。

总的来说,在北京,前端更加专业与明确一点,发展更加好一点。


二、兴趣是否重要?

我曾经很认真的思考过这个问题,很多前辈大神告诉我,“兴趣很重要。”可是我经过仔细分析自身的情况之后,却得出了一个相反的结论。因为我并没有发现什么东西是我感兴趣、并且能让我能够混口饭吃的。然后现在我也觉得只要我能够这样慢慢努力下去,在前端这个行业里,还是能够拥有一席之地。现实一点来说,只要你能够进下心来不排斥它,你就可以选择它。毕竟人都是要吃饭,要养活自己的,我想大多数人都是没办法指着自己的兴趣过活的。

《一万小时天才理论》告诉我们,在某一个方向专注一万小时,你就能够成为这个方向的专家。我认为,这个道理,在前端也同样适用,专注,比兴趣更加重要。


三、什么心态会影响自己的进步?

不坚定。

至少我现在可以肯定的是,前端方向,并不是一个糟糕的选择。在最初的时候,时常会在UI设计与前端之间摇摆不定。我认为我对UI设计更加感兴趣一点。特别是参与了电信一个视频播放app的设计之后,更是认为自己未来是有机会成为一名优秀的UI设计师。但是我另外又觉得自己在前端方向会更加快一点提升自己。于是在很长一段时间里就纠结在这个问题上摇摆不定,停滞不前。其实不管坚定的选择哪一个方向,在目前的互联网行业里,都是很热门的选择,都有出头之日。而最大的错误就在于,犹豫不决。

浮躁。

如果我最终没能成为一名优秀的前端工程师,那么最大的原因肯定就是心态的浮躁。

谁都想要在短期内成为一名学识渊博,经验丰富,德高望重的前端工程师。我也想,这是很难避免的一个心态问题,别人高额的薪水与自己的困境总是那么轻易的扰乱心神。所以一个月从入门到精通,3个月从入门到精通之类的宣传标语,都是非常受欢迎。然而事实上,这并不可能。打着这些宣传标语的培训机构,最多只能带你入门。甚至很有可能一位在前端行业沉浮好几年的老同学都不敢说自己已经在这个行业算得上优秀了。并不是说几年的时间没办法变得优秀,而是能够静下心来潜心修炼的人确实凤毛麟角。所以其实实际情况是慢慢来,才最快

毕业几年,感觉自己前进道路上最大的阻碍就是这两个心态问题。我希望能够静下心来,将自己学到的东西整理出来,分享给大家,让别人能够更加简单直接的了解自己,二来也锻炼自己的心态。


四、 如何应对新技术层出不穷的现状

很多时候我都会觉得前端对于新人来说其实挺过分的。想要学习一门ui框架,有什么easyui,bootstrap,Foundation等等。想要搞一个自己的静态博客,有什么wordpress,jekyll,hexo等等想要学构建工具,有什么grunt,gulp,webpack等等还有好多传说中都很厉害的库,jqueryangularvuereact等等真的眼花缭乱,刚开始怎么分得清谁比谁好啊。一不小心就走一大堆的弯路。

所以这个时候我们就必须明白一个道理。基础的重要性在于,他能够提高我们的学习能力。

bootstrap,angularjs最初于我如传说中的存在,高不可攀。而且很多公司招人都希望员工能够掌握这些技术。所以在基础很薄弱的时候就开始尝试去学习。很显然,效果是几乎没有的。反而会减少我对于前端的自信,会很容易产生动摇,觉得自己不适合。

可是随着基础的慢慢提升,我发现要掌握bootstrap与angularjs似乎也没有那么难。我甚至能够看着文档就有模有样的将这些技术运用起来。这对于以前的我来说,简直就是不可思议。因此,从以前的高不可攀,到现在的触手可及,让我明白了基础的重要性。

而对于最近非常火的react,webpack等,掌握起来也没有当初那种无法触及的感觉。这些技术之所以能火,就说明能够学会的人很多,他并不存在特别难以掌握的瓶颈。如果你的基础够牢靠,你就是这些技术的弄潮儿。


五、前端并没有那么简单

前端不简单的地方,并不在于知识点的掌握,技术的实现,而在于寻找更优解。即使是最简单的页面布局,也存在层出不穷的优秀解决方案,比如在大学的时候,常用table元素来实现几乎所有的页面布局,到现在理解文档流,会运用浮动,各种盒模型,BFC等来实现布局这中间的差距对于一个新人来说是非常巨大的。

从最初的写一大堆js代码,实现一个页面的小功能,到后来发现有的人只需要用几行代码配合html/css就可以控制整个页面的所有动画,这中间的差距,也是非常巨大的。所以前端并不是外界认为的那么简单,甚至并不比掌握好一门后端程序语言那么容易。所以我们要保持敬畏之心。


六、学习方法

在我这个阶段的认识来看,我认为学习最靠谱的方法就是积累。有一个很普遍的假象是,互联网时代似乎获取知识越来越容易,很多人都在担忧所谓的信息过剩的问题。然而实际情况却是,我们更加难以捕捉到对我们来说真正有用的信息。而前端的知识相对而言更加零散与碎片化,并且越来越多样化,所以知识的积累则是一个非常重要的过程。


总的来说,在前端的道路上,遇到过动摇,困惑,迷茫。也因为浮躁的心态停滞不前。好在都一步一步的走了过来。并且可以很把握的告诉自己,这个方向,不会亏待我的付出与努力。

花了很多时间,终于把这篇文章写完了!感悟就是万事开头难,中间难,结尾也难。

链接: https://www.fly63.com/article/detial/6262

前端开发,脱离菜鸟层次的二个关键点

我个人吧,一直认为学习前端技术是比较简单的事情,只要你真的是一步一个脚印的在前进,那你自然会有相应的结果可以收获。这里面包含二个关键点,一,脚踏实地;二,不断努力。

前端开发,如何写出优秀js代码

前端开发如何写出优秀js代码,什么样的javascript代码才是最优秀的的呢?我总结的大概分为三点:性能好,简单优雅,通俗易懂,这篇文章就将围绕这这3点来说明。

解读前端热更新原理

热更新:浏览器的网页通过websocket协议与服务器建立起一个长连接,当服务器的css/js/html进行了修改的时候,服务器会向前端发送一个更新的消息,如果是css或者html发生了改变,网页执行js直接操作dom,局部刷新,如果是js发生了改变,只好刷新整个页面。

你不知道的前端SDK开发技巧

作为一个SDK,我们的目标是让使用者能够减少查看文档的时间,所以我们需要提供一些类型的检查和智能提示,一般我们的做法是提供JsDoc,大部分编辑器可以提供快捷生成JsDoc的方式,另一种做法是使用Flow或者TypeScript

Web前端体系的脉络结构

Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。

关于前端数据&逻辑的思考

这里我是基于典型的MVC模型,那么为了将现有代码重构为理想的模型,我需要做以下几步:拆分组件,逻辑处理,抽象、聚合数据

什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等

前端基础-什么是前端:一、 web1.0时代的网页制作,二、 web2.0时代的前端开发,三、 Web前端能做什么?四、 为什么要学习前端开发,五、 前端开发都有哪些内容,六、 开发环境

web前端的一些不为人知的冷知识点_html篇整理

web前端HTML篇冷知识点——这是一篇关于前端的技巧使用,或许你做前端很多年了,但是下面的这些你可能闻所未闻。现在这里给大家整理出来,分享给前端的小伙伴们。

web前端的一些不为人知的冷知识点_CSS篇整理

CSS篇整理:关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算

web前端的一些不为人知的冷知识点_Js篇整理

Js篇整理:生成随机字符串、整数的操作、重写原生浏览器方法以实现新功能、关于console的恶作剧、万物皆对象、If语句的变形、禁止别人以iframe加载你的页面、console.table

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!