一笑程序猴
一笑程序猴

web前端高级React - React从入门到进阶之初识React

第一部分：React入门

系列文章目录

第一章：React从入门到进阶之初识React
第一章：React从入门到进阶之JSX简介
第三章：React从入门到进阶之元素渲染
第四章：React从入门到进阶之JSX虚拟DOM渲染为真实DOM的原理和步骤
第五章：React从入门到进阶之组件化开发及Props属性传值
第六章：React从入门到进阶之state及组件的生命周期
第七章：React从入门到进阶之React事件处理

文章目录

  • 第一部分：React入门
      • 系列文章目录
      • 一、React是什么？
      • 二、React的特点
      • 三、React的安装及使用
      • 四、项目目录介绍
      • 五、总结

一、React是什么？

React官方给出的解释是：React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。使用React可以将一些简短、独立的代码片段组合成赋值的UI界面，这些代码片段被称为“组件”
简单来说：React就是一个JavaScript库，它可以用来构建UI界面，特点是：声明式、高效、灵活

二、React的特点

上面在概念中其实已经提到React的特点：声明式、高效且灵活，那么它的高效灵活具体体现在哪里呢，下面进行详细说明：

  • 声明式设计：React采用声明范式，可以轻松描述应用
  • 高效：React通过对DOM的模拟（虚拟DOM），最大限度的减小与DOM的交互，也就是说React中有一个虚拟DOM的机制，在操作DOM时一般都是直接操作虚拟DOM来改变真实DOM，从而减少对真实DOM的直接操作，从而提高DOM渲染方面的一些性能
  • 灵活：React可以与已知的库或框架很好的配合使用
  • JXS语法：jsx是JavaScript语法的扩展，React一般都是配合jsx一起使用
  • 组件化：react可以将不同的代码片段组合使用，这些代码片段被称为组件，通过构建组件可以使得代码更容易复用和维护，并能应用在大型项目开发中。
  • 单向响应的数据流：React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

三、React的安装及使用

react的使用有以下三种方式：

  • 从官网下载react库到本地，然后直接引入使用
  • 直接使用CDN地址引入使用
  • 搭建本地开发环境，通过npm安装到本地使用（该方法依赖node环境，需要先安装node）

建议使用第三种方式，在日常项目开发中基本上也都是使用的第三种方式。下面我们来简单介绍一下第一和第二种使用方法，然后重点讲解第三种使用方式

  • 官网下载react库到本地

官方下载地址：https://reactjs.org/
该方式需要引用三个库：

  • react.min.js ：React的核心库
  • react-dom.min.js：提供DOM相关功能的库
  • babel.min.js：将ES6语法转换为ES5的库
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!title>
<script src="react.min.js">script>
<script src="react-dom.min.js">script>
<script src="babel.min.js">script>
head>
<body>
 
<div id="root">div>
<script type="text/babel">
ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);
script>
 
body>
html>
  • 直接使用CDN地址引入

与第一种方式相同：同样需要引入3个库

DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js">script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js">script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js">script>
head>
<body>
 
<div id="root">div>
<script type="text/babel">
ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);
script>
 
body>
html>
  • 通过npm安装使用
  • 首先要确保已经安装了node环境
  • 在国内使用npm速度很慢，建议可以使用淘宝定制的cnpm代替默认的cnpm，这样速度回快很多
  • cnpm配置：
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

这样就可以使用 cnpm install xxx来安装了。

  • 要想在本地搭建react的开发环境，首先我们需要通过cnpm来安装react的脚手架（create-react-app），其实就是用来构建react项目的工具包，通过该脚手架我们无需更多配置就可以快速构建React的开发环境
  • create-react-app自动创建的项目是基于Webpack和ES6的，命令使用如下：
cnpm install -g create-react-app  /*全局安装create-react-app命令*/
create-react-app [project-name] /*项目名称不能是中文*/
cd project-name /*切换的项目目录下*/
npm start /*启动项目， 默认端口是3000*/
  • 在浏览器中打开http://localhost:3000就可以浏览项目了

四、项目目录介绍

