React笔记_(3)_react语法2 state和refs props就是在render渲染时,向组件内传递的变量,这个传递是单向的,只能继承下来读取. 如何进行双向传递呢? state (状态机) React 把组件看成是一个状态机(State Machines).通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致. React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM). 下面是一个例子. 一个文本框,一个按钮,按…

这一节内容主要以了解为主. 渐渐的体会react的语法和其特性. ① htmlAndJs 混合编写 react和以往的前后台书写方式不一样. 在之前的多个语言中,讲求的是将页面代码和js代码逻辑分开,包括原来的css文件都有独立的分装. 而react的提供了一种html和js语句混合编写的方式.这就是jsx. 先不详说,体会一下先: var arr = [ <h1>Hello world!</h1>, <h2>React is awesome</h2> ];…

react的版本 目前主要的react有 ES5,ES6.也有ES5和ES6混合编写的.比较混乱. react官方提倡用ES6. 说到这里,就需要提到一个概念--mixin mixin在es6中被摒弃掉了. mixin: 简单来讲,就是部分公用的代码,提取出来作为一个独立的木块, 利用混入的方式来使用.这就是mixin. es5里面,声明一个mixin单例对象,直接以数组方式插到组件使用即可: es6不提倡这样的写法,而是使用高阶组件的方式实现. 高阶组件: 其实就是把一个类作为参数丢到另一个类…

ajax 数据应用场景 在真实的开发环境中,拿到了产品需求,第一件事不是逼着后台开发人员先完成,然后前端再介入开发,这样太浪费时间. 正确的做法是跟后端人员先商量好接口名称,请求参数,返回的数据格式等,前端人员造数据进入开发,与后端人员并行开发,等后端完成后再接入正式接口. 通常的做法是自己造json数据.但是这种方式也有一些问题. 1.需要安装apache或nginx等容器才行. 2.造个列表页数据很麻烦,很啰嗦. 3.格式容易写错,比如键忘了加引号或者打了个单引号,比如多了反斜杠.....…

生命周期 很多语言中都讲了关于生命周期.这可是决定生命的周始,有没有存在感的关键啊. 生命周期,有生有死,有始有终,因果轮回,循环往复.(说多了) react中,主要说明的是 一个组件的生命周期.简单来讲就是: 初始化 →  渲染  →  更新  →   (渲染)  →   销毁  ... 最常用的三个生命周期  1. componentWillMount 相当于初始化,在render渲染动作执行前要干的事. 2. componentDidMount 在render渲染动作执行后马上要干的事.…

路由 路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程. 路由器当然是作为一个转发设备出现的,主要是转发数据包来实现网络互联. 那么react的路由到底指的是什么呢? 举个栗子~~~ 在网页中点击后,从A页面跳到B页面,跳转过程中url发生变化,这就是一个简单的传统路由. 单页面路由,其实页面并没有真正跳转,而是停留在原页面. 建立一个index.html页面,可以只是通过替换body下某个div标签的内容,达到页面跳转的效果. 但仍然要求url发生变化,参数也需要传…

React概述   React是一种很好的前端技术. 它将应用打散成独立的小模块,然后进行组装,完成开发. react远比angularjs难学的多. react依赖的如webpack等各种工具得先学会使用,然后还重点了解和使用es6,然后才能进入其核心. 关于react的更多内容请参照以下内容和react的官方文档. React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做…

运维开发笔记整理-Django模型语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.模型基本概念 1>.什么是模型 模型是你的数据唯一的,权威的信息源.它包含你所存储数据的必要字段和行为.每个模型对应数据库中唯一的一张表.它包含你所存储数据的必要字段和行为.每个模型对应数据库中唯一的一张表. 2>.如何编写模型 模型:每个模型都用一个类表示,该类继承自“django.db.models.Model”.每个模型有多个类的属性变量,而每一个类的属性变量又都代表类数据库表中…

<Dom Scripting>学习笔记 第二章 Javascript语法 本章内容: 1.语句. 2.变量和数组. 3.运算符. 4.条件语句和循环语句. 5.函数和对象. 语句(statements) 注释(comments) 方法: 1.// Note to self: comments are good. 2./* Note to self: comments are good */ 3.<!— This is a comment in JavaScript. (In HTML,…

