自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

转载 $ ssh -T git@github.com ssh: connect to host ssh.github.com port 22: Connection timed out

在C:/用户/用户名/.ssh中添加几个文件之前的电脑生成都是四个文件,分别是 id_rsa id_rsa.pub config known_hosts不知道为什么在另一台电脑上却生成两个文件 id_rsa id_rsa.pub原来这两个文件也能使用,只不过最近在研究git,发现clone失败,SSH key不能连接。无奈只能添加两个文件如下:config...

2017-07-20 14:11:00 477

转载 git clone fatal: unable to access 'https://github.com/carlon/demo.git/': Failed to connect to githu...

$ git config --global http.proxy$ git config --global --unset http.proxy虽然之前没有设置代理,但是不知道为什么执行以上代码之后就可以 执行Git clone了 ,继续探索转载于:https://www.cnblogs.com/wy1935/p/7210114.html...

2017-07-20 11:06:00 5956

转载 ESLint - 简介

ESLint是一个QA工具,用来避免低级错误和统一代码的风格。ESLint被设计为完全可配置的,主要有两种方式来配置ESLint:在注释中配置:使用JavaScript注释直接把配置嵌入到JS文件中。配置文件:使用下面任一的文件来为全部的目录和它的子目录指定配置信息。javascript:使用.eslintrc.js文件并导出一个包含配置的对象。YAML:.eslin...

2017-07-12 16:30:00 153

转载 JS中的对象之原型

对象ECMAScript做为一个高度抽象的面向对象语言,是通过_对象_来交互的。即使ECMAScript里边也有_基本类型_,但是,当需要的时候,它们也会被转换成对象。一个对象就是一个属性集合,并拥有一个独立的prototype(原型)对象。这个prototype可以是一个对象或者null。var foo={ x: 10, y:20};我...

2017-07-12 14:17:00 95

转载 JS中的Promise

Promise 对象有以下两个特点。(1)对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法...

2017-07-11 17:16:00 85

转载 使用过Fetch之后,你还想使用AJAX吗

之前做数据交互的时候,请求数据一直使用ajax,看到网上有使用Fetch,所以也想拿来尝尝鲜本次介绍只涉及fetch相关,传统的ajax基本上不涉及当然你也要考虑兼容。浏览器支持情况。一会这个只扯一下,我所遇到的情况:由于fetch的坑:服务器返回 400,500 错误码时并不会 reject,只有网络错误这些导致请求不能完成时,fetch 才会被 reject。...

2017-07-11 15:18:00 92

转载 Redux中的异步操作

异步操作的另一种方案就是让Action Creator返回一个Promise对象。我们这边使用 redux-promise 中间件import { createStore, applyMiddle } from 'redux';import promiseMiddleware from 'redux-promise';import reducer from './...

2017-07-10 16:36:00 191

转载 React全家桶之一 react-router之高级

使用query获取URL中的参数//引入相关的依赖const Page = props => <div> <h1>{props.location.query.message}</h1> <div>然后在URL中输入http://localhost:8080/#/?messa...

2017-07-10 11:28:00 77

转载 React 实践心得:react-redux 之 connect 方法详解

Redux 是「React 全家桶」中极为重要的一员,它试图为 React 应用提供「可预测化的状态管理」机制。Redux 本身足够简单,除了 React,它还能够支持其他界面框架。所以如果要将 Redux 和 React 结合起来使用,就还需要一些额外的工具,其中最重要的莫过于 react-redux 了。react-redux 提供了两个重要的对象,Provider和...

2017-07-07 10:05:00 161

转载 如何理解JavaScript的单线程

JS的本质是单线程的。这点区别于JAVA的两个线程并发但是,平时的JS,确实是同时运行很多任务,这又是怎么回事????First,js的代码分为两种。同步代码和异步代码。console.log(1)console.log(1)console.log(1)这就是典型的同步代码,编写顺序就是执行顺序。js引擎的主线程负责执行代码,由于只有这样一个线程,...

2017-07-06 13:48:00 110

转载 Flux的基础概念和实战入门

的转载于:https://www.cnblogs.com/wy1935/p/7125611.html

2017-07-06 12:09:00 249

转载 在Redux中使用插件createAction之后

我们知道在React的Redux的中的action在项目开发过程中,一般时使用createAction来生成举个栗子,小李子:const createTodo=createACtion('CREATE_TODO')我们可以知道产生的action的Type属性就是(CREATE_TODO),然而还有一个payload是在哪一个地方呢?其实payload的信息是在...

2017-07-05 17:36:00 735

转载 学习

React学习情况就todolist项目而言--actions 定义action--componemts 定义各种组件 --Mian 整个项目的组件在Mian中进行合并成一个新的组件 --TodoHeader 头部组件,包括头部说明内容,和输入框,发送按钮 --TodoList list组件, 将todos通过map函数渲染到...

