总结的一些web前端知识

比较凌乱，主要是学习时，都是遇到问题才看的，没有像学生看书一样那么系统，请见谅。

 

http基础知识，html/css/js，jquery+bootstrap之类的快速构建，设计模式思想，框架思想如reactjs/angular/vue.js,前端工程化，包括代码规范，模块化(CommonJS,AMD,UMD,ES2015 Moudle)，css模块化（主要是SASS,LESS的mixin)，前端自动化（如gulp自动化，webpack打包），前端组件化（reactjs之类的组件化思想），版本控制管理，前端黑客攻防，数据可视化，HTML5游戏开发，图形学/图形算法，Nodejs全栈开发，React native之类的安卓/ios开发等等。

 

知识：

1: 同源策略，跨域请求问题

2:visual studio code + react 开发环境搭建   react组件驱动开发

React 通过对虚拟 DOM 中的微操作来实对现实际 DOM 的局部更新，提高性能。其组件的模块化开发提高了代码的可维护性，单向数据流的特点，让每个模块根据数据量自动更新。

 

3:react router

4:React中有一个核心的机制，虚拟DOM

在传统的 Web 应用中，我们往往会把数据的变化实时地更新到用户界面中，于是每次数据的微小变动都会引起 DOM 树的重新渲染。如果当前 DOM 结构较为复杂，频繁的操作很可能会引发性能问题。React 为了解决这个问题，引入了虚拟 DOM 技术 

虚拟 DOM 是一个 JavaScript 的树形结构，包含了 React 元素和模块。组件的 DOM 结构就是映射到对应的虚拟 DOM 上，React 通过渲染虚拟 DOM 到浏览器，使得用户界面得以显示。与此同时，React 在虚拟的 DOM 上实现了一个 diff 算法，当要更新组件的时候，会通过 diff 寻找到要变更的 DOM 节点，再把这个修改更新到浏览器实际的 DOM 节点上，所以在 React 中，当页面发生变化时实际上不是真的渲染整个 DOM 树。

 

5:php asp.net java

6:react vue qui

7:单页开发

8:redux-thunk 和redux-saga 异步处理

9:react相关知识

JSX语法

组件概念

虚拟DOM不仅带来了简单的UI开发逻辑，同时也带来了组件化开发的思想，所谓组件，即封装起来的具有独立功能的UI部 件。React推荐以组件的方式去重新思考UI构成，将UI上每一个功能相对独立的模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成大的组件， 最终完成整体UI的构建。 
如果说MVC的思想让你做到视图-数据-控制器的分离，那么组件化的思考方式则是带来了UI功能模块之间的分离。对于MVC开发模式来说，开发者将三者定义成不同的类，实现了表现，数据，控制的分离。开发者更多的是从技术的角度来对UI进行拆分，实现松耦合。对于React而言，则完全是一个新的思路，开发者从功能的角度出发，将UI分成不同的组件，每个组件都独立封装。 
在React中，按照界面模块自然划分的方式来组织和编写的代码，整个UI是一个通过小组件构成的大组件，每个组件只关心自己部分的逻辑，彼此独立。

 

npm的淘宝源

https://npm.taobao.org/ 

 

react小项目指令

npm install -g create-react-app

create-react-app first-react

 

es5和es6的创建react 组件Component的区别，以及优缺点  可以参考https://www.cnblogs.com/wonyun/p/5930333.html解说