自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 React——redux

REDUX redux 开源时间: 2015年 redux可以说是flux + 函数式编程的一个结合体 说明 市场上用的就是redux 要求 熟练掌握redux的组成部分 熟练掌握redux的工作流程 可以使用redux进行项目开发 熟练掌握redux中间件 熟练掌握redux数据分...

2019-11-18 21:58:08

阅读数 7

评论数 0

原创 React——flux

FLUX 1. 说明 开源时间: 2013年 Flux它是一种架构思维,和MVC是同一个级别的 要求: 了解并会使用Flux实现计数案例 了解Flux组成部分,以及每一部分的租用 了解Flux的工作流程 说明:大家现在不使用了 2. flux组成部分 store 存储管理数据 更新视...

2019-11-18 21:56:18

阅读数 11

评论数 0

原创 React——动画&高阶组件

React动画 React动画文档地址 实现:react-transition-group + animate.css 安装以上两个包 import React, { Component } from 'react' import {CSSTransition} from &#...

2019-11-18 21:49:36

阅读数 12

评论数 0

原创 React生命周期

初始化阶段 constructor static getDerivedStateFromProps() ---- 将来会使用 componentWillMount() / UNSAFE_componentWillMount() 带有UNSAFE属于过时的钩子函数 co...

2019-11-18 21:45:56

阅读数 7

评论数 0

原创 React 配置文件——反向代理、路径别名

