从0到0.1:最简单的React项目搭建

教你从零搭建React项目。 自从React火遍大江南北后,相信很多人都在加入到React队伍的路上,但是如何从零开始搭建一个React项目呢?本文将为大家介绍如何快速简单地搭建一个新的React项目。

2017-01-23 00:32:36

阅读数 5568

评论数 0

巧用border

border是border-width、border-style及border-color三个属性的简写形式。 相信对于很多人来说,CSS中的border属性并不陌生,我们经常使用它来设置元素的边框样式,但是,border属性还可以用于制作聊天气泡图标和一些应用图标等。

2017-01-10 22:49:39

阅读数 190

评论数 0

Make interesting things with react!

前一段时间用React实现了一些很好玩的功能,写成博客,与大家一起分享。在这一篇博客里,我将会介绍如何使用React实现小球移动、在与屏幕边缘发生碰撞后弹开的效果。

2016-12-26 17:02:28

阅读数 262

评论数 0

CSS之transition

transition其实是属性`transition-property`、`transition-duration`、`transition-timing-function`以及`transition-delay`的简写,表示元素在两种状态之间的过渡。

2016-12-20 18:36:32

阅读数 225

评论数 0

Web存储(localStorage与sessionStorage)

客户端存储的形式有多种,如cookie、Web数据库、离线Web应用、web存储等,有兴趣的可以自己去了解。其中,Web存储最初是作为HTML5标准的一部分被定义为API形式的,后面有人觉得HTML5实在是太庞大了,就将Web存储逐渐从HTML5中剥离,使之成为了一个独立的标准,该存储标准API包...

2016-12-08 23:37:04

阅读数 283

评论数 0

querySelector()与querySelectorAll()的区别

之前,在JavaScript获取文档元素一文中,我曾介绍了获取文档元素的几种方法,最后一种方法是通过选择器获取文档元素。它的核心思想便是利用`querySelector()`或`querySelectorAll()`方法,进而对文档元素进行获取操作,而这两种方法之间的区别,正是本文要讲述的内容。

2016-11-30 22:44:47

阅读数 18390

评论数 0

JSON

JSON,即JavaScript Object Notation(JavaScript对象表示法),是一种数据的格式,虽然语法和JavaScript极为相似,但是JSON和JavaScript之间并没有从属关系,除了JavaScript,还有很多其它的编程语言也在使用JSON。

2016-11-29 17:21:24

阅读数 175

评论数 0

常用的节点类型常量

每个节点都有一个nodeType属性,用来表明该节点的节点类型,一共存在12种节点类型,分别用12个常量表示,每个常量都存在:字符常量和数值常量两种形式,通常,为了保证浏览器的兼容性,一般使用时都采用数值常量的形式。

2016-11-16 12:00:32

阅读数 631

评论数 0

CSS选择器

众所周知,HTML、CSS、 JavaScript并称为前端三剑客,CSS选择器在其中更是扮演了不可或缺的角色,CSS选择器比较多,在这里会介绍一些比较简单的,后面有时间再将剩下的补充完整。

2016-11-15 23:21:00

阅读数 202

评论数 0

JavaScript获取文档元素

HTML原本只是一个静态的网页,但是JavaScript脚本的出现,使得这个静态的网页变成了一个可以进行交互的Web应用软件。 如果JavaScript脚本中包含操作文档元素的代码,那么JavaScript首先必须要获取到文档元素(即Element对象),主流方法一共有四种。

2016-11-14 15:23:39

阅读数 751

评论数 0

在HTML中引入JavaScript

在HTML中引入JavaScript的方法,标准的一共有四种。

2016-11-03 22:56:33

阅读数 801

评论数 0

在HTML中引入CSS

在HTML中引入CSS的方法一共有四种,分别是行内式、嵌入式、导入式以及链接式,其中前两种书写在HTML中,后两种是从外部引入CSS文件。

2016-10-24 16:47:31

阅读数 255

评论数 0

flex布局篇(二)

如何采用flex布局实现导航栏固定的布局。

2016-10-24 11:14:49

阅读数 319

评论数 0

flex布局篇(一)

flex布局是一种十分强大的布局方式,使用它可以轻松完成绝大部分的网页布局工作,可以说,只要掌握了flex布局,你就可以在布局中游刃有余了。

2016-10-22 21:06:12

阅读数 1943

评论数 0

如何欺骗你的用户

采用flex布局方式,不论flex容器大小如何改变,两个蓝色的flex项目总是处于对角线上。

2016-10-21 01:01:20

阅读数 729

评论数 0

JavaScript ES6中export及export default的区别

在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过`import+(常量 | 函数 | 文件 | 模块)名`的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个...

2016-10-08 18:42:14

阅读数 119763

评论数 11

React实现聊天机器人

用React实现了一个聊天机器人,结合使用fetch工具对网络数据进行读取,这些数据由图灵API提供。

2016-09-12 12:29:09

阅读数 2124

评论数 0

React组件的生命周期及执行顺序

本文全面介绍了React组件的生命周期及执行顺序。

2016-09-07 17:18:22

阅读数 8319

评论数 1

React实现时钟效果

React实现:显示当前时间的小时钟效果。

2016-09-03 21:40:28

阅读数 3065

评论数 0

React实现表单数据的添加与删除

最近在学习React,做了一个简单的Demo,写成博客,用以自勉。Demo功能:在输入框中输入数据后,点击保存按钮,数据将会逐一显示在输入框下方,点击保存后显示的任何一条数据,该数据即可被删除。

2016-09-01 17:07:28

阅读数 9161

评论数 0

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