自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2017-01-23 00:32:36 6506

原创 巧用border

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

2017-01-10 22:49:39 467

原创 Make interesting things with react!

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

2016-12-26 17:02:28 542

原创 CSS之transition

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

2016-12-20 18:36:32 418

原创 Web存储(localStorage与sessionStorage)

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

2016-12-08 23:37:04 425

原创 querySelector()与querySelectorAll()的区别

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

2016-11-30 22:44:47 22582

原创 JSON

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

2016-11-29 17:21:24 333

原创 常用的节点类型常量

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

2016-11-16 12:00:32 1071

原创 CSS选择器

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

2016-11-15 23:21:00 307

原创 JavaScript获取文档元素

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

2016-11-14 15:23:39 1364

原创 在HTML中引入JavaScript

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

2016-11-03 22:56:33 1339

原创 在HTML中引入CSS

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

2016-10-24 16:47:31 506

原创 flex布局篇(二)

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

2016-10-24 11:14:49 457

原创 flex布局篇(一)

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

2016-10-22 21:06:12 2288

原创 如何欺骗你的用户

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

2016-10-21 01:01:20 882

原创 JavaScript ES6中export及export default的区别

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

2016-10-08 18:42:14 158548 15

原创 React实现聊天机器人

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

2016-09-12 12:29:09 3623

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

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

2016-09-07 17:18:22 11850 1

原创 React实现时钟效果

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

2016-09-03 21:40:28 6893

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

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

2016-09-01 17:07:28 14720

空空如也

空空如也

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

TA关注的人

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