在 读经典——<CLR via C#>(Jeffrey Richter著) 笔记_高级管理控制(配置)中,是由程序集的发布者将程序集的一个新版本发送给管理员,后者安装程序集,并手动编辑应用程序后机器的 XML 配置文件.通常,发布者希望在修复了程序集的一个 bug 后,能采取一种容易的方式将新的程序集打包并分发给所有的用户.但是,发布者还需要一种方式告诉每个用户的 CLR 使用新的程序集版本,而不要继续使用旧版本.当然,可以指示每个用户手动修改应用程序或机器的 XML 配置文件,但这相当不方便…

jQuery源代码学习笔记_工具函数_noop/error/now/trim jquery提供了一系列的工具函数,用于支持其运行,今天主要分析noop/error/now/trim这4个函数: 1.noop //返回一个空函数 function noop() { } noop这个函数的功能就是什么也不做,方便在全局使用一个空函数,减少内存开销. 2.error function error(msg) { throw new Error(msg); } 用于统一抛出异常,可以减少代码中使用thro…

Hadoop学习笔记之HBase Shell语法练习 作者:hugengyong 下面我们看看HBase Shell的一些基本操作命令,我列出了几个常用的HBase Shell命令,如下: 名称 命令表达式 创建表 create '表名称', '列名称1','列名称2','列名称N' 添加记录 put '表名称', '行名称', '列名称:', '值' 查看记录 get '表名称', '行名称' 查看表中的记录总数 count  '表名称' 删除记录 delete  '表名' ,'行名称' ,…

1.标识符与变量 1.1 标识符 规范 只能由数字,字母,_(下划线)组成 不能以数字开头 不能是关键字 区分大小写 命名约束 下划线分隔法(推荐): 多个单词组成的名称,使用全小写字母书写,中间使用_分隔. first_name     user_name     card_id 驼峰命名法: 多个单词组成的名称,每个单词首字母使用大写字母书写,其余字母使用小写字母书写. FirstName   UserName   CardId 1.2 变量 语法 定义变量:变量名 = 值 使用变量:变量名…

For循环:专门处理已知循环次数的循环.  小技巧:连续敲击两下TAB键循环体自动搭建完成. For循环语法: for(表达式1;表达式2;表达式3){ 循环体;}表达式1一般为声明循环变量,记录循环的次数(int i=0;)表达式2一般为循环条件(i<10)表达式3一般为改变循环条件的代码,使循环条件终有一天不再成立(i++). For循环执行过程: 程序首先执行表达式1,声明了一个循环变量用来记录循环的次数,然后执行表达式2,判断循环条件是否成立,如果表达式2返回的结果为true,则执行循环…

