React15.6.0实现Modal弹层组件

概述 利用React实现一个Modal组件一般是考验一个前端工程师React能力的一个比较典型的例子,本文讲述如何使用React15.6.0版本完成一个Modal弹窗组件。 技术:React15.6.0 运行环境:node^8.0.0 + webpack3 + react15.6.0 + scss Github地址:https://...

Ant Design 3.0 使用案例

技术:react16 + antd3 + webpack3 运行环境:react&16.0, antd^3.0, node^8.0.0 概述 React升级到16版本之后,antd也紧跟着发布了3.0新版本。 AntDesign作为一套UI设计组件,不仅可以缩短前端工程师的开发时间,而且可以让我们在没有UI支持的情况...

NodeJS(⑤)——网络操作

在nodejs(①)中,有一个例子是建立一个服务器的,这里就介绍一下如何建立一个服务器。 首先我们要介绍一下http协议(前面网络协议的文章里面也有介绍) HTTP协议 超文本传输协议(HyperText Transfer Prototcol)HTTP假定其下层协议提供可靠的传输。因此,...

NodeJS(④)——文件系统

文件系统,即fs(file system)模块,是nodejs模块中非常重要的一个模块。javascript无法对文件进行操作,但是nodejs中的fs模块可以。 文件系统主要分成三部分: 1.文件操作 2.文件夹操作 3.流操作 文件操作 文件操作的api如下: fs.readFile(file[,options]...

NodeJS(③)——event模块

event模块 event模块就是事件模块,那么nodejs中为什么需要这样一个模块呢? 因为nodejs是基于javascript语言的,javascript单线程异步的特性导致nodejs也是单线程异步的,因此我们只能通过事件来绑定回调函数。 使用event模块,首先要引入events模块,这...

NodeJS(②)——NodeJS的模块系统与npm

模块系统 在以前的js代码中,我们所有的代码都是运行在同一个作用域,即全局作用于中,没有所谓的模块概念。 在后端中,我们需要将代码分离开,所以这里就需要用到模块的概念了。 前端与后端相比的弊端就在于: 1.没有模块系统 2.没有标准的接口 3.缺乏包...

NodeJS(①)——NodeJS介绍

好吧两个月没更新的我今天开始更新简单的NodeJS的知识了(捂脸),请不要再催了好伐? NodeJS简介 那么首先先来大致了解一下nodejs吧。 首先我们要了解nodejs是基于javascript语言并且运行在服务器端的运行环境。 虽然同样是javascript语言,语法什么的也...

图片动态预加载

在开发移动端的网页的时候,流畅度肯定是非常重要的一点,经常有需求是让我们的网页先开始有一个进度条来表示读取内容的进度,当到达100%之后再显示网页内容,并且由于都已经加载完毕了,我们在浏览的时候会非常流畅。 这里的原理其实非常简单:加载内容...

Web前端的知识之旅哟——Redux入门二(五十五)

Redux入门(二) 一、UI组件和容器组件 其实看到这里之后才发现好像上一篇的简单样例的demo里面的分类是错误的…… Redux将所有的组件分为两大类:UI组件(component)和容器组件(container) UI组件有以下几种特征: 1.只负责UI的呈现,不带有...

Web前端的知识之旅哟——Redux入门(五十四)

一、Redux的设计思想 Redux的设计思想其实很简单,就两句话: 1.Web应用是一个状态机,视图与状态是一一对应的。 2.所有的状态,都保存在一个对象里面。 二、基本概念和API 2.1Store Store是Redux的基础,它是保存数据的容器,整个应用只有一个Store。 Red...

Top