攻克前端开发的难点，码农不惧！！

快来打我* 2022-12-29 02:15 114阅读 0赞

前言

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]  
但是，对于前端开发这个方向，即使『会了』……依然感觉很难，唉，说多了都是泪呀，我用三个亲身经历的怪现象来说明吧。

怪现象一：谁都可以指手画脚的前端开发

我职业生涯很长一段时间都在做前端开发，我也做过后端开发，两者一对比，给我影响最深的不是技术差异，而是——前端开发者听到的『需求修改意见』要比后端多得多。

后端这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前端嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。

只看得见界面的产品经理可以提一些意见。

项目经理可以有一些意见。

啥也不懂的老板也可以提一些意见。

甚至连后端都可以来提一些意见。

……

正因为前端的产出是看得见摸得着的，所以造成了谁都可以『提一些意见』的现象。

前端开发最大的痛啊！

怪现象二：被鄙视但又十分抢手的前端

前端开发者，你懂的，居于开发者鄙视链的低端，业务逻辑大多都居于后端，超大并发量是后端实现的，超牛逼的AI、大数据分析、商业逻辑都在后端，前端要做的只是一个功能展示，所以，后端开发普遍看不上前端开发的工作，直到……到了公司举办黑客马拉松活动的时候。

黑客马拉松，就是让程序员自行结队，在几天之内快速开发出来一个小型项目，到活动结束的时候，每个队要演示自己的产品，于是，问题来了，平时你可以鄙视前端开发者，你可以把前端开发贬得一文不值，但是，到了黑客马拉松的时候，才知道前端开发的必不可少，因为没有前端你无法『演示』你的想法。

这时候，后端开发者也会发现，平时觉得前端开发很简单，但是自己写一个最简单的AJAX form表单提交也要学半天，不管你的后端想法多么牛，如果最后没有熟练的前端开发者，最后到了演示环节也要抓瞎。

所以，每到黑客马拉松时，平时居于鄙视链最低端的前端开发者，突然就变成了最炙手可热的红人。

谁都觉得前端开发不重要，但是又离不开前端开发。

是不是很讽刺？

怪现象三：苦不堪言的多端开发

一个正经的产品，为了满足用户不同设备上使用的要求，需要提供多客户端，最起码要有网页端、iOS端和安卓端，现在大部分产品还要考虑小程序端，这还没算iOS要分iPhone和iPad，安卓也要考虑手机和平板，甚至要考虑机顶盒设备的界面……

各种设备、各种安卓版本、各种浏览器都有各自的特（bu）点（g），每个前端开发者都有体会，很多精力都消耗在处理某个特定平台/版本/浏览器的bug上，唉，说到这里真想流泪……

因为要支持这么多不同的客户端，一个产品的前端开发者种类也不止一个，要有网页开发者、iOS开发者和安卓开发者，大一点的项目，靠一个人支撑一种客户端就不行了，需要的是网页开发团队、iOS开发团队和安卓开发团队。

其实，不同客户端实现的都是同一种功能，完全是因为这个世界存在这么多种客户端，所以我们才被迫为各个客户端写一套代码。

虽然多端的存在，增加了不少程序员的就业机会，但是，干过实际项目的都知道，这其实很麻烦，很麻烦很麻烦！为了给用户最好的体验，肯定希望各端提供一致的功能界面，如果有新功能，要上一起发布上线，但是，不同团队之间开发周期肯定不同，很难保证同时完成任务，最后，花费开发时间最长的那一端的开发团队就成为整个产品的短板。

每每想到这里，就缅怀秦始皇，秦始皇你要是不光把度量衡统一，把所有客户端也统一了多好。

前端开发难在哪里?

好了，看完上面这三种行业怪现象，不难看出，前端开发很真的很有难度，我这里只列出最关键的两点：