通过create-react-app创建的react应用会自动帮我们生成一些默认的目录结构，下面我们来一一介绍：

  • project-name/ ：项目的根目录
    • node_modules：创建项目时自动引入的一些依赖库，这里的文件都是自动生成无需我们手动修改
    • public：存放一些不需要被打包压缩的公共资源及用于展示页面内容的HTML页面
      • index.html 用于展示整个项目内容的html页面，该页面也是自动生成，一般不需要改动，项目中的入口组件（一般是src/index.js）在打包时会被自动引入到该页面中
      • favicon.ico 项目的图标文件
      • manifest.json 这个文件具体是干什么的也不太清楚，尝试改了里面的一些内容发现也没什么变化。官方给出的解释是：当你的web应用被安装到移动设备或桌面时，提供一些元数据。
    • src：这个目录自动生成且不能修改，一般我们在手动写的代码都是放在这个目录下的
      • index.js 这个文件也是必须存在的，这个是项目打包时的入口文件，后续所有的组件的引入都会直接或间接依赖这个文件
      • 其它文件或目录结构在这里可以随便使用或更改
    • package.json：这个是整个项目的配置文件，我们安装的所有依赖库都会在这里体现，包括我们上面通过 npm start启动项目的配置也是在这里配置的
    • README.md 项目的说明文件
    • scripts 脚本文件目录，比如存放启动项目或打包项目的脚本文件
      • start.js 启动项目的脚本文件，比如我们运行 npm start时就会通过配置文件找到该目录下的该文件
      • build.js 打包项目的脚本文件，比如我们运行 npm run build打包时就会通过配置文件找到该目录下的该文件

五、总结

  • 通过本节学习我们了解了什么是react及react的特点
  • react安装和使用的三种方式
  • 重点介绍了react脚手架（create-react-app）的安装，以及通过脚手架来创建react项目
  • 通过脚手架创建的项目目录结构介绍

下一章节我们将会讲解JSX的使用

