2017年08月_学习笔记666

原创 Redux和React组件的异步交互

Redux和React组件的异步交互http://blog.csdn.net/github_26672553/article/details/77716004 前面一篇我们完成了一个简单的点赞功能。页面点击事件处理函数中，我们是通过dispatch()方法，目的是要修改state。 addClick(){ //修改state sto

2017-08-31 15:44:00 2363

原创 react.js框架Redux：初步认识

react.js框架Reduxhttps://github.com/reactjs/redux安装：npm install redux react-redux#基于react，我们在前面已经安装过了Redux参考文档： http://redux.js.org/Redux核心概念：Store我们可以简单的理解为就是用来存储各个组件的State或你自己定义的独立的state，对state进行统一读

2017-08-30 16:39:17 1560

原创让浏览器可以访问我们的socket服务 (http协议入门)

在我们的web开发中，会是用到web服务器，比如：tomcat、apache等。其实它们就是功能做的很强大的socket服务。我们使用的数据库程序，包括一些和网络相关的软件都和我们的socket是有关系的。这中间产生的交互，很可能是通过某种协议来完成的。只不过有些协议好理解(http协议)，有些软件专有的协议可能不太好理解。当我们在浏览器地址栏输入对应的IP地址，其实也就是浏览器创建了一个s

2017-08-23 16:33:52 11205 5

转载 Mysql多个LEFT JOIN使用ORDER不能使用索引导致查询过慢的解决方案

MySQL在多个LEFT JOIN的情况下使用ORDER BY排序，就算是其中一个表的主键也仍然使用file sort排序，数据量多的话就相当的慢。优化前语句SELECT * FROM a LEFT JOIN b ON a.id=b.a_id ORDER a.id DESC优化后语句SELECT * FROM a LEFT JOIN b ON a.id=b.a_id JOIN (SELECT id

2017-08-18 15:05:15 1075

原创使用字节流、客户端读取图片发送至服务端保存

客户端： // 创建客户端 Socket client = new Socket("127.0.0.1",9000); // 要向服务端发送数据，就要获取输出流 OutputStream outputStream = client.getOutputStream(); Buffered

2017-08-16 12:55:15 1218

原创使用字符流、客户端读取文本文件发送至服务端

前面我们socket客户端发送你好a我是客户端这样的字符串给服务端，服务端接受的数据有了乱码。你好a��这是因为每次读取的字节限制。数据乱码不代表数据丢失了。字符流在字节流的概念里，OutputStream是输出，InputStream是输入。字符流中，有2个抽象类分别是Reader和Writer。抽象类派生的子类，是我们编码中需要使用的。 1、客户端

2017-08-16 11:31:42 1286

原创 Java网络编程 - 认识socket

创建一个电话其实就类似于创建一个socket连接。1、socket服务端代码MyServer.java：import java.io.IOException;import java.io.InputStream;import java.net.ServerSocket;import java.net.Socket;public class MyServer { // 入口函数 p

2017-08-15 15:25:44 347

原创 TreeMap、二叉树

前面我们学习了Collection下面有： 1、List(ArrayList、LinkedList、Vector)，重点我们理解了线程安全和不安全 2、Set下面的HashSetMap下面的HashMap。其中HashSet是基于HashMap实现的(就是HashMap的key，不重复)。TreeMap 我们使用HashMap加入一些数据，但这些数据不能排序。 Map<Str

2017-08-15 13:05:02 5048

原创 synchronized同步代码块

前面了解了ArrayList线程不安全的问题，即使Vector也不是绝对线程安全的。 http://blog.csdn.net/github_26672553/article/details/77164120我们这里使用另外一个方法『解决ArrayList线程安全问题』#同步代码块synchronized (锁住的对象){ //要执行的任务}我们前面的案列是在子线程中循环很多次给list对

2017-08-15 10:20:55 261

原创 ArrayList的线程不安全问题

前面我们学了ArrayList和LinkedList，回顾学习地址： http://blog.csdn.net/github_26672553/article/details/75006230Thread类该类继承接口Runnable，启动一个线程代码案列。Thread t = new Thread();t.start();//这个方法是代表启动一个线程只不过上面代码就这样写没有什么意义。ne

2017-08-14 17:20:30 453

原创 HashMap和HashSet、hashcode

在Java中集合除了有Collection还有Map。Collection包括：List(ArrayList、LinkedList、Vector)、Queue、Set Map包括：HashMap、HashTable、TreeMap、WeakHashMap。HashMap线程不安全 Map<String,String> map = new HashMap<String,String >

2017-08-14 11:15:23 586

原创 react.js路由(4.x)：模拟一个用户登录2（登录判断、路由的多种加载方式）

前面我们完成了模拟用户登录的功能：获取文本框的值、手动路由跳转 http://blog.csdn.net/github_26672553/article/details/76908308现在我们要来完善用户登录：判断用户是否登录(同样是在本地模拟) 我们需要实现：当我们直接访问『新盘排行』页判断用户是否登录，如果没有登录就跳转去登录页面。1、新建一个类，用户登录权限类auth.js：exp

2017-08-09 16:37:54 4998

原创 react.js路由(4.x)：模拟一个用户登录

1、先写一个用户登录界面 login.js：import React from 'react';export default class Login extends React.Component{ render(){ return <div> <h2>用户登录</h2> <p><span>用户名：</span><input

2017-08-08 15:53:05 3741 2

原创 react.js的两种路由方式：HashRouter

react.js路由-初步前面我们已经了解了react.js其中一种路由方式。这种方式是利用 html5的`window.history`，对浏览器历史记录的读取。`history.back()` 和在浏览器点击后退按钮相同；`history.forward()`和在浏览器中点击前进按钮相同。另外h5时段开始支持`pushState()`和`replaceState()`方法，并且当回退/前进是

2017-08-08 15:02:06 30063 3

原创 react路由 - 参数、

1、我们把前面Home组件改动一下，用来展示新闻列表import React from 'react';import axios from "axios";export default class Home extends React.Component{ // 构造 constructor(props) { super(props); //

2017-08-04 16:31:20 5499

原创 React路由 - 初步

官网地址： https://github.com/ReactTraining/react-router示例文档： https://reacttraining.com/react-router/web/example/basic1、安装npm install react-router react-router-dom#做web开发只需安装这2个2、完成路由小案列，我们要实现一个简单的tab切换

2017-08-04 10:34:01 1748

原创组件模块化

回顾新闻点赞案列： http://blog.csdn.net/github_26672553/article/details/76619122父子组件<h2>文章标题：{this.state.news.title}</h2>我们可以把新闻标题部分HTML抽取处理，定义为一个专门的组件。// 新闻标题组件class Title extends React.Component{ rend

2017-08-03 15:42:43 384

原创新闻点赞案列

新闻点赞案列1、后端准备数据返回如下json数据：{"id":101,"created":"2016-10-29","title":"探索之路","desc":"是手机团队的探索之路","clickNum":99}2、我们在react里定义个新闻组件import React from 'react';import ReactDOM from 'react-dom';import axios

2017-08-03 15:03:48 424

原创 __call()方法实现委托

委托是指一个对象转发或者委托一个请求给另一个对象，被委托的一方替原先对象处理请求。这类似于继承，和在子类中调用父类的方法有点儿相似。但在继承时，父类与子类的关系是固定的，而使用委托则可以在代码运行时改变使用的对象，这意味着委托比继承具有更大的灵活性。1、创建一个类来将Person类的信息格式化并输出：class PersonWriter{ public function writeName(

2017-08-02 13:43:57 274