前端入门知识点

初阶：

HTML：

 1.基础的html结构，如上

 2.html标签的作用，如video标签是用来播放视频的，audio是播放音频的，canvas用来画图，script、meta等等 3.html标签的表现形式，如div标签默认是块级元素，head标签是不会显示的 4.表单元素属性，如输入框有哪些属性，文件如何上传 5.html标签布局，如table布局特点、div布局特点 6.常用的html属性，如class、style、id、data等等

 

需要补的：meta，data；文件如何上传

 

CSS:

1、基础css属性，如背景(background)、字体(font)、颜色(color)、宽(width)高(height)、位置(position)等等，用这些可以实现各种视觉布局效果

2、css选择器，如类名选择器.className、id选择器#id、属性选择器[attr]、子选择器.className.childClassName、伪类选择器.className:before等

3、css单位，如%、px、em、rem、pt、cm、deg、rad等等，以及这些单位的相对关系

4、语法与规则，如!important、@import、@charset、@font-face、@keyframes等等，这些语法的规则及用处

5、媒体查询，媒体查询是语法@media，这个涉及到适配。如如何适配所有屏幕？

6、动画(animation)、变换(tansition、transform)等，实现网页上各种炫酷的动画效果

 

需要补的：选择器，单位的相对关系，语法规则，媒体查询

 

JAVASCRIPT:

 1.js中的基础语法，如变量定义、语句控制、函数、数组、方法、执行顺序、关键字等。

 2.有哪些全局变量？各个全局变量又有哪些方法？这些方法是如何调用的，需要哪些参数，如全局变量

Array、Date、String、window、document、Math、Number、Function、Boolean、Object...

如String有下面这些方法

var a = 'a string';

a.indexOf('a');

a.charCodeAt(0);

a.split(' ');

a.split(/ /);

a.toLowerCase();

a.toUpperCase();

...

3.原型继承，这部分是js最难理解也比较难的部分，在你掌握上面2点后，就可以开始展开这个了

 

需要补：2、原型继承

 

中阶：

HTML篇

1.html标签在各个浏览器上的兼容性，如canvas标签，在chrome、firfox、IE上的支持情况

2.浏览器渲染原理，从什么地方开始，如何进行的？ 3.html标签应该如何组织，以便提高渲染效率

4.pwa模式定义了些什么

5.SEO如何优化

6.svg、canvas、video、audio来点不一样的html表述形式

 

需要补：兼容性，渲染原理，如何提高渲染效率。pwa模式，SEO优化

 

CSS篇

1.渐变效果

2.页面自适应

3.浏览器兼容问题

4.flex、filter、grid、animation新的css特性

 

需要补：页面自适应，浏览器兼容问题

 

JavaScript篇

1.jquery/zepto库

2.es6特性，浏览器兼容问题

3.第三方库使用与集成，如vue、react 4.web存储，localStorage、cookie等的使用

5.fis3项目构建打包工具的使用

 

需要补zepto库，web存储，

 

网络

1.网络协议，https://developer.mozilla.org/en-US/docs/Web/HTTP

2.ajax请求，https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX

3.网络抓包，如fiddler

4.安全，防劫持，https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy

 

需要补：都需要

 

###工具

 

1.chrome devtools谷歌浏览器开发者工具

2.sublime开发工具IDE

3.weinre远程调试页面

 

需要补：第三个

 

高阶

 

1.nodejs服务器开发、工具开发

2.webpack使用，打包，集成

3.Native开发，如react-native、weex

4.性能体验方面，页面加载速度、渲染、异常监控

5.canvas高级应用，如webGL、webAR等

 

需要补：都要

 

————————————————————————————————————————————————————————

 

超文本传输协议：

超文本传输​​协议（HTTP）  是 用于传输超媒体文档（例如HTML）的 应用层协议。它专为Web浏览器和Web服务器之间的通信而设计，但它也可以用于其他目的。HTTP遵循传统的客户端 - 服务器模型，客户端打开连接发出请求，然后等待，直到收到响应。

HTTP是一种 无状态协议，意味着服务器不会在两个请求之间保留任何数据（状态）。尽管通常基于TCP / IP层，但它可以用于任何可靠的 传输层 ; 也就是说，一种不会以静默方式丢失消息的协议，如UDP。