当需求发生变化的时候，第一线中枪的往往就是前端，而且很多需求变化和后端无关，单纯就是前端的改变。这些需求改变有的是不合理的瞎折腾，但是，客观来说，也有不少是有必要的需求改变，应该用户是上帝，用户的喜好会变化，用户的喜好我们也要反复揣摩，必须要伺候好用户，也就是要适应需求变化，所以，难点就成了——如何让前端开发适应快速变化的需求？

前端的学习曲线其实挺陡，很多后端开发者以为前端只是玩一玩HTML，到了自己上手的时候发现其实要学很多，下面只是一个简化了的网页前端学习路线图。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]  
如果要做到高性能，要考虑CDN优化、JavaScript Profiling、打包策略……

如果要做到安全，要防止注入攻击，要防止XSS攻击，要防止CSRF攻击……

这说的还只是网页前端，没说安卓和iOS开发、小程序开发，如果把这些都带上，需要学习的知识量又要翻倍。

而且，前端也不是说读几本书就可以上手做真实项目的，如果没有对这个领域长时间的浸淫，做出来的东西很可能就是漏洞百出，这个难点就是——如何让前端学习曲线变得不陡？

总结一下：

如何让前端开发适应快速变化的需求？

如何让前端学习曲线变得不陡？

长期以来，虽然无数仁人志士想要解决这些问题，也取得了一些成果，但是，前端是个被普遍低估了难度的开发活动！

前端开发的出路在何方?

未来前端的职业发展方向

1、Web APP开发

Web或者互联网的核心哲学理念有三点：去中心化、避免信息孤岛、万物互联。

而随着互联网速度和前端技术的发展，越来越多的大型企业开始将他们的软件给搬到了WEB上，微软就把他所有的office系列全部搬到了web上。

这些WEB APP才算是真正体现了互联网哲学的核心精神：无需安装、用完即走，而将这张未来蓝图亲手描绘出来的就是当今的web前端工程师们。

2、全栈开发

全栈（full stack developer）起源于facebook中对工程师的一种称谓，node.js的横空出世，极大程度的降低了前端工程师向后端领域拓展的难度，越来越多的高级前端工程师向着全栈发展，一肩挑起了企业项目开发的所有环节。

3、前端大数据图形展示html5

游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾。不过现在游戏开发变得越来越复杂，需要制作各种炫丽炫丽的效果，还要制作各炫丽于 2D 或者 3D 的场景。为了降低游戏的开发难度，加快游戏的开发进度，国内外不同厂商推出了众多游戏开发引擎。

随着html5的快速发展，flash已经在2017年正式被adobe公司判处了死刑，各种网页游戏的开发和更新也由flash平台转战为H5平台，在2018年的云栖大会上还有一个前端领域异军突起那就是前端的大数据的图形展示，高级前端们可以轻松的使用Canvas和WebGL等技术开发各种在线游戏或是大数据展示平台，又基于H5高度的适配性，无论是PC端、平板电脑还是移动端都能够完美的运行而无考虑兼容性。

这个行业已经这么成熟了，应该有一种尽量通用的框架来抽象可重复使用的功能，像React、Vue和JavaScript这样的前端框架，就是一种程度上的抽象。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]  
JavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。

JavaScript不只是开发网页特效和渲染数据的重要内容，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]

> 在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993，希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】  
> 每天更新最新技术文章干货。

在基础阶段，我们学习JavaScript需要注意：

1.基本关键字指令

2.基本数据类型、数组

3.函数

4.面向对象编程

5.原型链、闭包

6.JSON

7.Ajax

8.DOM(文档对象模型 原生DOM操作)

9.事件捕获、冒泡、代理

10.常用函数方法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]  
在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来。

如果你还在犹豫要不要步入前端，我给你的建议是，与其把时间浪费在犹豫上，还不如认真的拼一把，把时间花在前端上。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]: /images/20221120/df258bb05a7641b58129b34f599708f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221120/7b2082fcde514d4b8c7d1153421c4a69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]: /images/20221120/3d505a42e1dc49c7b97817633aba0400.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]: /images/20221120/833ba7aa7d3748e0899a75734d933f9f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]: /images/20221120/7052d4ff68064b88a582f5481f4a8d54.png