…

接上篇,还是笔记,还是干货. 深入 JSX 如果使用 JSX 表达式 <Foo />,Foo 必须在范围内,因为这些标签被编译为对指定变量的直接引用. 由于 JSX 编译为对 React.createElement() 的调用,因此 React 库必须始终在 JSX 代码的作用域中. 可以使用 JSX 中的点表示法来引用 React 组件.如果有一个模块导出很多 React 组件,这很方便. 用户定义的组件必须以大写开头. 当构建通用容器时,扩展属性可能很有用.然而,扩展属性很容易将大量不相关…

大约半个月前,我一直在思考一个问题,Angular.React 和 Vue,究竟该学什么? 听取了几位前辈的意见,也综合考虑了各方面的原因,最终选择了 React,希望我"没有选错". 十天的时间,把 React 的快速入门文档给过了一遍,整理了一些笔记,现在记录如下. JSX 简介 可以在 JSX 中嵌入 JavaScript 表达式,并用花括号包裹. 使用括号包裹 JSX 表达式,并将其拆分为多行以提高可读性.也可以避免自动插入分号. 由于 JSX 是在 JavaScript 中使…

1.对齐方式 //如果没有属性,在自闭和标签前添加一个空格: <Footer /> //如果可以放在一行,放在一行上即可: <Footer bar="bar" /> //如果是多个属性,直接属性换行对齐的方式,同时闭合标签是换行的: <Footer bar="bar" className="footer" /> //如果是多行,采用缩进的书写方式: <Footer bar="bar"…

一.前言 闲暇时间,看了下前端的基础知识,有幸参与了公司公众号项目前面的一个阶段,学习到了一些前端框架的相关知识 小结了一下 自己练习通过新建一个个文件组织起项目的过程中的一些理解 二.项目入口 vue 中 1.首先 webpack 的 entry: 为 app: './src/index.js' ,入口为 js 文件 在 webpack 打包后就会在 对应访问的 html 文件里引用 该 js 文件 入口 js 的作用 初始化的一个全局的 vue 实例,使用实例的 render 方法,挂载 A…

react 中状态的六个存储位置 state 我想大家都知道这个地方,而且在使用 setState 时会触发组件的更新 class prop 将值存在 class 的对象中,如: class App extends React.PureComponent{ count = 0 } 这个 class 中的 count 便是这种存储方式; 优点: 改变值时不会触发组件的更新,当组件销毁后,再次引用组件会使用它的初始值; 如果想触发 可以使用 forceUpdate (但要注意的是这个函数会跳过sho…

//定义一个子组件 var Child = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick:function(){ this.setState({liked: !this.state.liked}); }, render:function(){ var text = "111"; if(this.state.liked){ text = "222&q…

react中,state不能直接修改,而是需要使用setState()来对state进行修改,那什么时候是同步而什么时候是异步呢? 基础代码: setCounter = (v) => { this.setState({ counter: this.state.counter + v }) } changeValue = () => { //调用增加函数 每次counter + 1 this.setCounter(1) } render(){ return ( <div className…

React和Angular 你若装逼,请带我飞! 从前,从前,听说React只负责UI,话说写Angular代码就像写后端,现在看来,React赢在情怀上了: 我认为没必要老是拿React和Angular做比较,Angular是一套大而全的相对完备的框架:而React确实是只负责UI,只是多出很多概念层的东西,需要自己以此去构造:React更像是打造一个由React作为主线的生态:以component为基础,虚拟DOM解决性能瓶颈,单向数据流统一管理components,webpack.ES6.…

JavaScript深入系列  [干货] JavaScript数组所有API全解密  [干货] 移动端:页面->手淘互动动效的探索 - IT大咖说 - 大咖干货,不再错过 [扫盲] Jonathan Zhang sunshine小小倩 关于 React Router 4 的一切 anime.js 实战:实现一个 SVG 形变(morphing)动画  [干货] React Redux 中间件思想遇见 Web Worker 的灵感 [干货] 在 Vue.js 中实用任意 JavaScript 第三…