自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 打包工具

什么是WebpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。WebPack和Grunt以及Gulp相比有什么特性其实Webpack和另外两个并没有太多的可比性,Gulp/Grunt是一种能够优...

2019-07-22 21:10:00 120

转载 react 路由系统

react-router 中的三大组件react-router中的组件就是react中的组件,只不过它们被添加了一些特殊的逻辑而已。Router Router相当于一个容器,不会被渲染出来。你的其他组件都要放在Router中才能使用到react-router的功能。根据功能的不同,Router还分为BrowserRouter,MemoryRouter等。Link Link...

2019-07-17 15:06:00 117

转载 对token的理解

什么是tokentoken的意思是“令牌”,是服务端生成的一串字符串,作为客户端进行请求的一个标识。当用户第一次登录后,服务器生成一个token并将此token返回给客户端,以后客户端只需带上这个token前来请求数据即可,无需再次带上用户名和密码。基于token机制的身份认证使用token机制的身份验证方法,在服务器端不需要存储用户的登录记录。大概的流程:客户...

2019-07-13 14:58:00 164

转载 redux和react-redux做简单组件控制

这次我们用两种方式实现以下要求1.三个组件2.第一个组件有两个按钮 分别控制第二和第三个组件年龄和姓名的改变3第二个组件展示姓名,第三个组件展示年龄用到哪些插件store redux一 .新建项目create-react-app 项目名称把不必要的东西删掉 保持项目目录为这样然后全局install 两个插件...

2019-07-11 14:45:00 113

转载 store(转)

