2018年08月_张培跃吧

原创 React如何处理事件

今天我们主要说一下React是如何处理事件的。事件的处理是前端开发过程中非常重要的一部分，通过事件处理，我们可以响应用户的各种操作，从而实现一个富交互的应用。React事件处理VS原生Dom事件处理两者在事件处理方面极其类似，只是在一些语法上稍有不同： * React 事件绑定属性的命名采用驼峰式写法（如：onClick,onKeyUp），而不全是小写字母。 * 如果采用 ...

2018-08-30 08:42:25 822

原创 React之Props，及与state的区别

在之前关于组件的文章当中已经对Props有所涉及！而本篇文章主要是对Props进行更加全面介绍！以及总结props与state的区别！组件内可以通过props来获得属性值，看下面的实例先来回顾一下Props最基本的使用：<!DOCTYPE html><html lang="en"><head> <meta charset=...

2018-08-28 21:52:05 1987

原创 React之状态（State)

在React当中，当你更新组件的state，然后新的state就会重新渲染到页面中。在这个时候不需要你操作任何DOM。你也可以认为组件在React当中是一个状态机（State Machines）。当用户进行操作时会实现不同的状态，然后再渲染到你的页面中，让你的页面与数据始终保持一致。如果对状态不好理解的朋友，你可以认为状态即是数据！现在我们先来通过ES6类React.Compo...

2018-08-26 09:28:43 1556

原创 React之组件

项目开发组件化已经是目前前端主流技术的一个发展方向了。当你在学习一个新的框架时，组件必是其最基础，也是其最重要的一部分。本篇文章主要介绍React当中的组件如何编写！从而达到让我们开发的项目更容易来管理的目的！React组件你可以把它看作是一个带有props属性集合和state状态集合并且构造出一个虚拟DOM结构的对象。创建组件首先我们通过函数来创建一个组件，函数的名...

2018-08-23 17:25:49 237

原创 React之JSX语法

JSX 即Javascript XML，它是对JavaScript 语法扩展。React 使用 JSX 来替代常规的 JavaScript。你也可以认为JSX其实就是JavaScriptJSX的优点：快，执行速度更快，因为它在编译为JavaScript代码后进行了优化。可以使用熟悉的语法仿照HTML来定义虚拟DOM。从而编写模板更加简单快速。使用JSX如果要使...

2018-08-19 18:42:00 786

原创 React之你的第一个React程序

React这么一个设计思想极为独特的框架究竟来自于何处？它来自于Facebook一个内部项目！而Facebook一个如此伟大的公司为何花费精力来写这样一套框架呢？因为该公司对市场上所有JavaScript框架都不满意！牛逼的人自有自逼之处，于是乎该公司就决定自已写一套名字叫React的框架。并于2013年5月开源了！在学习React之前，你需要具备一些最基本的知识：1、HTML...

2018-08-19 16:56:50 770

原创 mongodb入门教程之命令汇总

MongoDB 是由 C++ 语言编写的一个面向文档存储的数据库，操作起来比较简单和容易。MongoDB旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。同时MongoDB也是最适合前端小伙伴学习的一门数据库。本文对mongodb的基本命令进行了汇总，希望对学习mongodb的小伙伴有所帮助！1、挂机命令>mongod --dbpath d:\mongo...

2018-08-11 23:53:21 859

原创 Nodejs模块当中的事件（events）

因为在node当中的大部分功能模块都依赖了events，所以events模块是Nodejs当中非常重要的模块之一。events对外暴露的是一个class即EventEmitter。EventEmitter的作用有两个，分别是对事件的监听与发射。1、实现on和emit自定义一个方法，输出的内容为“我很帅”。通过event当中的on与emit来实现对事件的监听与发射。//引...

2018-08-03 17:11:59 2120 1

张培跃的个人博客