组件: var HelloMessage = React.createClass({ render: function() { return <h1>Hello {this.props.name}</h1>; } }); ReactDOM.render( <HelloMessage name="John" />, document.getElementById('example') ); 变量HelloMessage是一个组件类,模板插入<He…

1,webStrom中React语法报错 ①, 取消Power Save Mode的勾选 File——Power Save Mode ②,webstorm开发react-native智能提示 随便在一个目录下下载ReactNative-LiveTemplate插件. https://github.com/virtoolswebplayer/ReactNative-LiveTemplate ③,打开webstorm点击file(文件)->import settings(导入设置)-> React…

对于程序员而言:驼峰和下划线之间是一场宗派战争:大括号是否换行会成为一种党派:逗号写在行尾还是行首的人来自不同星球-- 然而,无规矩不成方圆,任何一个团队,要想有高质量的产出,第一步必须要对一些基本的代码风格达成共识,否则用不了多长时间,你就会发现没人愿意维护某些代码了,因为那些代码散发出半年以上没冲过的马桶的味道,而更可怕的是团队成员之间的冲突和内耗会远超你的想象. 好了,言归正传,我们进入正题: 首选开发工具WebStorm 工欲善其事必先利其器,对于程序员而言,一款趁手的编辑器将像屠龙宝刀…

1.JavaScript XML JSX = JavaScript XML,是一个看起来很像 XML 的 JavaScript 语法扩展.JSX 不是模板,是JS语法本身,有更多的扩展.JSX 组件一般以大写字母开头.JSX 属性名称采用驼峰式.JSX 属性值接受一个函数,而不是字符串.JSX return false; 不会阻止组件的默认行为,需要调用 e.preventDefault();  2.React.Component 组件,ES6写法 class MyComponent exten…

react优势: 仅仅只要表达出你的应用程序在任一个时间点应该长的样子,然后当底层的数据变了,React 会自动处理所有用户界面的更新. 数据变化后,React 概念上与点击“刷新”按钮类似,但仅会更新变化的部分. React 都是关于构建可复用的组件,使代码复用.测试和关注分离(separation of concerns)更加简单. 注意点: 加载组件的首字母大写,比如:<HeaderComponent /> 每一个组件的render最外层都要有一个包裹元素 this.props不能修改,…

编写配置文件时要注意语法,如新版本的logstash对参数host变更为hosts,去除了port参数等. [root@localhost logstash]# cat logstash_agent.conf input { file { type => "messages" path => ["/var/log/messages"] } } output { elasticsearch { hosts => "192.168.96.12…

html的语法 1.html不区分大小写,但是编写网页的时候尽量使用小写 2.文档注释:<!-- 注释部分的内容 --> 3.空格键和回车键在网页中不会起到任何作用 4.注意缩进时保持严格的规则,用tab键进行缩进 5.字符实体:比如小于号 "<" 写在代码中会与标记混淆,所以用字符实体取代 6.html的保存格式:html htm xhtml 显示结果 描述 实体名称 实体编号 空格     < 小于号 < < > 大于号 > >…

react负责逻辑控制 reactdom负责渲染 本节知识点 有 1)变量的使用,简单使用. 1==>jsx中的注释 {/* */} 2===> 简单的渲染 app.js ps==>定义变量 使用变量 import React from 'react'; function App() { const namet="我是表头";//定义变量 return ( <div> {/*我是注释 下面使用变量 它是表达式 */} {namet} </div>…

在函数内部定义全局变量:举个栗子 function fn(){ var str = "hezhi"; } -alert(str) //=>fn不执行的 =>str is not defined -fn() alert(str) //=>hezhi -alert(str) fn() //=>fn后执行的 =>str is not defined typeof是一个操作符而不是一个函数 typeof 后面跟着的操作数,可以用原括号包裹起来,也可以不用.操作数可…

let命令 基本用法 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面代码在代码块之中,分别用let和var声明了两个变量.然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值.这表明,let声明的变量只在它所在的代码块有效. for循环的计数器,…