前端知识基础

最新推荐文章于 2024-08-15 15:54:59 发布

转载最新推荐文章于 2024-08-15 15:54:59 发布 · 110 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cddWeb/p/6542567.html

一、web前端工程师是协调前端工程师、后端程序员实现网站页面或程序界面美化、交互体验的IT技术开发人员，需要精通HTML5、CSS3、JavaScript、jQuery、Ajax等核心的web前端技术，具备互联网交互设计能力，熟悉后端服务器运行环境和数据通信协议，掌握响应式布局架构、bootstrap/Angular JS等最新的框架。

二、理解JavaScript、HTML、CSS以及三者之间的关系

1、JavaScript

JavaScript一种表述语言，也是一种基于对象和事件驱动力的安全性好的脚本语言，主要用来向HTML页面添加交互行为，是一种解释性语言，边执行边解释。运行在客户端，从而减轻服务器端的负担。

2、CSS

CSS即级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。相对于传统的HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的文字字体字号样式，拥有对网页对象和模型样式编辑能力，并且能够进行初步的交互设计，是目前基于文本展示最优秀的表现设计语言。

3、HTML

HTML是用来描述网页的一种语言

HTML是超文本标记语言（Hyper Text Markup Language）
HTML使用标记标签来描述网页

web浏览器的作用是读取HTML文档，并以网页的形式显示它们。浏览器不会显示HTML标签，而是使用标签来解释页面内容。

4、三者之间的关系

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个经典的例子。

标准的web组成应该包括三部分：结构，表现，行为

结构标准语言：主要包括XHTML和XML
表现标准语言：CSS
行为标准语言：W3C DOM和JavaScript

结构层是最底层的，表现层和行为层都必须依附于结构层之上，同时三者追求高度分离化，也就是说表现层和行为层可以重写。

三、前端介绍

前端页面=结构HTML+样式CSS+行为JavaScript

前端指输出到网站屏幕上于用户直接打交道的部分，包括界面的展现、于用户交互等，前端开发主要职能就是制作网站的一切可视化界面，并使之更好更快的呈现给用户。
前端开发入门需要掌握的知识

【HTML】：构成网页文档，制作网站基础页面的标准语言。

【CSS】：控制网站具体样式，帮助把网页外观做得更加美观。

【JavaScript】：用于调度数据和实现复杂展现逻辑。

【主流web框架】：如jQuery，加快开发网页速度，节约开发时间。

【服务器端脚本语言】：了解一门后端语言，如PHP，并对Apache的基本配置有一定掌握。

【HTML5】：HTML的进阶，用于制作手机等移动设备的页面。

【其他】：学会运用各种工具进行辅助开发以及理论层面的知识，包括网站优化、网络安全、代码的可维护性、组件的易用性，分层语义模块和浏览器分级支持等。

3、web前端工程师，主要职责是利用HTML/CSS/JavaScript/flash等各种web技术客户端产品开发，完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的web开发，致力于通过技术改善用户体验。

4、UI与web前端的区别

UI前端：主要负责系统APP，UI界面设计，以及HTML代码的实现，主要工作偏向于设计。

web前端：主要讲UI提供的设计图，编码成静态HTML，实现所有特效，并负责所有交互的对接。对JS要求比较高，部分企业会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求，在前端中算是比较全能型的开发人员。

5、前端安全

随着前端技术发展，安全问题已经从服务器悄然来到了每个用户面前，盗取用户数据，制造恶意的可以自我复制的蠕虫代码，让病毒在用户之间传播，更有甚者可能会在用户不知情的情况下，让用户成为攻击者。随着客户端应用越来越广，前端的安全问题也随之增多。常见的攻击方法有：

跨站脚本攻击（xss：cross site script）：它指的是恶意攻击者往web页面插入恶意的HTML代码，当用户浏览该网页时，嵌入的恶意HTML代码会被执行，从而达到恶意攻击者的特殊目的。
跨站点伪造请求（CSRF：cross site request forgery）：通过伪造链接请求在用户不知情的情况下，让用户以自己的身份来完成攻击者需要达到的一些目的。
cookie劫持：通过获取页面的权限，在页面中写一个简单的恶意站点的请求，并携带用户的cookie获取cookie后通过cookie就可以直接以被盗用用户的身份登录站点。

四、网页运行原理

网页是运行在浏览器上的，浏览器是一个软件，这个软件可以解析HTML以及一些脚本（JS），还有样式（CSS）的描述，以便将其显示出来，仅此而已。

即（手动输入URL请求→浏览器发送URL请求→服务器接收请求并处理返回HTML→浏览器解析HTML展示页面）

网站运营

网站运营是指一切为了提升网站服务于用户的效率，而从事与网站后期运作、经营有关的行为工作，范畴通常包括网站内容更新维护、网站服务器维护、网站流程化，数据挖掘分析、用户研究管理、网站营销策划等。网站运营常用的指标：PV、IP、注册用户、在线用户、网站跳出率、转化率、付费用户、在线时长、购买频次、ARPU值。

转载于:https://www.cnblogs.com/cddWeb/p/6542567.html