你可能感兴趣的:(React,WEB前端框架,react,create-react-ap,react安装,react特点,react-dom)

  • 使用Nginx正向代理让内网主机通过外网主机访问互联网 m0_74824496 nginxjava前端
    目录环境概述流程说明在外网服务器上安装部署nginx?安装前准备下载nginx?编译安装nginx开始配置正向代理创建systemd服务单元文件，用于管理Nginx服务的启动、停止和重新加载启动nginx?代理服务器本地验证?内网服务器验证?将代理地址添加到环境变量中直接使用环境概述在企业网络环境中，通常会存在内网与外网的隔离，内网机器无法直接访问外部Internet。而外网机器具有访问互联网的能
  • 【杂记---SQL Server 的默认实例和命名实例的文件位置】 feixianxxx 杂七杂八SQLServer知识点sqlserver数据库引擎服务器c
    SQLServer的默认实例和命名实例的文件位置ps：MSDN摘入安装SQLServer将安装一个或多个单独的实例。无论是默认实例还是命名实例都有自己的一组程序文件和数据文件，同时还有在计算机上的所有SQLServer实例之间共享的一组公共文件。所有SQLServer实例的共享文件：单个计算机上的所有实例使用的公共文件安装在文件夹:/ProgramFiles/MicrosoftSQLServer/
  • 【商城系统技术选型】 启山智软 商城 源码 微信小程序小程序java
    商城系统技术选型是一个复杂但至关重要的过程，它直接关系到商城系统的性能、可扩展性、安全性以及用户体验等多个方面。以下是一些关键的技术选型考虑因素：前端技术选型框架选择：React或Vue.js等流行前端框架是不错的选择，它们具有良好的可组件化和可重用性，且社区资源丰富，有大量的插件和工具可供使用，能提高开发效率和界面的交互性。响应式设计：确保系统能自适应不同设备屏幕，如手机、平板、电脑等，提供一致
  • SCALA学习手册.pdf(JasonSwartz) zxfxghfd scala学习pdf
    书:python33com(<----web)Scala概述：“Scala是‘可扩展语言’（SCAlableLanguage）的缩写，于2003年创建，为JVM平台上的函数式编程以及面向对象编程提供一个高性能开发环境。”值与变量：“值（val）是不可变、有类型的存储单元；变量（var）是可变、有类型的存储单元。”数据类型与转换：“Scala支持多种数据类型，包括Byte、Short、Int、Lon
  • 10款免费开源的CMS建站系统，拿去接活吧！ 兴风键盘侠 建站知识php前端后端开发语言
    以下是10款轻量级免费开源CMS建站系统，支持独立建站私有化部署，并标注是否支持商用，拿去接私活吧：1.WordPress简介：WordPress是开源CMS。支持商用：✅可商用（GPLv2.0许可证）。特点：插件和主题生态。对SEO友好，适合博客、企业网站。2.DedeCMS（织梦CMS）简介：国内流行的内容管理系统。支持商用：⚠️限个人非盈利商用。特点：老牌CMS，丰富的模板资源。适合门户网站
  • 深入了解WAF防火墙及其在中国的发展现状 兴风键盘侠 安全防护网络系统安全安全
    随着网络安全威胁的不断升级，网络应用防护成为企业信息安全的重要组成部分。WAF（WebApplicationFirewall，Web应用防火墙）正是应对这一挑战的关键工具之一。本文将详细介绍WAF防火墙的概念、功能、技术特点，以及其在中国市场的现状与未来发展趋势。一、什么是WAF防火墙？WAF（WebApplicationFirewall，Web应用防火墙）是一种专门保护Web应用的安全设备或服务
  • 深入了解WAF防火墙及其在中国的发展现状 兴风键盘侠 服务器管理网络系统安全安全
    随着网络安全威胁的不断升级，网络应用防护成为企业信息安全的重要组成部分。WAF（WebApplicationFirewall，Web应用防火墙）正是应对这一挑战的关键工具之一。本文将详细介绍WAF防火墙的概念、功能、技术特点，以及其在中国市场的现状与未来发展趋势。一、什么是WAF防火墙？WAF（WebApplicationFirewall，Web应用防火墙）是一种专门保护Web应用的安全设备或服务
  • numpy1.19.4与python3.9版本冲突解决 weixin_47154407
    numpy1.19.4与python3.9版本冲突解决一、问题分析runtimeError:packagefailstopassasanitycheck解决方法如下：解决一：使用python3.9和numpy1.19.4时会发生此错误，卸载numpy1.19.4并安装1.19.3,即可解决此问题使用pipuninstallnumpy再安装numpy1.19.3版本即可，使用如下命令卸载命令：pip
  • 成功解决：ssl报错：pip is configured with locations that require TLS/SSL, however the ssl module in Python i 兰若姐姐 安装教程报错解决工具使用专栏sslpippython
    1、下载安装openssl#执行下载命令sudowgetwgethttps://www.openssl.org/source/openssl-3.0.7.tar.gz#解压tar-zxvfopenssl-3.0.7
  • pythonnumpy库离线安装_linux Python2.7 离线安装pip、numpy、scipy、sklearn等 weixin_39974932
    服务器是离线的，只能离线安装安装pip1.先安装setuptools下载地址：https://pypi.python.org/pypi/setuptools#downloads将下载后的文件解压，进入到解压后的文件所在的目录执行命令：pythonsetup.pyinstall2安装pip下载地址：https://pypi.python.org/pypi/pip#downloads将下载后的文件解压
  • python3.9安装numpy+mky_windows下python 3.9 Numpy scipy和matlabplot的安装教程详解 Madmoiselle.may
    学习python过程中想使用python的matlabplot绘图功能，遇到了一大批问题，然后一路过关斩将，最终安装成功，实为不易，发帖留念。1首先打开cmdwin+r2pip安装pip3install--usernumpyscipymatplotlib–user选项可以设置只安装在当前的用户下，而不是写入到系统目录。默认情况使用国外线路，国外太慢，我们使用清华的镜像就可以:pip3install
  • HTTP 状态码全知道 计算机毕设定制辅导-无忧学长 #HTTPhttp网络协议网络
    一、HTTP状态码为何如此重要？在Web开发的世界里，HTTP状态码就像是服务器与客户端之间的“秘密语言”。当你在浏览器地址栏输入网址按下回车键，或是点击网页上的链接、提交表单数据，浏览器都会向Web服务器发送HTTP请求，而服务器处理完请求后，会返回一个包含状态码的响应消息。这个三位数字的状态码，虽然简短，却蕴含着丰富的信息，它清晰地反映了服务器对请求的处理结果，是服务器与客户端沟通的关键一环。
  • ssm+java计算机毕业设计智能家居系统c82b7（程序+lw+源码+远程部署) 秋名计算机毕设程序源码 java课程设计智能家居
    项目运行项目含有源码(见文末)、文档、程序、数据库、配套开发软件、软件安装教程环境配置：Jdk1.8+Tomcat7.0+Mysql+HBuilderX（Webstorm也行）+Eclispe（IntelliJIDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：SSM+mybatis+Maven+JSP等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是jav
  • spring boot 服务使用过程常见bug 解决 寅灯 springboot相关springboot
    springboot服务使用过程常见bug今天开始持续汇总：1、【Springboot端口号占用】Webserverfailedtostart.Portxxxxxwasalreadyinuse.检查此端口号：tasklist|findstr"50010"netstat-ano|findstr"50010"cmd命令查看端口号占用情况，例如查看端口50010，可以看出进程号为1572；cmd中通过命
  • 【RabbitMQ】超详细Windows系统下RabbitMQ的安装配置 m0_74823963 rabbitmqwindows分布式
    RabbitMQ是一个开源的消息队列中间件，广泛用于分布式系统中的异步消息传递。它支持多种消息协议，易于扩展，功能强大。本文将详细介绍如何在Windows系统下安装和配置RabbitMQ，包括所需的依赖项、安装步骤、基本配置和常见问题解决方案。目录什么是RabbitMQ？安装前的准备2.1系统要求2.2安装ErlangRabbitMQ的安装步骤3.1下载RabbitMQ3.2安装RabbitMQ配
  • Spring Boot 实战篇（四）：实现用户登录与注册功能 m0_74824054 springbootjava后端
    目录SpringBoot实战篇（四）：实现用户登录与注册功能一、用户注册功能（一）前端页面设计（简要提及）（二）后端实现二、用户登录功能（一）前端页面设计（简要提及）（二）后端实现在构建Web应用程序时，用户登录与注册功能是常见且重要的部分。以下将详细介绍在SpringBoot项目中实现用户登录与注册功能的步骤，并附上相应的代码示例。一、用户注册功能（一）前端页面设计（简要提及）创建注册页面使用H
  • 舵机SG90详解
    舵机，也叫伺服电机，在嵌入式开发中，舵机作为一种常见的运动控制组件，具有广泛的应用。其中，SG90舵机以其高效、稳定的性能特点，成为了许多工程师和爱好者的首选，无论是航模、云台、机器人、智能小车中都有它的身影。本文将深入探讨SG90舵机的技术规格、工作原理和使用方法，为您展现SG90舵机的功能和无限可能。1.源码下载及前置阅读本文首发良许嵌入式网：https://www.lxlinux.net/e
  • OpenStack认证服务（Keystone）详细解读 D3Zane OpenStackopenstack服务器运维
    文章目录前言一、项目陈述二、Keystone的基本名词概念三、相关概念关系解释三、Keystone的组件架构四、Keystone认证的基本步骤总结前言OpenStack云计算平台的组件有很多，该先安装哪个组件呢？为什么要先安装它？一、项目陈述由于OpenStack云计算平台是由众多组件构成的一套复杂系统，哪些组件被允许连入系统、进入系统后允许使用其他哪些组件功能，都需要一个认证单元去判断和决定。K
  • 搭建一个基于Spring Boot的校园台球厅人员与设备管理系统 鹿屿二向箔 springboot后端java
    搭建一个基于SpringBoot的校园台球厅人员与设备管理系统可以涵盖多个功能模块，例如用户管理、设备管理、预约管理、计费管理等。以下是一个简化的步骤指南，帮助你快速搭建一个基础的系统。—1.项目初始化使用SpringInitializr生成一个SpringBoot项目：访问SpringInitializr。选择以下依赖：SpringWeb（用于构建RESTfulAPI或MVC应用）SpringD
  • 程序员必须掌握的消息中间件-RabbitMQ 后端
    一、Rabbit概述RabbitMQ是一个开源的消息代理和队列服务器，用来通过普通协议在完全不同的应用中间共享数据，RabbitMQ是使用Erlang语言来编写的，并且RabbitMQ是基于AMQP协议的。特点：开源、性能优秀Erlang语言最初用在交换机的架构模式，这样使得RabbitMQ在Broker之间进行数据交互的性能时非常优秀的。Erlang的优点：Erlang有着和原生Socket一样
  • 25K! Micro-终端文本编辑器 文本编辑器
    Micro-终端文本编辑器Micro是一个现代化的、用Go语言编写的终端文本编辑器。它旨在成为一个易于使用且功能丰富的Nano替代品，同时保持轻量级和高效性。各位Vim大师们可以尝试下Micro，个人观点：还是Vim强点，但是Micro比Nano强。主要特点简单直观的界面：易于安装（单单一个二进制文件）和上手，适合命令行小白用户。语法高亮和主题方案：支持超过130种语言，并有7种默认配色方案可供选
  • 【软考速通笔记】系统架构设计师⑬——云原生架构设计理论与实践 小康师兄 系统架构设计师笔记系统架构云原生软考分布式容器微服务
    文章目录一、前言二、云原生架构基础知识2.1定义2.2特点2.3原则三、云原生架构模式3.1服务化架构模式3.2Mesh化架构模式3.3Serverless模式3.4存储计算分离模式3.5分布式事务模式3.6可观测模式3.7事件驱动架构3.8反云原生模式四、云原生技术4.1容器技术4.2容器编排技术4.3微服务4.4无服务器技术4.5服务网格五、其他一、前言笔记目录大纲请查阅：【软考速通笔记】系统
  • Vue.js结合ASP.NET Core构建用户登录与权限验证系统 眸笑丶 Vuec#npmvue.js
    1.环境准备2.创建项目3.Vue配置步骤一:安装包步骤二:配置文件步骤三:页面文件4.后台配置在本教程中，我将利用VisualStudio2022的强大集成开发环境，结合Vue.js前端框架和ASP.NETCore后端框架，从头开始创建一个具备用户登录与权限验证功能的Web应用程序。我们将充分利用VisualStudio的内置工具和模板来简化开发流程。1.环境准备VisualStudio2022
  • mysql学习笔记(八):分页查询 代码魔法师Sunny MySQLmysql学习笔记
    应用场景：当要显示的数据，一页显示不全，需要分页提交sql请求语法：select查询列表from表【jointypejoin表2on连接条件where筛选条件groupby分组字段having分组后的筛选orderby排序的字段】limit【offset,】size;offset要显示条目的起始索引（起始索引从0开始）size要显示的条目个数特点：①limit语句放在查询语句的最后②公式要显示的页
  • python 安装scipy Half0pen linuxmachinelearning
    之前安装pybrain,fann2要用到scipy,numpy但是用pip并没有安装成功sudoapt-getinstallpython-numpypython-scipypython-matplotlib安装成功==
  • 项目管理工具 project 替代：2024年8大主流选择
    文章将介绍以下8款项目管理工具：1.Worktile；2.PingCode；3.云之家；4.奕锐斯；5.奥博思；6.Monday.com；7.Asana；8.Basecamp。本文整理了2024年8大主流项目管理工具，将详细介绍这些工具的特点以及它们为何能成为市场的热门选择，帮企业找到最符合需求的项目管理工具，轻松掌控项目进度，提升团队协作和产出。一、2024年8大主流项目管理工具1.Workti
  • Node与Java后台对比 旭氏美术馆 Nodejs服务端并发编程多线程node.jsjava
    高并发场景下的对比：nodejs具有单线程、非阻塞IO、事件循环/驱动的特点，所以在高并发场景下，线程占用cup处理资源，cup不用等待IO的处理过程，而是不停的的发起异步请求，在异步处理结束后继续下一步异步任务。所以不会出现线程阻塞。如图1所示。优势：cpu利用率较高，因为cpu不用等待IO，而时一直在发起异步请求。不足：单个线程崩溃后，所以任务都无法进行，而多线程并发场景下，某个线程崩溃，不影
  • 【Python学习】科学计算工具包SciPy-安装配置 墨夶 Python学习资料python学习scipy
    SciPy安装与配置指南SciPy是一个基于Python的科学计算库，广泛应用于数学、科学和工程领域。它建立在NumPy库的基础上，提供了丰富的数学和科学计算工具。本文将详细介绍如何在不同环境下安装和配置SciPy。1.前提条件在安装SciPy之前，确保你的系统已经安装了Python和pip。你可以通过以下命令检查Python是否已经安装：python--version如果输出类似于Python3
  • 优雅解决webview_flutter不支持安卓选择图片视频文件问题 GeniuswongAir flutterandroid
    这个问题，网上一搜索，就是要去修改别人写好的插件。搞Flutter开发，尽量不要去修改别人的插件，特别是像webview_flutter这种比较大的官方插件。相信我，你拿捏不了它。主要问题就是：webview_flutter在安卓上加载H5，如果需要上传图片、视频、文件，就点击没反应。解决办法：不要去修改webview_flutter_android插件，这非常得不优雅。直接在Flutter端，我
  • 【架构-38】如何选择通信协议和数据格式 W Y 架构websocketrestfulxmljsontcp/ip
    一、通信协议选择不同的协议适用于不同的应用场景，关键在于数据传输的需求，如：实时性、带宽、可靠性等。下面是几种常见通信协议的适用场景：WebSocket适用场景：实时、双向数据传输、低延迟、持久连接特点：WebSocket协议允许建立一个持久的全双工（双向）连接，数据可以在客户端和服务器之间实时双向传输。它特别适合用于实时系统，如工业仿真软件中的状态更新、机器人路径跟踪、实时数据流、传感器数据和A
  • 对于规范和实现，你会混淆吗？ yangshangchuan HotSpot
    昨晚和朋友聊天，喝了点咖啡，由于我经常喝茶，很长时间没喝咖啡了，所以失眠了，于是起床读JVM规范，读完后在朋友圈发了一条信息： JVM Run-Time Data Areas：The Java Virtual Machine defines various run-time data areas that are used during execution of a program. So
  • android 网络 百合不是茶 网络
    android的网络编程和java的一样没什么好分析的都是一些死的照着写就可以了,所以记录下来  方便查找   ,  服务器使用的是TomCat   服务器代码;  servlet的使用需要在xml中注册 package servlet; import java.io.IOException; import java.util.Arr
  • [读书笔记]读法拉第传 comsci 读书笔记
          1831年的时候,一年可以赚到1000英镑的人..应该很少的...       要成为一个科学家,没有足够的资金支持,很多实验都无法完成       但是当钱赚够了以后....就不能够一直在商业和市场中徘徊......
  • 随机数的产生 沐刃青蛟 随机数
    c++中阐述随机数的方法有两种：   一是产生假随机数（不管操作多少次，所产生的数都不会改变）          这类随机数是使用了默认的种子值产生的，所以每次都是一样的。   //默认种子 for (int i = 0; i < 5; i++) { cout<<
  • PHP检测函数所在的文件名 IT独行者 PHP函数
    很简单的功能，用到PHP中的反射机制，具体使用的是ReflectionFunction类，可以获取指定函数所在PHP脚本中的具体位置。 创建引用脚本。 代码：   [php]   view plain copy // Filename: functions.php    <?php&nbs
  • 银行各系统功能简介 文强chu 金融
    银行各系统功能简介 　 业务系统 核心业务系统 业务功能包括：总账管理、卡系统管理、客户信息管理、额度控管、存款、贷款、资金业务、国际结算、支付结算、对外接口等 清分清算系统 以清算日期为准，将账务类交易、非账务类交易的手续费、代理费、网络服务费等相关费用，按费用类型计算应收、应付金额，经过清算人员确认后上送核心系统完成结算的过程 国际结算系
  • Python学习1(pip django 安装以及第一个project) 小桔子 pythondjangopip
        最近开始学习python,要安装个pip的工具。听说这个工具很强大，安装了它，在安装第三方工具的话so easy!然后也下载了，按照别人给的教程开始安装，奶奶的怎么也安装不上！ 第一步：官方下载pip-1.5.6.tar.gz, https://pypi.python.org/pypi/pip easy! 第二部：解压这个压缩文件，会看到一个setup.p
  • php 数组 aichenglong PHP排序数组循环多维数组
    1 php中的创建数组 $product = array('tires','oil','spark');//array()实际上是语言结构而不  是函数 2 如果需要创建一个升序的排列的数字保存在一个数组中，可以使用range()函数来自动创建数组 $numbers=range(1,10)//1 2 3 4 5 6 7 8 9 10 $numbers=range(1,10,
  • 安装python2.7 AILIKES python
    安装python2.7 1、下载可从 http://www.python.org/进行下载#wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz 2、复制解压 #mkdir -p /opt/usr/python #cp  /opt/soft/Python-2
  • java异常的处理探讨 百合不是茶 JAVA异常
    //java异常  /* 1，了解java 中的异常处理机制，有三种操作 a,声明异常  b,抛出异常  c,捕获异常 2，学会使用try-catch-finally来处理异常 3，学会如何声明异常和抛出异常 4，学会创建自己的异常   */   //2，学会使用try-catch-finally来处理异常  
  • getElementsByName实例 bijian1013 element
    实例1： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x
  • 探索JUnit4扩展：Runner bijian1013 java单元测试JUnit
            参加敏捷培训时，教练提到Junit4的Runner和Rule，于是特上网查一下，发现很多都讲的太理论，或者是举的例子实在是太牵强。多搜索了几下，搜索到两篇我觉得写的非常好的文章。         文章地址：http://www.blogjava.net/jiangshachina/archive/20
  • [MongoDB学习笔记二]MongoDB副本集 bit1129 mongodb
    1. 副本集的特性   1)一台主服务器(Primary),多台从服务器(Secondary)   2)Primary挂了之后，从服务器自动完成从它们之中选举一台服务器作为主服务器，继续工作，这就解决了单点故障，因此，在这种情况下，MongoDB集群能够继续工作   3)挂了的主服务器恢复到集群中只能以Secondary服务器的角色加入进来   2
  • 【Spark八十一】Hive in the spark assembly bit1129 assembly
    Spark SQL supports most commonly used features of HiveQL. However, different HiveQL statements are executed in different manners: 1. DDL statements (e.g. CREATE TABLE, DROP TABLE, etc.)
  • Nginx问题定位之监控进程异常退出 ronin47
    nginx在运行过程中是否稳定，是否有异常退出过？这里总结几项平时会用到的小技巧。 1. 在error.log中查看是否有signal项，如果有，看看signal是多少。 比如，这是一个异常退出的情况： $grep signal error.log 2012/12/24 16:39:56 [alert] 13661#0: worker process 13666 exited on s
  • No grammar constraints (DTD or XML schema).....两种解决方法 byalias xml
    方法一：常用方法   关闭XML验证 工具栏：windows => preferences => xml => xml files => validation => Indicate when no grammar is specified:选择Ignore即可。 方法二：（个人推荐） 添加 内容如下 <?xml version=
  • Netty源码学习-DefaultChannelPipeline bylijinnan netty
    package com.ljn.channel; /** * ChannelPipeline采用的是Intercepting Filter 模式 * 但由于用到两个双向链表和内部类，这个模式看起来不是那么明显，需要仔细查看调用过程才发现 * * 下面对ChannelPipeline作一个模拟，只模拟关键代码： */ public class Pipeline {
  • MYSQL数据库常用备份及恢复语句 chicony mysql
    备份MySQL数据库的命令，可以加选不同的参数选项来实现不同格式的要求。 mysqldump -h主机 -u用户名 -p密码 数据库名 > 文件 备份MySQL数据库为带删除表的格式，能够让该备份覆盖已有数据库而不需要手动删除原有数据库。 mysqldump -–add-drop-table -uusername -ppassword databasename > ba
  • 小白谈谈云计算--基于Google三大论文 CrazyMizzz Google云计算GFS
        之前在没有接触到云计算之前，只是对云计算有一点点模糊的概念，觉得这是一个很高大上的东西，似乎离我们大一的还很远。后来有机会上了一节云计算的普及课程吧，并且在之前的一周里拜读了谷歌三大论文。不敢说理解，至少囫囵吞枣啃下了一大堆看不明白的理论。现在就简单聊聊我对于云计算的了解。     我先说说GFS   &n
  • hadoop 平衡空间设置方法 daizj hadoopbalancer
    在hdfs-site.xml中增加设置balance的带宽，默认只有1M： <property>   <name>dfs.balance.bandwidthPerSec</name>     <value>10485760</value>     <description&g
  • Eclipse程序员要掌握的常用快捷键 dcj3sjt126com 编程
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。 曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可以那么勤奋，每天都孜孜不倦得
  • Android学习之路 dcj3sjt126com Android学习
    转自：http://blog.csdn.net/ryantang03/article/details/6901459 以前有J2EE基础，接触JAVA也有两三年的时间了，上手Android并不困难，思维上稍微转变一下就可以很快适应。以前做的都是WEB项目，现今体验移动终端项目，让我越来越觉得移动互联网应用是未来的主宰。 下面说说我学习Android的感受，我学Android首先是看MARS的视
  • java 遍历Map的四种方法 eksliang javaHashMapjava 遍历Map的四种方法
    转载请出自出处： http://eksliang.iteye.com/blog/2059996 package com.ickes; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Map.Entry; /** * 遍历Map的四种方式
  • 【精典】数据库相关相关 gengzg 数据库
    package C3P0; import java.sql.Connection; import java.sql.SQLException; import java.beans.PropertyVetoException; import com.mchange.v2.c3p0.ComboPooledDataSource; public class DBPool{
  • 自动补全 huyana_town 自动补全
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
  • jquery在线预览PDF文件，打开PDF文件 天梯梦 jquery
    最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。   核心代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
  • ViewPager刷新单个页面的方法 lovelease androidviewpagertag刷新
      使用ViewPager做滑动切换图片的效果时，如果图片是从网络下载的，那么再子线程中下载完图片时我们会使用handler通知UI线程，然后UI线程就可以调用mViewPager.getAdapter().notifyDataSetChanged()进行页面的刷新，但是viewpager不同于listview，你会发现单纯的调用notifyDataSetChanged()并不能刷新页面
  • 利用按位取反（~）从复合枚举值里清除枚举值 草料场 enum
    以 C# 中的 System.Drawing.FontStyle 为例。   如果需要同时有多种效果， 如：“粗体”和“下划线”的效果，可以用按位或（|） FontStyle style = FontStyle.Bold | FontStyle.Underline;   如果需要去除 style 里的某一种效果，
  • Linux系统新手学习的11点建议 刘星宇 编程工作linux脚本
    　　随着Linux应用的扩展许多朋友开始接触Linux，根据学习Windwos的经验往往有一些茫然的感觉：不知从何处开始学起。这里介绍学习Linux的一些建议。 　　一、从基础开始：常常有些朋友在Linux论坛问一些问题，不过，其中大多数的问题都是很基础的。例如：为什么我使用一个命令的时候，系统告诉我找不到该目录，我要如何限制使用者的权限等问题，这些问题其实都不是很难的，只要了解了 Linu
  • hibernate dao层应用之HibernateDaoSupport二次封装 wangzhezichuan DAOHibernate
    /** * <p>方法描述:sql语句查询 返回List<Class> </p> * <p>方法备注: Class 只能是自定义类 </p> * @param calzz * @param sql * @return * <p>创建人：王川</p> * <p>创建时间：Jul
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他