- 博客(159)
- 收藏
- 关注
RSS订阅转载 教你上传本地代码到github
1. 建立git仓库 cd到你的本地项目根目录下，执行git命令git init2. 将项目的所有文件添加到仓库中git add .如果想添加某个特定的文件，只需把.换成特定的文件名即可。 3. 将add的文件commit到仓库git commit -m "注释语句"4.去github上创建自己的Repository 创建页面如下图所示： 点击下面的Create repository
2017-08-12 19:19:01
481
转载 对组件的引用（refs）
构建完你的组件之后，你可能会想要去寻求一个办法，来直接调用你在render()返回的组件的实例的方法。在大部分情况下，这应该不是必须的，因为在响应式数据流中，你要输出一些数据，你应该在render()中给子组件传递最新的属性。不过，在某些特殊情况下，直接操作组件实例的方法还是必要或者有利的。所以React提供了一个打破限制的办法，这就是refs。refs（reference,引用）在以下时候特别有用
2017-08-11 13:16:40
2026
原创 React使用export导出类
React中使用export导出类可以有两种方法1. export default classname 这种导出方式与export default class classname extends React.class相同在其他文件中引用时采取如下方式import classname form path例如：Com.jsclass Welcome extends React.Component{
2017-08-08 21:57:12
27705
转载 React-Router入门Demo
01-setting-up 02-rendering-a-route 03-navigating-with-link 04-nested-routes 05-active-links
2017-08-02 23:36:42
947
原创 react+leaflet入门Demo
1 代码架构使用create-react-app脚手架创建react工程 2 引用leaflet的js和css文件在Index.html中引用上述文件css文件<link rel="stylesheet" href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css" integrity="sha512-wcw6ts8Anuw10Mzh9Y
2017-08-02 19:23:59
7700
2
原创 react-leaflet-draw绘图工具栏显示错乱
1 问题描述在使用react-leaflet-draw为地图增加绘制自定义图形功能时，发现对应的工具栏显示错乱，如下图 < map>组件文件对应源码如下：import React , { Component} from 'react'import { Map, TileLayer, Circle,FeatureGroup } from 'react-leaflet'import { Ed
2017-08-01 18:57:19
3632
1
原创 react-leaflet瓦片乱序/加载不全
1 问题描述环境：webpack+react-leaflet map组件源码：import React , { Component} from 'react'import { Map, TileLayer, Circle,FeatureGroup } from 'react-leaflet'import { EditControl } from "react-leaflet-draw"cl
2017-08-01 17:57:06
5267
2
原创 Error:No value provided for variable{mapId}解决方法
1 问题描述启动npm start发现浏览器出现以下错误2 原因描述如下所示，组件里面url中mapId没有为其赋值<Map id='MapCom' center={[51.505, -0.09]} zoom={13} zoomControl={false}> <TileLayer attribution='© <a href="http://osm.org/c
2017-08-01 15:19:12
2697
转载 create-react-app my-appcreate-react-app慢的解决方法
在操作官方实例Create React App时,需要执行指令：create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch1解决方案是换源,虽然平常使用cnpm来代替npm,但也只是
2017-08-01 14:09:31
3481
转载 React 快速上手脚手架 create-react-app
1 create-react-app简介为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app2 create-react-app 的安装命令行中使用 npm 执行安装命令 np
2017-08-01 13:02:20
1034
转载 npm常用命令
npm install 默认安装最新的包,也可以通过后面加版本号的方式指定安装版本,如 npm install leaflet@1.0.3npm install -g全局安装依赖包,在代码中,直接通过require()的方式无法调用全局安装的包,全局的安装是供命令行使用的.npm install –save安装的同时,将信息写入package.json中,项目路径中如果有package.
2017-08-01 12:22:51
611
转载 comm命令
comm命令可以用于两个文件之间的比较，它有一些选项可以用来调整输出，以便执行交集、求差、以及差集操作。交集：打印出两个文件所共有的行。求差：打印出指定文件所包含的且不相同的行。差集：打印出包含在一个文件中，但不包含在其他指定文件中的行。语法comm (选项)(参数)选项-1：不显示在第一个文件出现的内容；-2：不显示在第二个文件中出现的内容；-3：不显示同时在两个文件中都出现的内容。参
2017-07-29 20:55:37
3227
转载 dirname和basename用法
1 dirname取一个文件存储路径，可以用dirname。使用起来分两种情况：带全路径的 # dirname /home/aguo/insert.sql输出：/home/aguo仅仅是文件名的 # dirname Environment输出: .. 表示路径就是当前目录2 basename为basename指定一个路径，basename命令会删掉所有的前缀包括最后一个slash（‘/’）
2017-07-25 09:51:39
1518
转载 Linux下kill函数用法
[ KILL ]功能描述： 用于向任何进程组或进程发送信号。 头文件用法： #include <sys/types.h>#include <signal.h>int kill(pid_t pid, int sig);参数：pid：可能选择有以下四种pid大于零时，pid是信号欲送往的进程的标识。pid等于零时，信号将送往所有与调用kill()的那个进程属同一个使用组的进程。pid等于-1时
2017-07-20 11:54:33
923
原创 CTDB take over代码流程梳理
CTDB take over代码流程梳理ctdb take over功能用于ctdb集群中某个主节点失效时，该节点上IP可以转移到其他节点，保证相应IP提供的服务不断开，其处理代码主要集中于ctdb_takeover.c中，主要代码流程梳理如下图所示：
2017-07-19 15:05:24
1227
原创 CTDB中10.interface脚本关于take ip和release ip等的处理
CTDB中脚本关于take ip和release ip的处理1 take ipDTDB需要接管ip时运行./config/events.d/10.interface进程，该进程可以使用三个参数：接口名、ip地址和掩码长度，如：./10.interface takeip eth1 10.1.1.2 24其内部逻辑流程可以参照下图理解:2 release ipCTDB需要释放一个IP地址时，运行./co
2017-07-13 18:47:18
2146
翻译 关于CTDB
关于CTDBCTDB是Samba和其他项目中存储临时数据的TDB数据库的集群实现。如果有个应用已经使用TDB存储临时数据，那么将其用集群化并使用CTDB替代会非常轻松。CTDB使用集群方式提供了与TDB相同的功能方式，提供一种TDB方式的数据库在集群中聚合多种物理主机。CTDB具有以下特性：CTDB提供作用于所有集群节点用户持久化数据和持久化锁的TDBCTDB非常快当节点失效时，CTDB会自动
2017-07-13 10:37:28
4567
转载 NAS实现类型对比
一 介绍NAS主要有三种类型的实现：统一式、网关式和横向扩展式（Scale-out）。统一NAS使用统一的存储平台将基于NAS和基于SAN的数据访问合并，提供了可以同时管理二种环境的统一管理界面。网关NAS使用外部存储来存取数据，网关NAS和存储的管理操作是分开的。横向扩展式（Scale-out）NAS可组合多个节点，形成一个集群NAS系统。本文将对比三种不同NAS实现类型。二 更多内容1 统一NA
2017-07-11 16:38:51
5947
转载 Fibre Channel光纤通道系统基础（三）
一 介绍光纤通道技术（Fibre Channel）是一种网络存储交换技术，可提供远距离和高带宽，能够在存储器、服务器和客户机节点间实现大型数据文件的传输。了解光纤通道技术是了解网络存储的起点。本系列文章全面介绍光纤通道系统的基础知识。内容包括Fibre Channel基本概念和优势，术语解释，拓扑结构。作为存储爱好者的入门读物。 本文作为系列之三，介绍光纤通道技术中的拓扑结构：端到端，光纤交换，仲裁
2017-07-11 14:35:29
1763
转载 Fibre Channel光纤通道系统基础（二）
一 介绍光纤通道技术（Fibre Channel）是一种网络存储交换技术，可提供远距离和高带宽，能够在存储器、服务器和客户机节点间实现大型数据文件的传输。了解光纤通道技术是了解网络存储的起点。本系列文章全面介绍光纤通道系统的基础知识。内容包括Fibre Channel基本概念和优势，术语解释，拓扑结构。作为存储爱好者的入门读物。 本文作为系列之二，介绍光纤通道技术中的关键术语如：节点，端口，光纤，单
2017-07-11 14:25:18
5515
1
转载 Fibre Channel光纤通道系统基础（一）
一、介绍光纤通道技术（Fibre Channel）是一种网络存储交换技术，可提供远距离和高带宽，能够在存储器、服务器和客户机节点间实现大型数据文件的传输。了解光纤通道技术是了解网络存储的起点。本系列文章全面介绍光纤通道系统的基础知识。内容包括Fibre Channel基本概念和优势，术语解释，拓扑结构。作为存储爱好者的入门读物。二、更多信息1 Fibre Channel的概念:Fibre Chann
2017-07-11 11:57:39
2239
原创 理解RAID
RAID技术，即Redundant Array of Independent Disks技术，也就是由独立磁盘组成的具有冗余特性的磁盘阵列。1 RAID 0 -- 条带化 RAID 0将一系列连续编号的数据Data分布到多个物理磁盘上，如下面一段连续的数据 进行条带化分布存储后，如下 连续的数据被存储在四个磁盘上
2017-07-07 19:58:38
1110
转载 RAID详解[RAID0/RAID1/RAID10/RAID5]
一．RAID定义 RAID(Redundant Array of Independent Disk 独立冗余磁盘阵列)技术是加州大学伯克利分校1987年提出，最初是为了组合小的廉价磁盘来代替大的昂贵磁盘，同时希望磁盘失效时不会使对数据的访问受损 失而开发出一定水平的数据保护技术。RAID就是一种由多块廉价磁盘构成的冗余阵列，在操作系统下是作为一个独立的大型存储设备出现。RAID可
2017-07-06 18:39:10
3122
3
转载 Reactjs中的属性（this.props）
一、什么是属性React官方文档上对于属性的介绍如下：React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性（Props）来实现功能，但内部细节可能有非常复杂的实现。React中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部，我们可以通过this.props获取属性对象二、属性的使用方法
2017-06-27 22:32:10
11594
翻译 Linux内核网络：实现和理论（2014）-第十章 IPsec
...XFRM框架 IPsec基于XFRM（读作“transform”）框架实现，该框架源于USAGI项目，其目标是提供一种产品化的IPv6和IPsec协议栈。术语“transform”指的是在内核协议栈中根据一些IPsec规则转发入方向报文或者出方向报文。Linux内核2.5引入了XFRM框架，XFRM是一种协议族独立的基本框架，这意味着对于IPv4和IPv6而言存在一个通用的
2017-05-10 21:04:55
4156
1
转载 IPsec相关的一些基本概念
问题提出:什么是xfrm,racoon,netkey,PF_KEY,netlink,clips,26sec，Setkey，KAME,ipsec?IPsec:Internet Protocol Security是一种开放标准的框架结构，通过使用加密的安全服务以确保在网络上进程保密而安全的通讯。IPsec IP层协议安全主要包括一个IP包进程模块和一个密钥交换模块，IPsec包的处理模块是基本
2017-05-04 16:44:54
4538
1
转载 linux内核网络分层结构
Preface Linux内核对网络驱动程序使用统一的接口，并且对于网络设备采用面向对象的思想设计。 Linux内核采用分层结构处理网络数据包。分层结构与网络协议的结构匹配，既能简化数据包处理流程，又便于扩展和维护。内核网络结构 在Linux内核中，对网络部分按照网络协议层、网络设备层、设备驱动功能层和网络媒介层的分层体系设计。
2017-05-04 15:49:36
786
转载 iptables基本原理
前提基础： 当主机收到一个数据包后，数据包先在内核空间中处理，若发现目的地址是自身，则传到用户空间中交给对应的应用程序处理，若发现目的不是自身，则会将包丢弃或进行转发。 iptables实现防火墙功能的原理是：在数据包经过内核的过程中有五处关键地方，分别是PREROUTING、INPUT、OUTPUT、FORWARD、POSTROUTING，称为钩子函数，ipt
2017-05-04 10:04:06
4072
原创 PPTP源码流程分析图
PPTP是端对端协议PPP的一种扩展，它采用PPP所提供的身份认证、压缩和加密机制，下面是开源pptpd的源码流程分析图：
2017-04-23 14:19:41
2489
转载 select()函数以及FD_ZERO、FD_SET、FD_CLR、FD_ISSET
select函数用于在非阻塞中，当一个套接字或一组套接字有信号时通知你，系统提供select函数来实现多路复用输入/输出模型，原型,所在的头文件为：#include 和#includeint select(int maxfd,fd_set *rdset,fd_set*wrset,fd_set *exset,struct timeval*timeout); 先对函数中的参数做一个简单的介绍
2017-04-21 15:19:01
475
转载 Linux进程间通信之管道(pipe)
管道(pipe)管道可用于具有亲缘关系进程间的通信，有名管道克服了管道没有名字的限制，因此，除具有管道所具有的功能外，它还允许无亲缘关系进程间的通信；实现机制：管道是由内核管理的一个缓冲区，相当于我们放入内存中的一个纸条。管道的一端连接一个进程的输出。这个进程会向管道中放入信息。管道的另一端连接一个进程的输入，这个进程取出被放入管道的信息。一个缓冲区不需要很大，它被设计成为环形的数
2017-04-21 14:45:53
741
原创 PPTP拨号过程分析
1 PPTP概述 PPTP（Point to Point Tunneling Protocol），即点对点隧道协议。该协议是PPP协议的基础上开发的一种新的增强型安全协议。可以使远程用户拨入ISP、通过直接连接Internet或者其他网络安全地访问企业网。 PPTP实现需要完成2个动作：协商PPTP/GRE隧道和协商建立PPTP虚拟链路，PPTP和FTP类似，是一种多通
2017-04-21 11:25:29
6043
转载 ppp完全理解（二）
点对点协议（PPP）为在点对点连接上传输多协议数据包提供了一个标准方法。ppp 位于数据链路层，是一种为同等单元之间传输数据包这样的简单链路设计的链路层协议。这种链路提供全双工操作，并按照顺序传递数据包。PPP 最初设计是为两个对等节点之间的 IP 流量传输提供一种封装协议。在 TCP-IP 协议集中它是一种用来同步调制连接的数据链路层协议（OSI 模式中的第二层），替代了原来非标准的第二
2016-12-28 15:25:23
3208
转载 ppp完全理解（一）
简介正式介绍前，分析两个名词：ppp、pppd，在调试中，这两个名字经常出现，ppp（Point to PointProtocol）点对点协议，pppd（Point to Point Protocol daemon）点对点协议守护进程。ppp 在内核中， 是ppp协议处理模块，pppd 是一个在应用层中的守护进程，其功能为实现ppp策略性的内容，包括所有鉴权、压缩/解压和加密/解密等扩
2016-12-28 14:52:40
2986
翻译 [Mapbox GL]调整LineString使其适应地图边界
将LineString对象的第一个坐标传递给mapboxgl.LngLatBounds，然后连接extend包含最后一个坐标来获取它的边界 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; wid
2016-12-28 11:01:04
3503
翻译 [Mapbox GL]高亮包含相似数据的特性
鼠标悬停在某个郡上面时，高亮使用相同郡名的其他郡 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .map-overlay { font: 12
2016-12-27 23:38:33
1447
翻译 [Mapbox GL]创建一个可拖拽的点
拖拽一个点到地图上的新位置然后显示它的坐标位置 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .coordinates { backgro
2016-12-27 15:49:42
2058
1
翻译 [Mapbox GL]测量距离
点击地图上的点来创建线条，使用turf.lineDistance测量距离 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .distance-con
2016-12-27 10:52:12
5945
翻译 [Mapbox GL]高亮有限区域特性
使用queryRenderedFeatures，按住shift并拖拽地图查询特性 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .boxdraw
2016-12-27 09:48:00
2993
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人