Redux如何管理state注册store tree1、Redux通过全局唯一的store对象管理项目中的statevar store = createStore(reducer,initialState);2、可以通过store注册listener,注册的listener会在store tree每次变更后执行store.subscribe(function () {...

2019-07-11 11:51:00 107

转载 react+redux开发详细步骤

create-react-app基础脚手架借助React官方的create-react-app工具,开发人员可以从配置工作中解脱出来,无需过早关注React技术栈,通过创建一个已经完成基本配置的应用,让开发者快速开始React应用的开发:npminstall-gcreate-react-app安装结束后,就可以在终端用create-react-app命令创建工程:c...

2019-07-10 09:14:00 83

转载 rudex 实现流程

大致情况:- 1. 要有个状态:state- 2. 要有个(状态)容器:store- 3. 在状态改变的流程中,状态是可预测的,即:  - 3.1 何时触发状态进行改变? dispatch,触发 state 的改变  - 3.2 触发了什么改变? action,描述 state 该做什么修改  - 3.3 状态做什么样改变? reducer,描述 state 的...

2019-07-09 21:27:00 231

转载 react eject 报错

react项目,执行npm run eject生成配置文件报错:Remove untracked files, stash or commit any changes, and try again.npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! xindai-3@0.1.0 eject: `react-s...

2019-07-09 21:04:00 182

转载 react生命周期

React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁初始化1、getDefaultProps()设置默认的props,也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state。此时可以访问...

2019-07-05 19:44:00 120

转载 关于vue

Vue项目结构介绍build 文件夹:用于存放 webpack 相关配置和脚本。config 文件夹:主要存放配置文件,比如配置开发环境的端口号、开启热加载或开启gzip压缩等。dist 文件夹:默认命令打包生成的静态资源文件。node_modules:存放 npm 命令下载的开发环境和生产环境的依赖包。src: 存放项目源码及需要引用的资源文件。src下as...

2019-06-29 09:35:00 201

转载 git详细操作

Git介绍分布式: Git版本控制系统是一个分布式的系统, 是用来保存工程源代码历史状态的命令行工具;保存点: Git的保存点可以追踪源码中的文件, 并能得到某一个时间点上的整个工程项目额状态; 可以在该保存点将多人提交的源码合并, 也可以会退到某一个保存点上;Git离线操作性:Git可以离线进行代码提交, 因此它称得上是完全的分布式处理,Git所有...

2019-06-26 15:50:00 101

转载 三次握手四次挥手理解

三次握手与四次挥手所谓三次握手(Three-way Handshake),是指建立一个 TCP 连接时,需要客户端和服务器总共发送3个包。三次握手的目的是连接服务器指定端口,建立 TCP 连接,并同步连接双方的序列号和确认号,交换 TCP 窗口大小信息。在 socket 编程中,客户端执行connect()时。将触发三次握手。第一次握手(SYN=1, seq=x)...

2019-06-26 10:11:00 64

转载 vue axios 基础

在main.js导入:// 引入axios,并加到原型链中import axios from 'axios';Vue.prototype.$axios = axios;import QS from 'qs'Vue.prototype.qs = QS;封装好的axios,拿走不送:(最好是在main.js同级目录创建一个 https.js 文件,复制粘贴下面...

2019-06-25 20:28:00 89

转载 组件之间通信

一、父组件向子组件传递数据在 Vue 中,可以使用props向子组件传递数据。子组件部分:这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值,就需要使用props: ['logo']在 props 中添加了元素之后,就不需要在 data 中再添加变量了父组件部分:...

2019-06-25 20:19:00 84

转载 Vue状态管理vuex 简单运用

由于多个状态分散的跨越在许多组件和交互间各个角落,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue提供了vuexvuex 流程图:【安装】npm install vuex --save  在一个模块化的打包系统中,必须显式地通过Vue.use()来安装 Vueximport Vue from 'vue'import Vuex from '...

2019-06-25 19:27:00 121

转载 搭建一个vue项目的流程

1. 检测vue 的版本123vue -V (V大写)orvue --version2. 安装@vue/cli1npm install -g @vue/cli (ps: vue cli2的安装方法 npm install -g vue-cli )...

2019-06-24 19:49:00 113

转载 vue项目运行流程

vue的运行流程index.html-->main.js-->App.vue-->router/index.js1.index.html (项目页面入口)<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewp...

2019-06-24 19:36:00 228

转载 若干位随机数字字母混合验证码

今天,遇到了一个随机验证码的问题,就顺便说一下这个验证码怎么搞相信大家应该对随机数不陌生就是Math里的方法这里要用到一个知识点 就是利用ASCII码转字符先附上随机数代码function suiji (m,n){ var sj = parseInt(Math.random()*(n-m+1)+m); return sj; }这里是我封装的一个m-n之间的随...

2019-05-16 17:29:00 109

转载 js ajax 报错

VM36:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.xhr.onreadystatechange (ajax.js:24)今天写ajax 一直报这个错误 实在是难受滴很...

2019-05-10 21:16:00 199

转载 浏览器自定义右键菜单

学到浏览器默认行为 想到能不能自定义右键菜单让自己的网页变得更有趣查了资料 自己琢磨总结了一些 随便写了一下以下是html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...

2019-05-09 15:23:00 94

转载 一些API回调函数转箭头函数写法

刚开始接触箭头函数 不是很理解写法 想到之前用到的一些数组的API 于是把之前的回调用箭头函数改写了一下<script>let arr = [1,2,3,4,5,6,7,8,9,0]// forEach 遍历数组 没有返回值let forEacha = arr.forEach((v, i) => { return arr[i] ...

2019-05-09 15:18:00 611

转载 cookie实现购物车添加

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>购物页面</title><style>img{width:300px;height:300px;}ul{list-s...

2019-05-09 10:37:00 118

转载 JS面向对象之工厂

js面向对象什么是对象"无序属性的集合,其属性可以包括基本值、对象或者函数",对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个俄名字,每个名字都映射到一个值。简单来理解对象就是由属性和方法来组成的面向对象的特点-封装对于一些功能相同或者相似的代码,我们可以放到一个函数中去,多次用到此功能时,我们只需要调用即可,无需多次重写。...

2019-05-09 10:34:00 79

空空如也

空空如也

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

TA关注的人

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