一路走来的web前端开发之路

踏上程序开发这条路已有一段不长不短的日子，从初识程序代码，到决心闯一闯这条路，从跌跌撞撞，擅闯各端大门而有些迷茫，到偶然闯入web前端的领地，几经周折，反复思索，最终选择了这条看似简单，实则极具挑战的道路，开始了由追逐技术，回归本源而交织的反复前进之路。

并非科班出身的我，对于程序最初只是偶然误点了F12，看到了隐藏在网页背后的不知所以然的一大堆代码，经过胡乱点击之后，发现原来这就是控制网页的东西，然后便一发不可收拾，开始了无休无止的询问度娘，而那时我并不知道什么是HTML、CSS、Javascript。而在大学，我自学了VB，并考取了计算机二级证书，对于我仅仅是为了就业时多一个证书而多花了一个月时间的学习经历，而我那时候只知道java的平台兼容性很好，但是使用并不是很广泛。自此，我从java语言开始入手学习，利用下班后的业余时间开始去接触他的基础概念、语言特性、语法逻辑，跌跌撞撞的前行，不懂的视频就反复的看，不知所以然的代码就前敲一边在回头来了解，然后再敲。当粗略的将java语言学完后，又陷入了迷茫，思考着我学这个是为了什么，是想要去满足自己的好奇心，求知欲，还是想要去探索什么呢？语言能实现我想要的什么呢？于是在各种论坛网站上查找线索，发现了几大类型的开发者：javaweb 开发、android开发、ios开发、web前端开发等等相关的方向，我相信初次踏入这扇大门的人或多或少都会有我这样的困惑和经历吧。而选择web前端确是被它所具有的视觉创造力所感染，你可以把自己想到的，看到的用自己的代码逻辑去实现，去创造，最后完美的呈现在眼前，一层层的揭开原理，运用多种方法，思路是拓展它也是极其有意思的一件事，所以每当我看到一件很有创意的作品时，我都会想看想想应该怎么做，然后打开源码，去解析作者的解决思路，发现有更好的解决方法我就会很兴奋，这样的快乐会让人觉得这份工作很有趣。当然，日常工作中遇到的逻辑痛点，兼容BUG有时也确实让人大伤脑经，但是平静下来再次投入，经过深入思考，多方查阅，捋顺逻辑后的快感也是让人感觉非常痛快的。

而今天呢？我开始以博客的形式来记录自己的过去和以后的点滴。而起因是由于最近的换工作，让我深刻的了解到一件事情，作为开发者，你所掌握的知识，你所经历的过去都是一段重要的积累过程，所谓的项目经验和你所掌握的知识体系也是和你的积累分不开的，用人单位更看重这些经历，所以我觉得为自己以后留下这些点滴和回忆，毕竟这也是自己的成长过程。好了，言归正传，对于前端开发者而言，从知识体系方面：主要由HTML，构成页面的骨架，将业务模块准确，恰当的排版在页面中。而采用什么样的排版，位置在哪里，样式是什么，这都有CSS，又称层叠样式表的定义来决定。最后，样式完成渲染则静态页面就搞定了，下面就是要求页面要和用户有一定的交互，既然是交互，自然需要逻辑方面的处理，那么就用到了Javascript 脚本语言的参与，通过编写相关的逻辑代码，实现与后台的数据交互，和页面的数据绑定动态渲染。从岗位定位方面：前端作为一个连接设计和后端开发的中间岗位，不仅要学会如何将设计图纸100%的还原成页面，还需要将后端数据漂亮的展现在页面中提供给用户浏览，同时还需要处理和用户交互逻辑，了解用户的行为习惯，对于用户的操作给予友好的提示，吸引用户参与互动等，可以说这是个多面手的岗位，随着用户体验的要求越来越高，只有更好的关注用户行为才能抢占资源，在激烈的竞争中取胜。从业务流程方面：首先那个一个项目后，先是开会探讨项目需求，撰写项目文档，然后设计根据要求设计出原型图，经过审核通过后，制作成psd图片交予前端开发。现在前端开发的工作就要开始了，现根据设计图的布局，判断哪些部分布局和样式可以复用，哪些地方需要动态绑定数据生产结构，哪些地方需要动画效果，然后标注出来。大项目如果是多人开发，则样式方面需要分类创建，比如通用样式类，样式重置类，兼容性类，各个页面的样式需要单独创建。小项目的话，直接用一个css文件，然后注释分区域就可以了。布局和样式完成后，前端切图工作就结束了，开始最富有创造性地js逻辑处理工作，通过调用接口，请求后端数据以及动画特效的逻辑处理，实现视觉交互，用户操作交互，和数据动态切换交互，至此交互部分结束，通过项目文档需求，逐一测试需求目标，打包上线，和后端进行联调，再次测试，没有问题后正式上线。而资源加载的优化就不在这里一一赘述了，可以资源加载管理库，sea.js或者require.js ，也可以用工程化工具打包压缩，优化资源。最后就是平时的阅历和积累了，比如常逛前端的网站或者一些开源的网站，还有很多酷站，可以提高审美能力，开阔自己的视野和创造力，别的就不瞎扯了，祝身为前端开发的你不要在追逐技术的道路上迷失了自己，找到自己喜欢的事情！