自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React生命周期

React生命周期 React中组件有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁 React生命周期 React 15.x 10个钩子函数 初始化 运行中 销毁 React 16.x 10个钩子函数 初始化 运行中 销毁 错误处理 React 17.x 还没有发布 【 未来版本 】 9个钩子...

2019-10-21 21:32:13 96

原创 React基础二

React基础二 React中css样式 1、组件内部定义 内部定义css有三种方式 第一种:内联样式添加 第二种:组件内部函数定义样式变量 第三种:组件内部定义属性 import React,{ Component,Fragment} from 'react' export default class One extends Component{ styled = { ...

2019-10-19 11:23:44 117

原创 React基础

React基础 安装create-react-app 全局安装create-react-app $ npm install -g create-react-app 如果不想全局安装,可以直接使用npx $ npx create-react-app your-app-name 也可以实现相同的效果 创建一个项目 $ create-react-app your-app 注意命名方式 Creati...

2019-10-18 10:12:07 115

原创 vue全家桶之vuex

vue全家桶之vuex 在vue中各组件的传值有很多种方式,父子间传值,兄弟之间的传值等,在嵌套关系很深的情况下我们还可以用bus总线传值,但是这些都会显得太过复杂 在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新 vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解为在data中的属性,需要共享给其他组件使用...

2019-10-08 20:19:12 173

原创 Vue组件通信

Vue组件通信 在这里主要介绍一下三个方面的通信,其他的更高级的通信在后面介绍 父子组件通信 子父组件通信 非父子组件通信 ref链实现 bus事件总线【 自定义事件 】 父子组件通信 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。 Vue.component('Father',{ ...

2019-09-25 19:07:12 104 2

原创 Vue组件基础(二)

Vue组件基础(二) vue动态组件 在登录注册页面经常可以看到点击手机验证码登录或账号密码登陆的时候都可以很快的更新页面,这个功能用Vue的动态组件可以实现。 设置两个快的组件及vue实例 Vue.component('Userlogin', { template: ` <div> 账号:<input type="text"> ...

2019-09-24 21:23:04 91

原创 Vue组件基础(一)

Vue组件(一) 下面介绍了注册一个Vue组件的完整步骤 Vue组件创建 全局创建 /创建vue组件的步骤 //1、确定一个模板 const Hello = Vue.extend({ template:'<div>你好啊</div>' }) //2、组件注册 Vue中组件的使用方式是类似于标签为了符合H5的规范,那么我们需要将这些类似于标签一样的内容进行注册 ...

2019-09-24 17:22:31 164

原创 Vue数据请求方式

Vue数据请求方式 vue请求方式介绍 vue中有三种请求方式 js原生fet js封装的ajax Vue中axios axios 1、需要在npmjs.com中找到相应介绍并学习,下面有一些基本的介绍 ​ axios是XMLHTTPRequest 对象 ​ axios底层是Node.js的http模块 ​ axios也是Promise ​ ...

2019-09-23 19:00:50 483 1

原创 vue基础操作--指令

vue基础操作–指令 mustache语法的支持性 前端的数据类型可以分为基本类型和引用类型 基本类型:number、string、array、boolean、null、undefined 引用类型:object 那么vue中mustache语法对其他类型的支持性也是很好的。 那么vue中mustache语法对其他类型的支持性也是很好的。以上类型都可以支持 对流程控制(判断、循环)的支持性都是很好...

2019-09-19 20:34:54 111

原创 Vue基础

vue基础 1、前端框架发展历史 前端的发展历程 html html5 [2008.1.12] css css 1.0 1996 css 2.0 1998 css 3.0 2001 EcmaScript 1997年诞生 2015 EcmaScript 2015 es5 2016 EcmaScript 2016 es6 dart语言 vs javascri...

2019-09-19 16:42:38 83

原创 登录注册(monogodb和nodejs完成)

登录注册(monogodb和nodejs完成) 1、用express脚手架搭建项目 首先需要安装脚手架,脚手架工具安装命令 有两种安装方法: 全局安装后使用 - cnpm i express-generator -g - express -e 项目名称 npx直接安装(需要npm版本大于5.2) npx express -e 项目名称 ​ npx的好处:避免全局安装脚手架,减少本地内存...

2019-09-19 16:14:21 230

原创 MongoDB数据库基础操作

MongoDB 数据库概念 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库 常见的数据库 关系型数据库[a1] (sql):Access mySql SqlServer oracle db2等。 数据库----表-----行 什么是关系型数据库? 关系型数据库 以行和列的形式存储数据,以便于用户理解。这一系列的行和列被称为表,一组表组成了数据库。表与表之间的数据记录有关...

2019-09-19 16:13:40 115

原创 express基本操作流程

express express基本操作流程 express作用: 搭建web服务----提供静态服务器 搭建Api服务------提供操作接口 1、进入根目录,并初始化 npm init //项目初始化 npm install express --save //安装express 安装好之后就可以使用了,所有的功能都是使用中间件管理函数 2、应用实例 获取前端的query值并写入文件中 con...

2019-09-19 16:12:30 302

空空如也

空空如也

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

TA关注的人

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