- 博客(20)
- 收藏
- 关注
RSS订阅原创 react-flux
Flux使用流程要想使用FLux架构思维，需要通过一个工具进行使用， 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录，里面新建index.jsstore有两个功能存储数据当数据发生改变时，视图要进行更新 （ 当前组件中的state发生了改变，从新从store中获取数据，要想重新复制，那么要通过事件的发布，订阅 ） ...
2019-06-21 10:11:34
188
原创 react数据的形式属性，状态
组件的数据挂载方式（属性，状态）属性(props)（数据不经常改动）props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为...
2019-06-17 21:26:53
414
原创 React-事件处理
事件处理绑定事件采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)class App extends Component { render() { return...
2019-06-13 20:16:46
194
原创 React组件样式
React函数式组件函数式组件 （ 无状态 组件 ） PureComponent函数式组件是一个纯函数，函数中接收一个参数叫做props,单是单纯的返回一段jsx这个组件中不书写逻辑（ 比如事件 ）React 函数式组件的写法jsx要求根元素唯一import React from 'react'//必须引入import './index.css'function Home ...
2019-06-12 22:49:10
772
原创 js原型及原型链
原型：1.首先：原型是一个对象也是一个属性2.函数才有一个prototype属性，里面放置公有的或者共有的属性和方法，原型里面的this指向实例的。3.原型对象就是 Animal.prototypeconstructor原型对象有一个默认属性：constructor（构造函数属性），这个属性（是一个指针）指向 prototype 属性所在的构造函数（Animal）proto每...
2019-05-31 11:37:48
104
原创 Vue组件通信
组件通信 – 单项数据流父子组件通信：父组件将自己的数据传递给子组件1.父组件将自己的数据通过属性绑定的形式传递给子组件 <Son :aa = "money"></Son>2.子组件在自己的配置项中通过 props 来接收这个属性Vue.component('Son',{ template: '#son', // props: ['aa...
2019-05-29 21:02:27
120
原创 Vue的生命周期
1.生命是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期2.生命周期的分为几个阶段？每个阶段有哪些钩子函数？生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化初始化阶段：有4个钩子函数 ， 触发条件是自动的beforeCreate组件创建前，取不到真实数据和RDOM拿不到1.组件即将创建，进行组件事件和生命周期的...
2019-05-28 22:12:23
106
原创 Vue-组件基础
组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板全局组件的注册：//html部分：<div id="app"> <Hello></Hello><...
2019-05-27 23:26:41
125
原创 vue指令
指令Vue指令组件作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖–>{{ }}指令1. 格式：v-xxx = "mustache语法"v-xxx = "msg"...
2019-05-26 21:07:03
700
原创 anxios和fetch数据请求
anxios使用别人封装好的第三方库：目前最流行的，使用率最高的是 axiosaxios得到的结果会进行一层封装，而fetch会直接得到结果axios {data: 3, status: 200, statusText: "OK", headers: {…}, config: {…}, …} config: {adapter: ƒ, transformRequest:...
2019-05-25 11:21:00
1568
原创 js冒泡，选择，快速排序
冒泡排序冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。冒泡排序算法的原理如下：比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。va...
2019-05-24 10:30:22
111
原创 vue的双向数据绑定原理
数据驱动/ 双向数据绑定的原理 / 深入响应式的原理Vue中VM改变，那么V也会改变 ， 反之也是一样的， 我们称之为 ‘双向数据绑定’。这个是使用了es5中的一个特性，这个特性叫做 Object.definedPropty( obj, 对象的属性， 配置项)Object.definedPropty配置项：value:属性的值enumerable:是否能枚举，也就是否能在for...
2019-05-22 20:03:24
157
原创 基于Nodejs的mongoose + RMVC + DBS 模块封装
本文，需要有一定MVC的基础文件目录如下：首先：我们需要先创建express框架，需要的插件有mongoose！源代码：在router文件夹下创建login.js文件主要const express = require('express');//引入express模块const router = express.Router();//创建一个路由const loginControll...
2019-05-21 22:56:14
355
原创 Node对文件目录的增删改查
Node 内置模块fs功能：操作文件或是目录文件增：writeFile(路径，内容 , 错误优先的回调)删：unlink(路径， 错误优先的回调)改：appendFile(路径，内容 , 错误优先的回调)查：readFile(路径， 错误优先的回调)案例如下：// 文件的操作var fs = require('fs')//引入fs模块// 增（创建）fs.wri...
2019-05-18 22:33:41
300
原创 gulp的安装与项目上传
gulp的安装与项目上传gulp安装步骤：1.安装全局gulp和局部gulpnpm install -g gulp //安装全局的gulpnpm install gulp --save-dev //(新建目录---安装到项目目录下安装局部gulp)2.安装下载node_moudel模块包npm i3.初始化生成package.json文件npm init -y3.g...
2019-05-18 16:42:49
231
1
原创 Nodejs提供nextTick和setImmediate实现异步流程
Node.js 提供的 nextTick和setImmediatenexTick和setImmediate属于node中process模块中方法process.nextTick()属于idle观察者,setImmediate()属于check观察者.在每一轮循环检查中,idle观察者先于I/O观察者,I/O观察者先于check观察者.idle观察者，也就是事件轮询最先进行的任务I/O观察...
2019-05-16 19:47:37
463
原创 利用第三方async.js实现异步
第三方的async.js1.串行：series2.并行：parallel代码如下：//串行格式：async.series({ 任务名称： 任务值 },function( err, data ) {})//并行格式：async.parallel({ 任务名称： 任务值 },function( err, data ) {})案例如下：var async = require('...
2019-05-16 19:38:55
1386
原创 js异步流程的promise及 Generator函数
1. Promiseconst p1 = new Promise(function(resolve,reject){ resolve('任务一')//成功}).then(function(data){//成功执行then方法将resolve的参数传到data console.log(data)})const p2 = new Promise(function(resolve,...
2019-05-15 22:47:44
292
原创 什么是Node.js？
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外：还有其他的引擎： 单片机、actionscriptNode.js有两大特征事件驱动事件的定义（发布）事件的触发（订阅）非阻塞式 I/O 模型非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务I/O： 磁盘文件操作 / 数据库数据操作...
2019-05-15 11:42:43
124
原创 Node.js将项目部署在静态服务器中，与自定义模块的创建和发布。
Node.js创建一个静态服务器,然后将项目部署在这个服务器中源代码：var http = require( 'http' );var port = 8080 ;var hostname = '127.0.0.1'var path = require( 'path' ) // 磁盘路径处理的模块var fs = require( 'fs' ) // 操作文件、目录的模块v...
2019-05-15 11:20:01
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人