从事前端方面的工作已经有一段时间了,有一点心得写下来分享一下。
一、基础
想要从事前端工作最基本的HTML,CSS,JavaScript是必须要掌握的,这是前端的根本。相对其他的计算机语言这几门语言还是比较容易接受的,很多人可以通过自学,来了解。这里推荐几个帮助学习的网站。
在把以上基础语言掌握的基础上可以进行尝试学习了解一下其他的前端框架,jQuery,bootstrap,layUI等等,而后再去学习了解vue、angular、react等等。慢慢建立起来自己的前端知识体系。
二、工具
工欲善其事必先利其器,同样作为一名前端程序员必须找到适合自己的编辑器开发工具,这样往往会使我们的开发事半功倍。
编辑器我用过Webstorm、HBuilder、Sublime 、Brackets等,个人比较常用的是sublime和HBuilder。
Sublime虽然是收费软件,但可以无限期试用。而且它有非常强大丰富的扩展功能,可以完成我们各种的开发需要。并且它还具有具有漂亮的用户界面,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。下载地址
HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。下载地址
后期我会给大家分享一些Sublime、HBuilder详细的使用小技巧等等。
三、学习
我一直在思考这个部分应该怎么定义,就暂且定义为学习吧,因为我们的后期发展其实都可以定义为是一个学习的过程。前端学要了解的其实挺多的,完整的知识体系也比较复杂。在我的理解里其实总体上分为三部分:表现层、数据层、驱动层。
很显而易见的表现层指的是用户能看的界面等,这个层面要求我们要熟悉HTML、CSS、JavaScript(用于部分的特效、更新部分元素)等,在这个基础上去了解less、sass等。要考虑到浏览器兼容、分辨率布局等等方面,把控页面的整体展示效果。前期可以去把拔一些大网站的页面,参考学习别人的页面结构、布局等方面的优势。
数据层,所有的web项目都要考虑的重点,数据是支撑起整个页面的基础。所有的框架都会涉及的数据交互其基础也就是ajax,所以这也就要求我们必须熟悉ajax的整体流程,知道数据交互的整体流程,建议从原生的JavaScript里的ajax部分学习起,让后去学习了解跟版本的jQuery的ajax是有方法,及执行流程。而后再去学习自己需要的各个框架封装完成的ajax。这一部分同时也是前后端协同完成项目的重点,要一起规划接口获取、提交数据的方式,以及提交、返回的字段,数据类型等等。在后期要去熟悉一些跨域等较复杂的数据交互的开发流程。
驱动层,简单理解就是执行脚本去实现一些页面特效、交互效果等,是页面看起来更加丰富,通过一些脚本是页面更加灵活。驱动层其实才真正的涉及到逻辑程序的编写,要考虑数据类型、面向对象、数组、DOM、BOM、Function、继承、闭包、内置对象、作用域、跨域、原型链、、JSON、XMLHttpRequest、 RegExp、模块化、内存泄漏、事件机制、异步装载回调、、框架、算法等等。当然这些指示需要一个长时间的学习和积累。
而后还要去学习node.js等。Node.js是一套用来编写高性能网络服务器的JavaScript工具包。在Node中,Http是首要的。Node为创建http服务器作了优化,所以网上的大部分示例和库都是集中在web上(http框架、模板库等)。
这些仅是我对子自己的一个阶段性总结,和大家一起分享一下,也算是对自己前段时间的一个回顾。
加油!愿所有为自己的梦想努力奋斗的人,都会因自己的努力一步一步迈向自己的目标。
网友评论