前端开发需要掌握的技术：
技术一：绘制原型图，完成作用图
优秀的前端开发人员必然熟练掌握一种原型图规划东西，能够将构思经过东西绘制成原型图。同时能够将规划做出的视觉稿经过页面代码的方法表现出来。比方目前最流行，便捷的原型图东西Mockplus，历史悠久的Axure等。能完成这两个内容就可以初步进入页面前端的从业者行列了，但这就代表着咱们可以胜任页面开发的工作了？不，才刚刚开始！
技术二：与规划师的交流和项目的参加
各行各业交流很重要，作为前端开发人员，接触到的最主要的“客户”就是项目规划师。规划师依据原型图出视觉稿，在这个过程中，前端开发人员需要和规划师进行某些作用完成的探讨，比方对低端浏览器烘托功率影响，是否可以经过CSS3完成从而使结构愈加清晰，是否能在视觉作用和代码完成中寻求平衡。前端开发有义务对开发出来的页面稳定性和烘托功率担任。在很多情况下，项目进度要求规划与前端开发同步进行，这种情况下就必须尽可能多的参加到项目交流。
技术三：搭建良好的页面结构
在前端开发中页面结构的编写好比盖房时的打地基，结构的好坏会直接影响到代码的质量、JS开发、后端的开发以及以后页面的扩展、调整和迭代。当拿到规划稿之后不要急于开工，多观察思考。先分析布局，划分结构，然后规划结构，编写代码。
技术四：美丽的代码
跟着web项目功能越来越复杂，带来的直接结果便是代码的体量变得很庞大。如何进行协同开发和代码的维护是从前端开发开始就要思考的问题。这种情形下需求考虑完善，统一规划，养成一个杰出的代码开发习惯。比方：合理的运用标签、杰出的注释、明晰的代码结构、精确运用CSS等。美丽的代码，明晰的结构能够为下流开发和协同开发降低了不小的交流成本。
技能五：保障功率
作为项目开发中靠前的一环，前端开发人员必定要有一个认识：尽早完成为项目后续进展争取更多的时刻。“工欲善其事，必先利其器”，除了实战经验和代码习惯的形成能够协助咱们进步功率外，想要进步对自己开发的进度掌控能力，还需求学会运用辅助工具协助进步页面开发的功率，比方运用Less或Sass能够协助咱们拓展和组织CSS，大大进步CSS的编写功率增加了可维护性。多多开掘必定会找到最合适自己运用的工具。
技能六：针对服务器的优化
页面开发也需求了解服务器的优化，尽量减小服务器负担。比方csssprite便是一个典型减小服务器请求数的例子，以及对class名进行了混淆紧缩防止命名过长的冗余；使用base64减少请求数量等等措施。这些都是归纳权衡的结果，需求考虑各个方面全体优化。由于当页面访问量到达必定的数量级时，再小的一点优化都会到达可观的效果，否则小问题会带来大灾难。
技能七：永远不停止学习
这是一个飞速发展的年代，同时也是充溢时机的年代，HTML5年代的降临伴跟着移动互联网的兴起发明了更大的时机，还有太多的东西值得咱们去学习去发现。作为一名开发人员，走在技能的最前沿永远是坚持竞争力最好的方式。正所谓“唯有建瓴高屋方可瓜熟蒂落”。拿苹果CEO在斯坦福演讲的一句话“StayHungry，StayFoolish”和我们共勉。
基本的web技术有哪些
Web的原意是蜘蛛网和网，在网页设计中称为网页。现广泛译作网络、互联网等技术领域，表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。WEB技术指的是开发互联网使用的技术总称，一般包括WEB服务端技术和WEB客户端技术。
Web客户端的首要任务是展现信息内容。Web客户端规划技能首要包括：HTML言语、JavaApplets、脚本程序、CSS、DHTML、插件技能以及VRML技能。
1）HTML言语。HTML是HypertextMarkupLanguage（超文本标记言语）的缩写，它是构成Web页面的首要工具。
2)JavaApplets，即Java小使用程序。运用Java言语创建小使用程序，浏览器能够将JavaApplets从服务器下载到浏览器，在浏览器所在的机器上运转。JavaApplets可提供动画、音频和音乐等多媒体服务。1996年，闻名的Netscape浏览器在其2.0版别中首先提供了对JavaApplets的支撑，随后，Microsoft的IE3.0也在这一年开端支撑Java技能。JavaApplets使得Web页面从只能展现静态的文本或图像信息，发展到能够动态展现丰厚多样的信息。动态Web页面，不仅仅体现为网页的视觉展现方式上，更重要的是他能够对网页中的内容进行控制与修正。
3)脚本程序。他是嵌入在HTML文档中的程序。运用脚本程序能够创建动态页面，大大提高交互性。用于编写脚本程序的言语首要有JavaScript和VBScript。JavaScript由Netscape公司开发，具有易于运用、变量类型灵活和无须编译等特点。VBScript由Microsoft公司开发，与JavaScript相同，可用于规划交互的Web页面。要阐明的是，尽管JavaScript和VBScript言语最初都是为创建客户端动态页面而规划的，但他们都能够用于服务端脚本程序的编写。客户端脚本与服务端脚本程序的差异在于履行的方位不同，前者在客户端机器履行，而后者是在Web服务端机器履行。
4)CSS(CascadingStyleSheets)，即级联样式表。经过在HTML文档中设立样式表，能够一致控制HTML中各标志显示特点。1996年末，W3C提出了CSS的主张规范，同年，IE3.0引入了对CSS的支撑。CSS大大提高了开发者对信息展现格局的控制能力，1997年的Netscape4.0不光支撑CSS，并且增加了许多Netscape公司自定义的动态HTML标记，这些标记在CSS的基础上，让HTML页面中的各种要素“活动”了起来。
5)DHTML(DynamicHTML)，即动态HTML。1997年，Microsoft发布了IE4.0，并将动态HTML标记、CSS和动态目标（DynamicObjectModel）发展成为一套完整、有用、高效的客户端开发技能系统，Microsoft称其为DHTML。相同是完成HTML页面的动态效果，DHTML技能无须启动Java虚拟机或其他脚本环境，能够在浏览器的支撑下，取得更好的展现效果和更高的履行效率。
6)插件技能。这一技能大大丰厚了浏览器的多媒体信息展现功能，常见的插件包括QuickTime、Realplayer、MediaPlayer和Flash等。为了在HTML页面中完成音频、视频等更为杂乱的多媒体使用，1996年的Netscape2.0成功地引入了对QuickTime插件的支撑，插件这种开发方式也敏捷风行了浏览器的国际。同年，在Windows平台上，Microsoft将COM和ActiveX技能使用于IE浏览器中，其推出的IE3.0正式支撑在HTML页面中插入ActiveX控件，这为其他厂商扩展Web客户端的信息展现方式提供了便利的途径。1999年，Realplayer插件先后在Netscape和IE浏览器中取得了成功，与此同时，Microsoft自己的媒体播映插件MediaPlayer也被预装到了各种Windows版别之中。相同具有重要意义的还有Flash插件的面世：20世纪90年代初期，JonathanGay在FutureWave公司开发了一种名为FutureSplashAnimator的二维矢量动画展现工具，1996年，Macromedia公司收购了FutureWave，并将JonathanGayde的创造改名为我们了解的Flash。从此，Flash动画成了Web开发者体现自我、展现个性的最佳方式。
7)VRML技能。Web已经由静态步入动态，并正在逐渐由二维走向三维，将用户带入五光十色的虚拟现实国际。VRML是创建三维目标最重要的工具，它是一种基于文本的言语，并可运转于任何平台。[2]