反向代理 在src文件夹下创建 setupProxy.js 文件,此文件不允许为空 安装第三方包 $ yarn add http-proxy-middleware 填写内容 const proxy = require( 'http-proxy-middleware'...

2019-11-08 20:18:11

阅读数 29

评论数 0

原创 React渲染、事件、组件通信

目录React渲染React事件不接收参数接收参数组件通信1. 父子组件通信2. 子父组件通信3. 非父子组件通信4. 跨组件通信 React渲染 条件渲染 import React, { Component, Fragment } from 'react'; expo...

2019-11-07 20:44:25

阅读数 22

评论数 0

原创 React基础

脚手架快速构建项目 全局安装create-react-app $ npm install -g create-react-app $ create-react-app your-app 注意命名方式 如果不想全局安装,可以直接使用npx $ npx create-react-app your-a...

2019-11-06 20:45:53

阅读数 14

评论数 0

原创 Vue组件注册以及组件的通信

目录组件的由来和介绍组件的注册全局注册局部注册常规写法组件注册的其它要点组件的is使用规则组件的data选项组件的嵌套写法组件的通信1. 父子组件通信2.子父组件通信3.非父子组件通信1. 通过ref绑定2. 通过bus事件总线 组件的由来和介绍 概念:组件是一个html 、 css 、js ...

2019-10-26 15:28:17

阅读数 15

评论数 0

原创 Vue全局API、选项、内置组件

目录全局APIVue.directive( 指令名称, 指令的配置选项 ) 自定义指令Vue.filter( id, [definition] ) 过滤器全局过滤局部过滤Vue.component( id, [definition] ) 组件注册Vue.mixin( mixin ) 混入全局混入 ...

2019-10-26 15:05:33

阅读数 17

评论数 0

原创 Vue数据请求——axios&fetch

目录1. 前端模拟数据形式2. axios数据请求axios 第三方封装库axios拦截器3. fetch请求数据语法get请求post请求4. 总结:axios vs fetch 1. 前端模拟数据形式 mock.js生成 创建mock 目录 $ npm init -y $ npm i ...

2019-10-26 14:32:58

阅读数 28

评论数 0

原创 Vue基础语法和指令

目录mustache语法Vue指令{{ }}v-modelv-htmlv-textv-show条件渲染v-bindv-forv-on自定义事件v-prev-once自定义指令事件修饰符 mustache语法 内容里,加{{ }} ,例如:{{ msg }} DOM属性里,不加{{ }},可以直...

2019-10-26 11:43:28

阅读数 33

评论数 0

原创 Vue基础理解及深入响应式原理

初步认识vue vue版本 vue 1.0 2014年 vue 2.0 2016年 vue 3.0【 试用版 】 2019年国庆 vue源代码 【 思维 】 当我们通过script引入vue.js后,就会全局注册一个Vue变量,它是一个构造函数 匿名函数 (functi...

2019-10-26 11:04:07

阅读数 52

评论数 0

原创 Vue生命周期

为什么要有生命周期? Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能,方便我们更好的去控制组件。 生命周期图示 Vue的生命周期分为三个阶段,8个钩子函数 第一阶段:初始化阶段 公共特征 a. 组件一旦创建,自动执行 b. 执行一次 各自的特点 / 功能 beforeCreat...

2019-10-26 09:50:11

阅读数 17

评论数 0

原创 cli项目编写

yarn 安装和配置 安装: $ npm i yarn -g 配置国内镜像源: $ yarn config set registry https://registry.npm.taobao.org 启动项目命令: $ yarn serve 单文件组件 文件的创建 xxx.vue 有文件夹 ...

2019-10-25 21:39:11

阅读数 25

评论数 0

原创 cli基础

安装 $ npm i @vue/cli @vue/cli-init -g @vue/cli 为cli3 @vue/cli-init 为既可以使用cli2又可以使用cli3的调试工具 创建项目 1.创建cli3项目 $ vue create app_name 2.使用网页创建cli3项目 $ v...

2019-10-24 21:38:46

阅读数 18

评论数 0

原创 Vue基础五——组件二

动态组件 可以通过component绑定不同的组件名称来动态展示不同组件。 <component is="组件名"></component> <component :is="val"></compone...

2019-10-24 20:51:19

阅读数 19

评论数 0

原创 Vue基础五学习笔记——组件

组件 组件的由来 概念:组件是一个html 、 css 、js 、img 等的一个聚合体 作用 为了将来项目维护、更新简单 解决多人协作冲突问题 复用 Vue中的组件属于扩展性功能 组件中的options 大体上 和 Vue中的options是一致上 因此组件的options中也有...

2019-10-23 19:57:06

阅读数 34

评论数 0

原创 Vue基础四学习笔记

fetch请求数据 语法 fetch( url, config ).then().then().catch() 第一个then是为数据格式化 可以格式化的数据类型有: json text blob[ 二进制 ] 第二个then才是得到的数据 get请求 get() { fet...

2019-10-23 11:36:52

阅读数 11

评论数 0

原创 Vue基础三学习笔记

Vue指令 v-on 事件处理器 事件修饰符 事件修饰符是用来修饰事件的,它的作用是更加便捷的来使用一些重复的代码,比如阻止事件冒泡:@click.stop()="fnName’ .stop() 阻止事件冒泡 .prevent() 阻止默认行为 .capture 在捕获模式下添加事...

2019-10-21 22:03:05

阅读数 11

评论数 0

原创 Vue基础二学习笔记

Vue基础二学习笔记 面试题/理解: 如何理解Vue深入响应式原理? 注: 数据驱动原理 <=> 双向数据绑定原理 <=> 深入响应式原理 答: Vue是通过数据劫持和事件的订阅发布来实现的,数据劫持指的是Vue通过observer观察者对象对data选项中...

2019-10-21 11:59:12

阅读数 56

评论数 0

原创 Vue基础一学习笔记

初步认识vue vue版本 vue 1.0 2014年 vue 2.0 2016年 vue 3.0【 试用版 】 2019年国庆 vue源代码 【 思维 】 匿名函数 (function (形参1,形参2) { /* 你的代码 */ })(实参1,实参...

2019-10-18 16:26:11

阅读数 20

评论数 0

原创 MVC模式笔记

MVC模式 导读 随着前端项目的逻辑越来越复杂和难以维护,前端这边引进了后端的架构思想( MV* ) M -------- Model 数据层 V ------- View 视图层 C -------- Controller 控制器 ( 业务逻辑 ) -------...

2019-10-18 11:52:39

阅读数 13

评论数 0

原创 Nodejs+mongodb登录注册案例流程笔记

Nodejs+mongodb登录注册案例流程笔记 注:以下为逆向思维来编写项目 建立两个子文件夹backend(后端)、frontend(前端)。 在frontend中写入前端页面。 在backend中使用express脚手架创建项目结构。 项目创建成功之后,生成四个文件夹,主文件(项目入口...

2019-10-17 19:09:09

阅读数 33

评论数 0

原创 Mongodb数据库操作指令

数据库介绍 数据库功能是用来存储数据的。 数据库分为关系系数据库和非关系型数据库(nosql) 关系型数据库是由表和表之间的关系组成的,nosql是由集合组成的,集合下面是很多的文档。 非关系型数据库文件存储格式为BSON(一种JSON的扩展)。 MongoDB基础使用 1. 基本操作 ...

2019-10-17 17:29:37

阅读数 46

评论数 0

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