前端开发技巧和注意事项（前端开发应当掌握的10大板块内容）

（Ajax）XMLHttpRequest，下面我们就来说一说关于前端开发技巧和注意事项?我们一起去了解并探讨一下这个问题吧!

前端开发技巧和注意事项

前后端数据交互

（Ajax）

XMLHttpRequest

同步异步

同源策略

JSONP

后端代理设置

跨域操作

Axios.js

Fetch

(Node.js)

Node.js基础

模块化开发

HTTP协议

Koa框架使用

中间件

路由中间件

正文数据解析中间件

（客户端存储）

离线存储

本地存储

cookie

HTML5 API

拖放操作

FileReader

音频/视频

地理信息

CSS3核心

Transition

Animation

Transform{Transform2d,Transform3d}

MVVM系列框架

（Vue全家桶）

Vue.js

Vue.cli

Vue Loader

vue-Router

Vuex

Vue Devtools

Element UI

(React全家桶)

create-react-app

prop-types.js

React-Router

Redux

React-Redux

reduc-saga

Redux-Detools

Ant Design UI

百度地图高德地图代码管理工具git

git简洁与安装

工作区 暂存区 仓库

Git分支相关操作

Git版本控制

git远程仓库同步

数学与算法

冒泡排序

快速排序

三角函数

方位角

角度与弧度

正则详解移动端开发

Touch操作

Touch事件

TouchEvent对象详解

移动端多指操作

better-scroll

Javascript

（ecmascript）

基础语法

数据类型，类型特点，相关方法

作用域，作用域链，闭包

运算符

流程控制

js内置对象

(DOM)

节点类型

节点关系

属性增删改查

节点增删改查

(BOM)

window

location

navigator

screen

history

Event

事件监听

事件流

Event对象

键盘事件

鼠标事件

滚轮事件

面向对象

new 运算符

构造函数

对象原型

原型链

构造函数继承

原型链继承

ES6 class

extend&super

深拷贝 浅拷贝

自定义事件

观察者模式

工厂模式

动画专题

requestAnimationFrame 封装

Tween运动算法

动画框架

抖动函数

ECMAScript6

es6 新增语法基础

新增各种类型数据操作方法

Promise对象

迭代器 生成器

class类 与继承

Async和await

bind

模块化

,