静下心来吧，让自己变强大点！

1、语法html---css---js---react网站：http://www.w3school.com.cn/tags/html_ref_eventattributes.asphttp://www.runoob.com/html/html-tutorial.html2、环境WebStorm 开发前端编辑器Node.js 一个可以让js运行在服务端的平台，（网...

要点整理：1、div是一个块级元素，独占一行不能和其它元素在一行2、SPAN是行内元素(也译作内嵌元素)，不会另起一行3、块元素和行内元素通过CSS的display属性值可以互相转化测试<divstyle="display:inline">紧跟前面的"测试"显示</div><spanstyle="display:block">这里会另起一行显示&l...

1、css样式大全(整理版）https://blog.youkuaiyun.com/u010983763/article/details/68065839https://www.cnblogs.com/xihulangzi/articles/610255.htmlhttps://blog.youkuaiyun.com/lobove_code/article/details/81202787https://...

1、通过了解JS的clientX、pageX、screenX等方法来获取鼠标位置相对屏幕，相对浏览器窗口，相对文档的坐标详解https://www.cnblogs.com/moqiutao/p/5050225.html2、CSS中margin和padding的区别https://blog.youkuaiyun.com/timtian008/article/details/5253...

一、优先级总结排序：!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性同一级别：后写的会覆盖先写的样式总结排序：内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。 <link rel="stylesheet" type...

CSS Id 和 Class选择器id选择器HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。<style>#para1{ text-align:center; color:red;}</style><p id="para1">Hello World!</p>class 选择...

REDUX入门https://blog.youkuaiyun.com/cmy0816/article/details/81177733深入React组件的数据：prop、statehttps://www.jianshu.com/p/7665a9971824Redux之react的简单入门项目及其优化https://blog.youkuaiyun.com/YU_M_K/article/deta...

转载---------------------作者：前端kit来源：优快云原文：https://blog.youkuaiyun.com/qq_20069429/article/details/81411059版权声明：本文为博主原创文章，转载请附上博文链接！ES6之前已经出现了js模块加载的方案，最主要的是CommonJS和AMD规范。commonjs主要应用于服务器，实现同步加...

一、HTML 模板二、ReactDOM.render()三、JSX 语法四、组件五、组件的生命周期六、React Demos组件作为React的核心内容，是View的重要组成部分，每一个View页面都由一个或多个组件构成属性：const {dispatch} = this.props;这段代码你可以认为是这样：const dispatch...

目录一、Ract生命周期二、React生命周期执行顺序详解一、组件生命周期的执行次数是什么样子的？？？二、组件的生命周期执行顺序是什么样子的？？？三、什么时候该用componentWillReceiveProps？有状态组件从挂在到卸载经历一下生命周期：constructor() { super() // 必须在定义在内部state之前} ...

react的组件化react的一个组件很明显的由dom视图和state数据组成，两个部分泾渭分明。state是数据中心，它的状态决定着视图的状态。这时候发现似乎和我们一直推崇的MVC开发模式有点区别，没了Controller控制器，那用户交互怎么处理，数据变化谁来管理？然而这并不是react所要关心的事情，它只负责ui的渲染。与其他框架监听数据动态改变dom不同，react采用setState...

使用Redux管理React数据流的过程如图所示，Store作为唯一的state树，管理所有组件的state。组件所有的行为通过Actions来触发，然后Action更新Store中的state,Store根据state的变化同步更新React视图组件。一、redux主要由三部分组成：store，reducer，action。store是一个对象，它有四个主要的方法：1、d...

一、用法connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[options])作用：连接React组件与 Redux store。参数说明：mapStateToProps(state, ownProps) : stateProps这个函数允许我们将 store 中的数据作为 props 绑定到组件上...

Array.prototype.map()map()方法可以创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。demo1上面的例子，在控制台中打印的结果是： 1 2 3 4 5 demo2javascript学习交流群：453833554上面的例子是将newArray数组中每一个值进行平方，...

学习要点整理：1、标准流：div是块级元素，在页面中独占一行，自上而下排列。如何在一行显示多个div元素？2、浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次元素浮动之前，也就是在标准流中，是竖向排列的，而浮动之后可以理解为横向排列。3、假如某个div元素A是浮动的，如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部...