for TAB  和 forr TAB using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace 第六天_do_while循环 { class Program { static void Main(string[] args) { ; i <= ; i++) { ; /; ; if (bai*bai*ba…

大概大半年时间都在用react写项目,一直在笔记上零零星星地记录着,在新的一年即将到来之际,打算整理整理发出来. 一.React是什么? React是Facebook开源的用于构建用户界面的javascript库.(好些人都觉着React很神秘,接触新事物时,一定要把它看得简单,这样你才有信心战胜它啊,其实入门真的不难) 二.React的特点即它与其他js库相比好在哪里? 1.专注MVC架构中的V(view),使React很容易和开发者已有的开发栈进行融合 2.组件化,React顺应了web开发…

前言:Scala的安装教程:http://www.cnblogs.com/biehongli/p/8065679.html 1:Scala之基础语法学习笔记: :声明val变量:可以使用val来声明变量,用来存放表达式的计算结果,但是常量声明后是无法改变它的值的,建议使用val来声明常量: 声明var变量:如果要声明可以改变的引用,可以使用var变量,声明的常量的值可以改变. :指定类型:无论声明val变量还是声明var变量.都可以手动指定其类型,如果不指定,scala会自动根据值,进行类型的推…

1.什么是React? a.React 是一个用于构建用户界面的 JAVASCRIPT 库. b.React主要用于构建UI,很多人认为 React 是 MVC 中的 V. c.React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源. d. React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它. 2.JSX语法:JavaScript+XML 基本方法:React.render(填入元素的html代码, 指定的…

第0关  print()函数与变量 1. print()函数print()函数:告诉计算机,把括号的内容显示在屏幕上 # 不带引号 print(1+1) # 让计算机读懂括号里的内容,打印最终的结果 # >>2 # 带引号 print('hello world!') # 让计算机无需理解,原样复述引号中的内容 # >>hello world! # 带双引号 print("Let's play") # 让计算机无需理解,原样复述引号中的内容,可以输出内容中的单引号…

python语法学习笔记: 1 输入输出 input(),print(). name = input('input your name : ')print('hello ,'+name)print(" I'm python "*3)print('{}+{}={}'.format(1,2,1+2))print(1,2,['x','y'],'a')print(type('1'),type(1))print(len(name)) 运行结果: 2 打开文件,写入数据. file=open('D…

目前较为流行的react确实有很多优点,例如虚拟dom,单向数据流状态机的思想.还有可复用组件化的思想等等.加上搭配jsx语法和es6,适应之后开发确实快捷很多,值得大家去一试.其实组件化的思想一直在提,原来的开发中也会抽一些公共的模块出来.但是react带来的思想冲击是革命性的,套用一句可能不太合适的话来,描述:万事万物皆组件,在这种思想的影响下,不管什么框架都可以抽一些公共的模块出来,应该秉持一种心态:任何代码都尽量不要重复写两遍,如果存在那么就可以考虑封装起来作为组件.当然不是一味的提倡盲…

知道了怎么样安装,那么学习一下简单的应用吧. 1.安装webpack npm install webpack -g (全局) npm install webpack --save--dev (本地) 2.webpack的辅助文件 npm install babel-core npm install babel-loader npm install babel-preset-es2015 (解析es6) npm install babel-preset-react (解析jsx语法) npm in…

webpack不仅可以解析jsx,也可以将es6转换为es5语法.最终,它把这些代码都打包成一个叫bundle.js的文件,我们在html文件中只引入这么一个js文件就可以了! 打包后,引用的语法import "./button.css" 1.安装webpack npm install webpack -g (全局)npm install webpack --save--dev (本地) 2.webpack的辅助文件 npm install babel-corenpm install…

2016-10-31更新 webstorm不支持es6语法怎么办? webstorm不支持jsx语法怎么办? 参考:webstorm不支持jsx语法怎么办 I spent ages trying to fix this. Every solution talks about 'setting options'. I don't know what that means. Finally, I figured it out. You can just include a commented out…

一开始学习函数式编程语言就被告知函数式编程语言是一种“定义式”的语言,而不是一种命令式的语言,在学习haskell的函数语法时,此感觉更加强烈,haskell的函数定义倾向于一种类似C++里面的switch /case 的语义,将函数所处理的事情分类,然后定义好每个分类该如何返回.所以我的函数笔记主要就haskell函数里的几种分类情况进行讨论: condition expression 语法类似于if then else ;允许嵌套,但是每个if  必须对应一个else 否则语法报错.示例如下…

1. JSX JSX是一种拥有描述UI的JavaScript扩展语法,React使用这种语法描述组件的UI. 1.1 基本语法 JSX可以嵌套多个HTML标签,可以使用大部分符号HTML规范的属性. TodoList.js: import React, { Component } from 'react' class TodoList extends Component { render(){ return ( <ul> <li>To Do</li> <li>…

布局与兼容性 CSS布局 版心和布局流程 为什么要应用布局? 阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰.易读.同样,在制作网页时,要想使页面结构清晰.有条理,也需要对网页进行"排版" 版心 "版心"是指网页中主体内容所在的区域.一般在浏览器窗口中水平居中显示,常见的宽度值为960px.980px.1000px等 布局流程 1.确定页面的版心. 2.分析页面中的行模块,以及每个行模块中的列模块. 3.运用盒子模型的原理,通过DIV+C…

最近抽时间在学习Java,目前有了一点心得,在此记录下来. 由于我自己之前学过C/C++,而Java的语法与C/C++基本类似,所以这一系列文章我并不想从基础一点点的写,我想根据我已有的C/C++经验,补充一些需要注意的点,或者java中独特的内容,或者将C/C++进行对比来总结一下学习的内容. 为什么要学习java 最开始接触到Java还是在学校中开设的一门java编程语言的课,那个时候感觉java很麻烦,写个helloworld要那么多代码.后来学到web编程,我自己搭建的环境总是报错,而且…

很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做.今天在此整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能. 模块引用   1 2 3 4 5 6 7 8 9 10 11 12 13 14 // 在ES5里,如果使用C…

一.背景知识 1.1 什么是分词? NLP的基础任务分为三个部分,词法分析.句法分析和语义分析,其中词法分析中有一种方法叫Tokenization,对汉字以字为单位进行处理叫做分词. Example :  我  去  北  京 S       S       B       E 注:S代表一个单独词,B代表一个词的开始,E表示一个词的结束(北京是一个词). 1.2 什么是词性标注? 句法分析中有一种方法叫词性标注(pos tagging),词性标注的目标是使用类似PN.VB等的标签对句子(一连串…