web前端开发需要具备以下7种技能:

  1.页面标记(HTML)

  HTML页面固定,标签不多,相对来说学起来比较容易。编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html)。HTML是页面结构的基础组成部分,是网站的基础,臃肿混乱的HTML代码不但会影响 其本身的表现,而且与其对应的css和javascript代码也会变得难以编写和维护。

  2.页面样式css(Cascading Style Sheet)

  在标准的页面设计中,因为css负责网页类容的表现,所以css也是前端开发需要掌握的核心内容之一。CSS和HTML代码一样,没用复杂的逻辑,上首页比较容易,其主要难点在于如何合理利用CSS的组合和继承特性来编写简洁,维护性好的CSS代码。

  3.前端编程主要指(javascript)

  javascript是一种基于对象和事件驱动的客户端脚本语言,是页面实时动态交互的技术基础。javascript是非常灵活的脚本语言,包含的高阶函数,动态类型以及灵活的对象模型等强大的语言特性,当然,javascript的灵活性也可能导致代码的不易维护。浏览器的兼容性也增加的javascript代码的编写难度。开发人员在熟悉javascript基本语法和基本的编码规范之外,还应该了解并解决在不同浏览区中JavaScript的兼容性问题,另外,作为前端开发工程师,必定会涉及后端的编程,一些原因是目前流行的web编程方式会有部分后端代码存在于前端页面中,和前端HTML,javascript等混合在一起,如php,jsp,ASP.NET等,因此,前端开发工程师也有必要了解一些后端编程技术。

  4.跨平台,跨浏览器

  跨平台指移动设备(如智能手机和平板电脑)和PC端;

  跨浏览器这个问题随着IE6,IE7市场占有率下降和众多浏览器标准的重视,目前流行的前端框架已经很好滴解决了浏览器兼容问题。尽管如此,还需熟悉常见的浏览器兼容问题,如IE7,IE8的兼容,HTML5中新特性的兼容等。

  5.前端框架

  前端框架的出现在很大程度上降低了前端开发的难度,框架同意了编码的方式,封装了浏览器兼容问题并添加了大量的扩展功能。如今在开源社区GitHub上排名靠前的开源框架也是以前端框架居多,如jQuery(javascript库)、angular2、vue.js、react等等;

  6.调试工具

  对于前端代码,在调试过程中需要查看HTML结构变化,css渲染效果,javascript代码执行情况以及HTTP请求和返回的数据,并了解网站各部分的性能等。主流浏览器都有对应的浏览器插件来辅助完成这个工作,如IE中的IE Dev Toolbar 、Chrome中的Developer Tools、Firefox中的Firebug等。

  7.沟通能力

  web前端开发介于UI和后端逻辑开发之间,因此web前端开发工程师需要和UI设计师沟通,确定效果是否可以实践以及实践的代价,并对UI设计提出建议;还需要和后端工程师沟通,确定前后端交互,确定后端交互的接口以及传输的数据实体的结构等,良好的沟通让你这些过程变得轻松许多。

web前端开发需要具备的技能的更多相关文章

  1. Web前端开发最佳实践(1):前端开发概述

    引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法.可以说,博客园是我参与技术讨论的一个主要的平台.在这其间,随着接触技术的广度和深度的增加,也写了一些得到了 ...

  2. 什么是web前端开发?

    Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及F ...

  3. Web前端开发工程师需要掌握哪些核心技能?

    Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又 ...

  4. web前端开发学习内容

    应该 具备的 知识技能 :懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准                       代码能 兼容主流浏览器.ie6.7.8.9 ff 等.    ...

  5. Web前端开发工程师养成计划【转载】

    Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...

  6. 淘宝前端工程师:国内WEB前端开发十日谈

    一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是" ...

  7. Web前端开发十日谈

    =========================================================================== 原文章: http://kb.cnblogs.c ...

  8. web前端开发工程师

    web前端开发工程师 百科名片 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进 ...

  9. web前端开发学习路线图

    Web前端是一个入行门槛较低的开发技术,但更是近几年热门的职业,web前端不仅薪资高发展前景好,是很多年轻人向往的一个职业,想学习web前端,那么你得找到好的学习方法,以下就给大家分享一份适合新手小白 ...

随机推荐

  1. jQuery怎么获取到富文本ueditor编辑器里面的文字和图片内容

    jQuery怎么获取到富文本ueditor编辑器里面的文字和图片内容 .创建编辑器 UE.getEditor('editor', { initialFrameWidth:"100%" ...

  2. 解决NTFS文件系统下的文件/文件夹属性中没有安全选项卡的问题

    注册表项: HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer 键:NoSecurityTab ...

  3. Q791 自定义字符串排序

    字符串S和 T 只包含小写字符.在S中,所有字符只会出现一次. S 已经根据某种规则进行了排序.我们要根据S中的字符顺序对T进行排序.更具体地说,如果S中x在y之前出现,那么返回的字符串中x也应出现在 ...

  4. @PostConstruct和@PreConstruct注解

    @PostConstruct和@PreConstruct.这两个注解被用来修饰一个非静态的void()方法.而且这个方法不能有抛出异常声明. @PostConstruct //方式1 public v ...

  5. docker 把容器commit成镜像

    该方法是使用docker commit 命令,其命令格式为:  docker commit [OPTIONS] CONTAINER [REPOSITORY[:TAG]] 主要参数选项包括: -a ,– ...

  6. 08-oracle统计函数(单组分组函数)

    --count时尽量count(列名),count(*)也可以. --count,max,min,sum,avg,median(中位数) select count(empno),count(disti ...

  7. JDBC(1)-连接数据库

    主要步骤包括: 加载驱动: 连接数据库: 使用语句操作数据库: 关闭数据库连接,释放资源. 1.需要导包: 2.加载数据驱动: mysql驱动名:com.mysql.jdbc.Driver 加载方式: ...

  8. 【ExtJS】FormPanel 布局(一)

    准备工作,布置一个最简单的Form,共5个组件,都为textfield. Ext.onReady(function(){ Ext.create('Ext.form.Panel', { width: 5 ...

  9. 九度oj 1034 寻找大富翁 2009年浙江大学计算机及软件工程研究生机试真题

    题目1034:寻找大富翁 时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:5323 解决:2123 题目描述:     浙江桐乡乌镇共有n个人,请找出该镇上的前m个大富翁. 输入:     ...

  10. 【c++】重载操作符

    目录 输入和输出操作符 算术操作符和关系操作符 下标操作符 自加.自减操作符 成员访问操作符 1  输入和输出操作符 1.1 输出操作符 1.1.1 示例 #include <iostream& ...