前端入门知识点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lemisi/article/details/79548600

初阶:

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等等

需要补的:metadata;文件如何上传

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。

猜你喜欢

转载自blog.csdn.net/lemisi/article/details/79548600