一名大专程序员的前端转型之路( 二 ) 作者|张旭乾责编|梦依丹出品

虽然代码分散在了不同的JS里，但是有的页面因为业务逻辑比较复杂，加上当时我也不太了解JS的复用方式和逻辑，导致了很多重复的代码。我还有当时的源代码，可以感受一下代码的长度（两张图片为同一JS文件的不同部分，这里通过缩略图展示）：

文章图片
一个JS文件中的代码
兼容性调整
彼时，浏览器主流的还是IE ，所以还是需要做一些兼容性调整。不过好在jQuery主打的就是兼容全部浏览器，所以JS方面没有太大问题，剩下的就是CSS 。这个项目在IE、Chrome、火狐下显示的都不一致，后来查了一下，解决方法可以根据浏览器特定的语法，编写只在特定浏览器能识别的CSS属性，或者选择器，也就是所谓的CSShacks 。另外也可以使用浏览器特殊的HTML指令，加载不同的CSS文件，最终把页面调成一致就可以了。
性能调优
因为项目页面部分处理数据比较多，加上开发经验有限，当时也只是在代码效率上进行了优化，例如减少不必要的循环操作等。
与客户沟通需求
这个是开发的软技能了，学会如何拒绝不合理的需求。因为当时我是第一次面对客户，也没有自信，所以客户说改什么，我立刻就开始给他改。这期间客户最常见的话术就是：“这个功能很简单，你做一下” ，或者“这个问题很容易解决，花不了你几分钟” 。当时我真觉得功能或者问题挺简单的，但是实际操作起来，发现要比想象的难多了。做了几次之后，知道无论多简单的功能或问题，都会涉及很多的细节，所以后面客户再提要求的时候，我就把这些细节先说清楚，给他一个大概的完工时间，再加上新增的功能需要额外收费，客户就会自己斟酌要不要做了。
网页设计水平
还有一个意外，让我学了一部分设计知识。在给这个客户做质量保证系统的时候，还要求附带一个产品的官网，客户给我发了产品资料之后，我参考网上同品类的网站，帮他设计了一版，但是客户以不够大气为由，让我重新设计，我又设计了一次，客户还是觉得不够好，反复几次，似乎无法满足他的需求，他就把官网这部分给别人做了。当时我也有点憋气，于是买了本《写给大家看的设计书》，专门学习了一些设计原则，努力提高自己的设计能力。后来等客户的官网上线之后，发现设计的也一般，大概是审美不同吧。
在自由职业后半段时间学习了其它的框架，那个时候Bootstrap3、Foundation之类的HTML/CSS框架开始爆火，因为十分喜欢学习新的技术，我就去看了看它们的介绍，看到Bootstrap3内置了很多组件，并且不怎么需要写CSS ，就学了一下Bootstrap3 。 Bootstrap3内部使用了LESS这个CSS预编译工具来生成CSS ，如果要自定义它的样式，还需要会LESS 。我就又看了一下LESS的文档，发现它提供了很多实用的功能，例如变量、继承、嵌套等，感觉很有意思也顺便学了。
从这里你就可以知道：前端库是互相依赖的。如果直接看前端需要哪些库，那么零零散散的有一堆，但是当你真的开始下手学习一个框架的时候，你会发现好多框架可以从一条线里牵出来，构成一个完整的开发工具库，这些自然就都掌握了。

文章图片
初识Vue前边所有的经历，奠定了我转型前端所需要的技术基础。而在从事自由职业期间，我发现我还是喜欢看做得见的项目，从0设计界面，直至实现出来，很有成就感，并且我也享受在设计过程中，灵感迸发的快乐，心底就有了想转前端的火苗。不过第2份工作，从2013年到2016年，我仍然做的是Java开发。