2017-07-03 17:52:00 96

转载 Object.assign() 对象的扩展

object.assign()方法用于对象的合并,将源对象的(source)的所有的可枚举属性,复制到目标对象(target)var target = {a:1};var source1={b:2};var source2={c:3};Object.assign(target,source1,source2);target //{a:1,b:2,c:3}...

2017-07-03 15:56:00 100

转载 Redux 中的CombineReducer的函数详解

combineReducers(reducers)随着应用变得复杂,需要对 reducer 函数 进行拆分,拆分后的每一块独立负责管理 state 的一部分。combineReducers 辅助函数的作用是,把一个由多个不同 reducer 函数作为 value 的 object,合并成一个最终的 reducer 函数,然后就可以对这个 reducer 调用 createS...

2017-07-03 09:52:00 187

转载 React组件的防呆机制(propTypes)

Prop验证随着应用不断变大,为了保证组件被正确使用变得越来越重要。为此我们引入propsTypes。React.PropTypes提供很多验证器(valodator)来验证传入的数据的有效性。当向props传入无效数据是,JavaScript控制台会抛出错误。为了性能考虑,只在开发环境验证propsTypes.GroupSelect.defaultProps = {};G...

2017-06-30 14:32:00 327

转载 css的新特性 calc () 使用

calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。...

2017-06-29 15:52:00 335

转载 shim和polyfill有什么区别

在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别?一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现一个polyfill就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API, 如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以...

2017-06-29 14:25:00 162

转载 Props、State、Refs 与表单处理

我们也了解到 React Component 事实上可以视为显示 UI 的一个状态机(state machine),而这个状态机根据不同的 state(透过setState()修改)和 props(由父元素传入),Component 会出现对应的显示结果。本章将使用React 官网首页上的范例(使用 ES6+)来更进一步说明 Props 和 State 特性及在 R...

2017-06-29 10:00:00 82

转载 ImmutableJS

引用大神的一句话:(具体是谁自己问度娘)Shared mutable state is the root of all evil(共享的可变状态是万恶之源)-- Pete HuntJavaScript 中的对象一般是可变的(Mutable),因为使用了引用赋值,新的对象简单的引用了原始对象,改变新的对象将影响到原始对象。如foo={a: 1}; bar=f...

2017-06-29 09:59:00 115

转载 React Component 生命周期

一般而言 Component 有以下三种生命周期的状态:Mounting:已插入真实的 DOMUpdating:正在被重新渲染Unmounting:已移出真实的 DOM针对 Component 的生命周期状态 React 也有提供对应的处理方法:MountingcomponentWillMount()componentDidMount()...

2017-06-29 09:59:00 83

转载 JavaScript的相关知识

Oject.assign()// Cloning an objectvarobj = { a: 1 };var copy = Object.assign({}, obj);console.log(copy); // { a: 1 }// Merging objectsvar o1 = { a: 1 };var o2 = { b:...

2017-06-29 09:58:00 50

转载 React容器组件和展示组件

Presentational and Container Components展示组件- 只关心它们的样子。- 可能同时包含子级容器组件和展示组件,一般含DOM标签和自定的样式。- 通常用this.props.children来包含其他组件- 不依赖app其它组件,比如flux的actions和stores- 不会定义数据如...

2017-06-29 09:57:00 210

转载 svg学习

什么是svg- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)- SVG 用来定义用于网络的基于矢量的图形- SVG 使用 XML 格式定义图形- SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失- SVG 是万维网联盟的标准- SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体与其...

2017-06-29 09:56:00 74

转载 node.js

第一个应用 Hello world新建一个 111.js文件在命令行中 输入 node 111.js稍微复杂的应用,技术要求:- 用户可以通过浏览器使用我们的应用。- 当用户请求http://domain/start时,可以看到一个欢迎页面,页面上有一个文件上传的表单。- 用户可以选择一个图片并提交表单,随后文件将被上传到...

2017-06-29 09:56:00 116

转载 Redux 基础概念

Redux is a predictable state container for JavaScript apps.,亦即 Redux 希望能提供一个可以预测的 state 管理容器,让开发者可以可以更容易开发复杂的 JavaScript 应用程式(注意 Redux 和 React 并无相依性,只是和 React 可以有很好的整合)。三、基本概念和 APIRedux...

2017-06-29 09:54:00 158

转载 Ch03 React/JSX/Component 簡介

Facebook 本身有提供Test Utilities,但由于不够好用,所以目前主流开发社群比较倾向使用 Airbnb 团队开发的enzyme,其可以与市面上常见的测试工具(Mocha、Karma、Jest 等)搭配使用。其中Jest是 Facebook 所开发的单元测试工具,其主要基于Jasmine所建立的测试框架。Jest 除了支援 JSDOM 外,也可以自动模拟 (m...

2017-06-29 09:53:00 84

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除