前端工程师必备基础知识点

前端技能

如果你想踏入前端学习,准备在走向前端生涯,那么你该好好准备了。如果你想进入网易、百度、阿里这样的大公司,那你更要好好学习下面这些知识点,基础的知识要打牢,否则很难通过笔试或者面试哦。快快行动吧!

前端工程师必备基础知识点

转载请注明出处:http://www.haomou.net/2016/01/07/2016_web_front/

HTML基础知识

1.HTML,HTML简介,简要介绍HTML发展历史、基本概念和文档声明等
2.标签,介绍标签语法、各类标签及语义化
标签语义化的目的就是对搜索引擎友好,有了良好的结构和语义我们的网页内容便自然容易被搜索引擎抓取,这种符合搜索引擎收索规则的做法,网站的推广便可以省下不少的功夫,而且可维护性更高,因为结构清晰,十分易于阅读。这也是搜索引擎优化SEO(search engine optimization)重要的一步。
3.实体字符,介绍常用实体字符

CSS知识点

1.CSS,CSS简介,简要介绍CSS发展历史和基本概念、引入、基本语法
2.选择器,基本选择器、属性选择器、伪类选择器、伪元素选择器、组合选择器、分组选择器、优先级、层叠、继承、!important

基本语法

1.基本语法,主要介绍标示符、保留字与关键字、严格模式、注释等语法

类型系统

1.基本类型,主要介绍6种基本类型(Undefine、Null、Boolean、Number、String、Object)、原生类型及引用类型概念等

类型识别

1.类型识别,主要介绍typeof、Object.prototype.toString、constructor、instanceof等类型识别的方法
JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据。
typeof 可以用来检测给定变量的数据类型,可能的返回值:

  1. ‘undefined’ — 这个值未定义;
  2. ‘boolean’ — 这个值是布尔值;
  3. ‘string’ — 这个值是字符串;
  4. ‘number’ — 这个值是数值;
  5. ‘object’ — 这个值是对象或null;
  6. ‘function’ — 这个值是函数。
    1
    2
    3
    var aa = ‘test string’;
    alert(typeof aa); // ‘string’
    alert(typeof 90); // ‘number’

内置对象

1.简介,主要介绍内置对象的分类、构造器的介绍方法
2.Object,介绍Object构造器对象及其关键的对象方法、原型对象方法
3.String、Number、Boolean,介绍String、Number、Boolean类型的封装类(构造器对象)及其关键的对象方法、原型对象方法
4.Array,介绍Array构造器对象及其关键的对象方法、原型对象方法
5.Function,介绍Function构造器对象及其关键的原型对象方法(apply、call、bind)
6.RegExp、Date、Error,介绍RegExp、Date、Error构造器对象
7.Math、JSON 1.Math、JSON 介绍Math、JSON对象及其方法
8.全局对象,介绍全局对象方法parseInt、encodedURIComponent等

表达式、运算符

1.表达式、运算符,介绍表达式、算术运算符、位运算符、布尔运算符、关系运算符、相等与全等、条件运算符

语句

1.语句 简要介绍条件语句、循环语句、异常语句、with语句等

变量作用域

1.变量作用域 变量与作用域概述、Js词法环境、with/catch对作用域的影响

闭包

1.闭包 闭包概念、闭包原理、闭包应用

面向对象

1.简介,面向对象概述、自定义对象及属性创建、this

文档树

1.文档树,dom范围,节点类型,节点关系,getElements,children,sibling

  • HTML文档树
    2.节点操作,节点操作 getElementById,getElementsByClassName,getElementsByTagName,querySelector(All),createElement,innerHTML,innerText,appendChild,insertBefore,insertAdjacentELement(HTML),removeChild,replaceChild
    3.属性操作,属性操作 getAttribute,setAttribute,datalist
    4.样式操作,样式操作 className ,classList,style,cssText
    5.事件,事件流 事件流的补充说明 capture、target、bubble
  • JavaScript 事件参考手册
  • 原生JavaScript事件详解
  • 漫谈js自定义事件、DOM/伪DOM自定义事件
    2.事件注册,事件注册的补充说明 事件注册、取消事件注册、事件触发;事件对象;阻止事件冒泡、阻止默认事件
    有时我们不希望冒泡或默认的事件发生,这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。
    可以通过以下三种方法做到不同程度的阻止。

    1
    2
    3
    4
    5
    6
    A:return false —>In event handler ,prevents default behavior and event bubbing 。
    return false 在事件的处理中,可以阻止默认事件和冒泡事件。
    B:event.preventDefault()—> In event handler ,prevent default event (allows bubbling) 。
    event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。
    C:event.stopPropagation()—> In event handler ,prevent bubbling (allows default behavior).
    event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。

3.事件类型,事件类型的补充说明 DOM事件分类及继承关系;鼠标事件类型、鼠标事件对象、鼠标事件举例;键盘、输入、焦点事件类型、事件对象、事件举例;其他常用事件介绍与举例
4.事件代理,事件代理的补充说明 事件代理原理、事件代理例子、事件代理优缺点

数据通信

1.http协议,http协议中的头信息字段及应用

2.ajax 添加CORS和Frame代理的原理链接 ajax(xhr2,跨域),CORS,jsonp

数据存储

1.cookie,上传代码示例 cookie

动画

1.动画 上传动画的DEMO代码 setInterval, setTimeout, requestAnimationFrame(),幻灯片切换动画实例

音频、视频

1.音频、视频 添加多媒体兼容性列表、多媒体相关事件列表、WebAudio API audio和video常用属性、方法和事件

canvas

1.canvas 添加Mozilla官方教程 介绍canvas基本用法,用太阳系动画的例子简单介绍下Canvas的常用API

BOM

1.BOM,Screen,navigator,location,history对话框,窗体互操作,load,beforeunload,scroll,resize等事件

表单操作

1.表单元素,对表单元素的补充说明,DEMO下载(附件),表单元素介绍及应用,input、select、textarea
2.表单验证,表单验证属性、接口、事件、应用
3.表单提交,表单提交属性、接口、事件、应用
4.表单应用,案例讲解表单的综合应用

列表操作

1.列表操作,列表的显示、添加、删除、更新、选择操作,面向视图编程和面向数据编程方式的实现对比

前端性能优化

前端发布

模块化

基础知识推荐

谢谢!

转载请注明出处:http://www.haomou.net/2016/01/07/2016_web_front/
欢迎关注皓眸学问公众号(扫描左侧二维码),每天好文、新技术!任何学习疑问或者工作问题都可以给我留言、互动。T_T 皓眸大前端开发学习 T_T

未经允许不得转载:皓眸大前端 » 前端工程师必备基础知识点

赞 (0)
分享到:更多 ()

评论 0