关于前端的思考与感悟_html/css_WEB-ITnose

php中文网

php中文网

2016-06-24

1185人浏览

原创

万事开头难。

当我想要认真写一篇文章向大家分享我对前端的认识与感悟的时候,突然就深刻的体会到了这句话确实太有道理了。

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

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

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

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

一、地域差异

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

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

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

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

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

二、兴趣是否重要?

我曾经很认真的思考过这个问题,很多前辈大神告诉我,“兴趣很重要。”

可是我经过仔细分析自身的情况之后,却得出了一个相反的结论。

因为我并没有发现什么东西是我感兴趣、并且能让我能够混口饭吃的。然后现在我也觉得只要我能够这样慢慢努力下去,在前端这个行业里,还是能够拥有一席之地。现实一点来说,只要你能够进下心来不排斥它,你就可以选择它。毕竟人都是要吃饭,要养活自己的,我想大多数人都是没办法指着自己的兴趣过活的。

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

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

不坚定。

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

浮躁。

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

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

毕业几年,感觉自己前进道路上最大的阻碍就是这两个心态问题。这也正是我开公众号的初衷所在,我希望能够静下心来,将自己学到的东西整理出来,分享给大家,一来慢慢竖立自己的个人品牌,让别人能够更加简单直接的了解自己,二来也锻炼自己的心态。在这里也谢谢大家的关注与支持。

公众号会主要分享一些前端的技术知识与职场吐槽,欢迎大家搜索微信号 isreact关注我,让我们一起成长!^_^

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

很多时候我都会觉得前端对于新人来说其实挺过分的。

想要学习一门ui框架,有什么easyui,bootstrap,Foundation等等。想要搞一个自己的静态博客,有什么wordpress,jekyll,hexo等等

想要学构建工具,有什么grunt,gulp,webpack等等

还有好多传说中都很厉害的库,jQuery,angular,vue,react等等

真的眼花缭乱,刚开始怎么分得清谁比谁好啊。一不小心就走一大堆的弯路。

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

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

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

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

五、前端并没有那么简单

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

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

六、其他

学习方法

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

英语很重要

英语很重要的原因是因为国外的技术比我们发达,我们常常需要阅读国外的文章来提升自己,也常常需要在google搜索上找到自己问题的答案

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

花了很多时间,终于把这篇文章写完了,泪奔!写文章对于一个程序员来说真的是超级大的挑战。感悟就是 万事开头难,中间难,结尾也难。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
火山引擎API Key获取教程
火山引擎API Key获取教程

火山引擎API Key适合需要调用火山引擎云服务、AI模型、火山方舟接口或其他开放能力的开发者参考。本专题整理控制台入口、账号认证、服务开通、API Key创建、密钥复制保存、权限检查、调用测试和Key无效等常见问题排查。

2026.08.04

1

10

火山引擎API接入教程
火山引擎API接入教程

火山引擎API接入适合需要在应用、脚本、后台服务或AI工具中调用火山引擎能力的开发者参考。本专题整理控制台入口、服务开通、API Key获取、接口地址配置、请求参数填写、调用测试、权限设置、额度查询和常见接口报错排查。

2026.08.04

3

10

火山引擎DeepSeek API调用教程
火山引擎DeepSeek API调用教程

火山引擎DeepSeek API适合需要在应用、脚本、智能体或AI编程工具中调用DeepSeek模型的开发者参考。本专题整理火山引擎控制台入口、模型服务开通、API Key获取、Base URL配置、模型名称填写、调用测试、额度查询和常见接口报错排查。

2026.08.04

1

10

火山引擎控制台操作教程
火山引擎控制台操作教程

火山引擎控制台中常用功能包括API密钥管理、模型调用配置、云资源查看、账单明细、用量统计和权限分配。本专题整理控制台基础操作、服务开通流程、Key创建与保存、费用消耗查看、子账号权限设置和调用失败排查,方便开发者完成日常管理。

2026.08.04

3

10

PDF与PPT格式转换操作方法及在线转换技巧
PDF与PPT格式转换操作方法及在线转换技巧

本专题聚焦 PDF 与 PPT 文件格式转换需求,整理 PDF 转 PPT 在线转换方法、PPT 批量转换 PDF 操作步骤、转换后格式错乱处理以及文档版式检查技巧。通过详细教程帮助用户掌握 PDF、PPT 双向转换方法,解决演示文稿制作、文件整理和办公格式转换中的常见问题,提高办公效率。

2026.07.31

112

6

PDF合并文件操作方法与在线批量合并技巧
PDF合并文件操作方法与在线批量合并技巧

本专题聚焦 PDF 文件合并与文档整理需求,整理多个 PDF 合并成一个文件、图片批量转换 PDF、合同附件合并发送以及在线 PDF 合并操作方法等实用教程。通过详细步骤介绍 PDF 合并流程、文件顺序检查技巧和免费在线合并方案,帮助用户快速整理零散文档,提高办公文件处理效率。

2026.07.31

88

8

PDF转Word在线转换与文档编辑处理方法
PDF转Word在线转换与文档编辑处理方法

本专题聚焦 PDF 转 Word 文件转换与办公文档处理需求,整理 PDF 在线转换成 Word、PDF 转可编辑 Word、PDF 文件格式转换操作步骤以及转换后版式错乱、图片无法编辑等常见问题解决方法。通过详细教程帮助用户快速掌握 PDF 转 Word 技巧,提高办公文件处理效率。

2026.07.31

87

5

CodeIgniter下载教程
CodeIgniter下载教程

本合集由PHP中文网精心整理,为您提供CodeIgniter下载教程与官方正版下载安装指南。内容涵盖CI3/CI4官方获取渠道、Composer依赖安装及环境配置全流程。助您安全、高效地搭建轻量级PHP框架,轻松开启Web应用开发之旅。

2026.07.30

116

10

CodeIgniter数据库配置指南
CodeIgniter数据库配置指南

PHP中文网为您提供CodeIgniter数据库配置指南合集。本专题全面解析CI框架数据配置方法,涵盖配置文件修改、多环境连接、动态切换数据库及常见连接错误排查等实战技巧。内容详实易懂,助您轻松掌握CodeIgniter数据库配置,快速解决开发难题,提升项目构建效率。

2026.07.30

45

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.4万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 131.8万人学习