登录注册

  • 组合组件

    使用组件的目的就是通过构建模块化的组件，相互组合组件最后组装成一个复杂的应用。在 React 组件中要包含其他组件作为子组件，只需要把组件当作一个 DOM元素引入就可以了。一个例子：一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 ProfileLink 显示用户链接：import React from 'react';import { render } from 'react-dom';

    欢马劈雪
    组合， 组件， react， 入门教程

  • DOM 操作

    大部分情况下你不需要通过查询 DOM 元素去更新组件的UI，你只要关注设置组件的状态（setState）。但是可能在某些情况下你确实需要直接操作 DOM。首先我们要了解 ReactDOM.render 组件返回的是什么？

    欢马劈雪
    dom， 操作， react， 入门教程

  • 组件生命周期

    一般来说，一个组件类由 extends Component 创建，并且提供一个 render方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。{% include './share/simple-component.md' %}getInitialState初始化 this.state 的值，只在组件装载之前调用一次。

    欢马劈雪
    组件， 生命周期， react， 入门教程

  • 属性扩散

    有时候你需要给组件设置多个属性，你不想一个个写下这些属性，或者有时候你甚至不知道这些属性的名称，这时候 spreadattributes 的功能就很有用了。比如：var props = {};props.foo = x;props.bar = y;var component = <Component {...props} />;props 对象的属性会被设置成 Component 的属性。属性也可以被覆盖：var props = { foo: 'default' };

    欢马劈雪
    属性， 扩散， react， 入门教程

  • 使用 JSX

    利用 JSX 编写 DOM 结构，可以用原生的 HTML 标签，也可以直接像普通标签一样引用 React组件。这两者约定通过大小写来区分，小写的字符串是 HTML 标签，大写开头的变量是 React 组件。使用 HTML 标签：import React from 'react';import { render } from 'react-dom';var myDivElement = <div className="foo" />;render(myDivElement, document.

    欢马劈雪
    使用， jsx， react， 入门教程

  • 开发环境配置

    要搭建一个现代的前端开发环境配套的工具有很多，比如 Grunt / Gulp / Webpack/ Broccoli，都是要解决前端工程化问题，这个主题很大，这里为了使用 React 我们只关注其中的两个点：JSX 支持ES6 支持好消息是业界领先的 ES6 编译工具 Babel 随着作者被 Facebook 招入麾下，已经内置了对 JSX 的支持，我们只需要配置 Babel 一个编译工具就可以了，配合 webpack 非常方便。

    欢马劈雪
    开发环境， 配置， react， 入门教程

  • 配置 Tomcat

    关于Tomcat目前有很多网站使用jsp的程序编写，所以解析jsp的程序就必须要有相关的软件来完成。Tomcat就是用来解析jsp程序的一个软件， Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。

    黑派客
    配置， tomcat， linux， 入门教程

  • shell 脚本

    终于到shell 脚本这章了，在以前笔者卖了好多关子说shell脚本怎么怎么重要，确实shell脚本在linux系统管理员的运维工作中非常非常重要。下面笔者就带你正式进入shell脚本的世界吧。到现在为止，你明白什么是shell脚本吗？如果明白最好了，不明白也没有关系，相信随着学习的深入你就会越来越了解到底什么是shell脚本。首先它是一个脚本，并不能作为正式的编程语言。

    黑派客
    shell， 脚本， linux， 入门教程

  • Linux 磁盘管理

    【查看磁盘或者目录的容量 df 和 du】df 查看已挂载磁盘的总容量、使用容量、剩余容量等，可以不加任何参数，默认是按k为单位显示的df常用参数有 –i -h -k –m等-i 使用inodes 显示结果-h 使用合适的单位显示，例如G-k -m 分别为使用K，M为单位显示简单介绍一下，你看到的相关数据。Filesystem 表示扇区，也就是你划分磁盘时所分的区；

    黑派客
    linux， 磁盘， 管理， 入门教程

  • Linux 系统的远程登录

    首先要说一下，该部分内容对于linux初学者来讲并不是特别重要的，可以先跳过该章节，先学下一章，等学完后再回来看这一章。 Linux 大多应用于服务器，而服务器不可能像 PC 一样放在办公室，它们是放在 IDC 机房的，所以我平时登录 linux 系统都是通过远程登录的。Linux 系统中是通过 ssh 服务实现的远程登录功能。

    黑派客
    linux， 系统， 远程登录， 入门教程

  • Linux 操作系统的安装

    因为笔者一直都是使用 CentOS，所以这次安装系统也是基于CentOS的安装。把光盘插入光驱，设置bios光驱启动。进入光盘的欢迎界面。也可参考Ubuntu 12.04 安装教程详细步骤。其中有两个选项，可以直接按回车，也可以在当前界面下输入 linux text 按回车。前者是图形下安装，可以动鼠标的，后者是纯文字形式的。建议初学者用前者安装。

    黑派客
    linux， 操作系统， 安装， 入门教程

  • 关于 Linux 的历史

    很多关于 linux 的书籍在前面章节中写了一大堆东西来介绍 linux，可惜读者看了好久也没有正式开始进入linux 的世界，这样反而导致了他们对 linux 失去了一些兴趣，而把厚厚的一本书丢掉。Linux 的历史确实有必要让读者了解的，但是不了解也并不会影响你将来的 linux 技术水平。如果你感兴趣的话，那你去网上搜一下吧，一大堆呢足够让你看一天的。

    黑派客
    关于， linux， 历史， 入门教程

  • 第十六章 中国地图

    本章以中国地图为例，介绍地图的制作方法。在数据可视化中，地图是很重要的一部分。很多情况会与地图有关联，如中国各省的人口多少，GDP多少等，都可以和地图联系在一起。地图数据的获取制作地图需要 JSON 文件。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。关于 JSON 的语法格式，可以学习【JSON 浅谈】系列。

    Xebcnor
    六章， 中国地图， d3.js， 入门教程

  • 第十五章 树状图

    树状图，可表示节点之间的包含与被包含关系。数据初始数据先写在一个 JSON 文件中，再用 D3 来读取。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。关于此格式的简介和语法规则，可分别参见两篇文章：JSON 简介和JSON 语法规则。

    Xebcnor
    十五章， 树状， d3.js， 入门教程

  • 第十四章 力导向图

    力导向图（Force-Directed Graph），是绘图的一种算法。在二维或三维空间里配置节点，节点之间用线连接，称为连线。各连线的长度几乎相等，且尽可能不相交。节点和连线都被施加了力的作用，力是根据节点和连线的相对位置计算的。根据力的作用，来计算节点和连线的运动轨迹，并不断降低它们的能量，最终达到一种能量很低的安定状态。力导向图能表示节点之间的多对多的关系。

    Xebcnor
    第十四， 导向， d3.js， 入门教程

  • 第十三章 饼状图的制作

    本章制作一个饼状图。在布局的应用中，最简单的就是饼状图，通过本文你将对布局有一个初步了解。数据有如下数据，需要可视化：var dataset = [ 30 , 10 , 43 , 55 , 13 ];这样的值是不能直接绘图的。例如绘制饼状图的一个部分，需要知道一段弧的起始角度和终止角度，这些值都不存在于数组 dataset 中。因此，需要用到布局，布局的作用就是：计算出适合于作图的数据。

    Xebcnor
    三章， 制作， d3.js， 入门教程

  • 第十二章 布局

    布局，可以理解成 “制作常见图形的函数”，有了它制作各种相对复杂的图表就方便多了。布局是什么布局，英文是 Layout。从字面看，可以想到有“决定什么元素绘制在哪里”的意思。布局是 D3 中一个十分重要的概念。D3 与其它很多可视化工具不同，相对来说较底层，对初学者来说不太方便，但是一旦掌握了，就比其他工具更加得心应手。

    Xebcnor
    十二章， 布局， d3.js， 入门教程

  • 第七章 坐标轴

    坐标轴，是可视化图表中经常出现的一种图形，由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的，需要用其他的元素组合构成。D3 提供了坐标轴的组件，如此在 SVG 画布中绘制坐标轴变得像添加一个普通元素一样简单。

    Xebcnor
    第七章， 坐标轴， d3.js， 入门教程

  • 附录

    修改 root 用户密码按照本文的安装方式, root 用户默认是没有密码的, 重设 root 密码的方式也较多, 这里仅介绍一种较常用的方式。使用 mysqladmin 方式:打开命令提示符界面, 执行命令:mysqladmin -u root -p password 新密码执行后提示输入旧密码完成密码修改, 当旧密码为空时直接按回车键确认即可。

    黑派客
    附录， 21， 分钟， mysql， 入门教程

  • MySQL 中的数据类型

    MySQL 有三大类数据类型, 分别为数字、日期\时间、字符串, 这三大类中又更细致的划分了许多子类型:数字类型整数: tinyint、smallint、mediumint、int、bigint浮点数: float、double、real、decimal日期和时间: date、time、datetime、timestamp、year字符串类型字符串: char、varchar文本: tinytext、text、mediumtext、longtext二进制(可用来存储图片、音乐等): t…

    黑派客
    mysql， 数据类型， 21， 分钟， 入门教程
上一页 下一页

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java