自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React状态管理中fluex使用流程

Flux的使用流程要想使用FLux架构思维,需要通过一个工具进行使用, 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录,里面新建index.jsstore有两个功能存储数据当数据发生改变时,视图要进行更新 ( 当前组件中的state发生了改变,从新从store中获取数据,要想重新复制,那么要通过事件的发布,订阅 ) // st...

2019-06-19 22:41:39 442

原创 React生命周期详解

react生命周期react16版本之前,生命周期分为初始化,运行中,销毁这三个部分,而react16版本之后则分为初始化,运行中,销毁,错误处理四个部分1.初始化组建初始化阶段会执行1.constructor:constructor ( props ) {/*1. 通过super来继承父类身上传递过来的属性,让后当前组件通过this.props接收2. 用来初始化一个状态3. 用来初...

2019-06-17 21:06:26 272

转载 浅析webpack

webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等webpack可以自动解决...

2019-06-15 15:39:32 186

原创 React组件通信

在使用 React 中,经常需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:1.父子组件通信父组件将自己的状态传递给子组件,子组件当做属性来接收,当父组件更改自己状态的时候,子组件接收到的属性就会发生改变父组件利用ref对子组件做标记,通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法…注意:不论父组件传递的是state还是props,子组件都要用props接收...

2019-06-13 22:27:25 236

原创 Vue路由

SPA ( single page App ) 单页面应用多页面应用 有多个html文件,通过a标签的连接联通各个页面 - 缺点 - 开发起来太冗余,编译、压缩很耗时间 - 页面之间的跳转速度太慢单页面应用 - 不需要刷新页面,因为它就是一个页面 - 这个页面内容在切换 - 单页面内容之间的切换要想实现我们就是用路由了 - 如今我们的app主要的开发形式就是spa...

2019-06-02 19:22:20 122

翻译 Vue组件

任务分为非一. 组件通信 – 单项数据流 >9种父子组件通信props接收父子组件通信: 父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件 子组件在自己的配置项中通过 props 来接收这个属性 Vue.component('Son',{ template: '#son', // p...

2019-05-29 22:23:03 115

原创 vue生命周期详解

1. 什么是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数 ?生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate 1 组件即将创建,进行组件事件和生命周期的初始化 ...

2019-05-28 19:35:20 195

翻译 前端开发数据请求

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求 - ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 ) - fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 ) - 使用格式:使用别人封装好的第三方库 目前最流行的,使用率最高的是 axiosvue中我们最常使用的...

2019-05-24 20:41:17 988

翻译 Vue中的mixin,Vdom和watch的介绍

mixin使用它的好处:将 options 中的配置项可以单独抽离出来,单独管理,这样方便维护 使用:新建一个对象用来保存 options 中某一个配置项,比如: methods接下来要将我们创建好的对象混入到我们的 ViewModel 中,我们的混入形式有两种局部混入 【 推荐 】只是在当前 vm 中才有new Vue({ mixins: [ ...

2019-05-24 20:21:26 967

翻译 vue的使用

Vue 指令 组件- 作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM- 以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM- 这个指令需要模板语法的支持,所以我们采用jsx语法糖模板语法模板语法支持性还是很高的,数据类型都是支持的,但是不支持 输出语法 ( console.log aler...

2019-05-23 19:21:16 125

翻译 初识vue

Vue.js第一次使用什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是一个工具查看vue.js的源代码暂时学习使用的是 全局变量 形式jsx( javascript + xml )总结vue.js第一次使用使用script标签引入Vue.js + 实例化全局暴露的变量Vue构造器函数得到一个实例 + 配置Vue构造器函数中的配置项,一个配...

2019-05-22 22:27:41 101

原创 前后端交互

一.php+mysql:设计接口1.熟悉基本语言。2.数组和对象的操作3.创建数据库和表格(navicat/sql命令)4.连接数据库5.对数据库进行增删改查6.生成接口二.ajax1.ajax的概念 :AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。2.ajax的优缺点...

2019-05-21 21:33:54 231

原创 mongoose操作数据库

Mongoose简介:1.1Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装,一种对象模型工具,Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。2.mongoose操作流程:2.1安装mongoose$ cnpm i mongoose -D2.2连接数据库javascript var mongoose = re...

2019-05-21 20:44:34 162

原创 mongo

什么是数据库?数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它产生于距今六十多年前,随着信息技术和市场的发展,特别是二十世纪九十年代以后,数据库技术得到了更加快速的发展,应用得更加广泛。主要用它进行管理各种系统的数据,作为科学研究和决策的重要技术手段。数据库的类别1.关系型数据库 :Access mySql SqlServer oracle db2等。2.非关系型数...

2019-05-20 21:55:38 189

原创 前端异步流程工具

前端异步流程工具 1. Promise √ 2. 2. Generator函数 3. 3. Async函数 √ 4. - 1. async函数式由es6提供的 5. 2. async函数的底层其实就是generator函数 6. 3. async函数需要和关键字 await 搭配使用 ...

2019-05-16 21:16:22 279

原创 Node.js常用

querystring功能:核心方法 :parse 将String – > Objectjavascript var str = 'http://www.baidu.com:8080/001?a=1&b=2#hash=20' var obj = qs.parse( str,'?','&' )-stringify 将Object -> St...

2019-05-15 21:20:02 143

原创 node模块化

Node.js模块模块/包 与Common.jsNode.js使用了Common.js规范Node.js中Common.js规范有三种使用类型:内置模块 path url fs precess - 先引入模块,然后用一个变量保存模块(内置模块在require(模块名称中)) - 使用这个模块上的api( 方法 ) 【常用】path.join path.resol...

2019-05-14 20:39:05 151

空空如也

空空如也

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

TA关注的人

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