- 博客(23)
- 收藏
- 关注
转载 打包工具
什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 WebPack和Grunt以及Gulp相比有什么特性 其实Webpack和另外两个并没有太多的可比性,Gulp/Grunt是一种能够优...
2019-07-22 21:10:00 113
转载 react 路由系统
react-router 中的三大组件 react-router中的组件就是react中的组件,只不过它们被添加了一些特殊的逻辑而已。 Router Router相当于一个容器,不会被渲染出来。你的其他组件都要放在Router中才能使用到react-router的功能。根据功能的不同,Router还分为BrowserRouter,MemoryRouter等。 Link Link...
2019-07-17 15:06:00 107
转载 对token的理解
什么是token token的意思是“令牌”,是服务端生成的一串字符串,作为客户端进行请求的一个标识。 当用户第一次登录后,服务器生成一个token并将此token返回给客户端,以后客户端只需带上这个token前来请求数据即可,无需再次带上用户名和密码。 基于token机制的身份认证 使用token机制的身份验证方法,在服务器端不需要存储用户的登录记录。大概的流程: 客户...
2019-07-13 14:58:00 153
转载 redux和react-redux做简单组件控制
这次我们用两种方式实现以下要求 1.三个组件 2.第一个组件有两个按钮 分别控制第二和第三个组件年龄和姓名的改变 3第二个组件展示姓名,第三个组件展示年龄 用到哪些插件 store redux 一 .新建项目 create-react-app 项目名称 把不必要的东西删掉 保持项目目录为这样 然后全局install 两个插件 ...
2019-07-11 14:45:00 105
转载 store(转)
Redux如何管理state 注册store tree 1、Redux通过全局唯一的store对象管理项目中的state var store = createStore(reducer,initialState); 2、可以通过store注册listener,注册的listener会在store tree每次变更后执行 store.subscribe(function () {...
2019-07-11 11:51:00 101
转载 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 78
转载 rudex 实现流程
大致情况: - 1. 要有个状态:state - 2. 要有个(状态)容器:store - 3. 在状态改变的流程中,状态是可预测的,即: - 3.1 何时触发状态进行改变? dispatch,触发 state 的改变 - 3.2 触发了什么改变? action,描述 state 该做什么修改 - 3.3 状态做什么样改变? reducer,描述 state 的...
2019-07-09 21:27:00 218
转载 react eject 报错
react项目,执行npm run eject生成配置文件报错: Remove untracked files, stash or commit any changes, and try again. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! xindai-3@0.1.0 eject: `react-s...
2019-07-09 21:04:00 173
转载 react生命周期
React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 初始化 1、getDefaultProps() 设置默认的props,也可以用dufaultProps设置组件的默认属性. 2、getInitialState() 在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state。此时可以访问...
2019-07-05 19:44:00 116
转载 关于vue
Vue项目结构介绍 build 文件夹:用于存放 webpack 相关配置和脚本。 config 文件夹:主要存放配置文件,比如配置开发环境的端口号、开启热加载或开启gzip压缩等。 dist 文件夹:默认命令打包生成的静态资源文件。 node_modules:存放 npm 命令下载的开发环境和生产环境的依赖包。 src: 存放项目源码及需要引用的资源文件。 src下as...
2019-06-29 09:35:00 196
转载 git详细操作
Git介绍 分布式: Git版本控制系统是一个分布式的系统, 是用来保存工程源代码历史状态的命令行工具; 保存点: Git的保存点可以追踪源码中的文件, 并能得到某一个时间点上的整个工程项目额状态; 可以在该保存点将多人提交的源码合并, 也可以会退到某一个保存点上; Git离线操作性:Git可以离线进行代码提交, 因此它称得上是完全的分布式处理,Git所有...
2019-06-26 15:50:00 92
转载 三次握手四次挥手理解
三次握手与四次挥手 所谓三次握手(Three-way Handshake),是指建立一个 TCP 连接时,需要客户端和服务器总共发送3个包。 三次握手的目的是连接服务器指定端口,建立 TCP 连接,并同步连接双方的序列号和确认号,交换 TCP 窗口大小信息。在 socket 编程中,客户端执行connect()时。将触发三次握手。 第一次握手(SYN=1, seq=x)...
2019-06-26 10:11:00 58
转载 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 82
转载 组件之间通信
一、父组件向子组件传递数据 在 Vue 中,可以使用props向子组件传递数据。 子组件部分: 这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。 如果需要从父组件获取 logo 的值,就需要使用props: ['logo'] 在 props 中添加了元素之后,就不需要在 data 中再添加变量了 父组件部分:...
2019-06-25 20:19:00 76
转载 Vue状态管理vuex 简单运用
由于多个状态分散的跨越在许多组件和交互间各个角落,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue提供了vuex vuex 流程图: 【安装】 npm install vuex --save 在一个模块化的打包系统中,必须显式地通过Vue.use()来安装 Vuex import Vue from 'vue' import Vuex from '...
2019-06-25 19:27:00 112
转载 搭建一个vue项目的流程
1. 检测vue 的版本 1 2 3 vue -V (V大写) or vue --version 2. 安装@vue/cli 1 npm install -g @vue/cli (ps: vue cli2的安装方法 npm install -g vue-cli ) ...
2019-06-24 19:49:00 106
转载 vue项目运行流程
vue的运行流程 index.html-->main.js-->App.vue-->router/index.js 1.index.html (项目页面入口) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewp...
2019-06-24 19:36:00 221
转载 若干位随机数字字母混合验证码
今天,遇到了一个随机验证码的问题,就顺便说一下这个验证码怎么搞 相信大家应该对随机数不陌生 就是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 104
转载 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 193
转载 浏览器自定义右键菜单
学到浏览器默认行为 想到能不能自定义右键菜单 让自己的网页变得更有趣 查了资料 自己琢磨总结了一些 随便写了一下 以下是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 87
转载 一些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 601
转载 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 109
转载 JS面向对象之工厂
js面向对象 什么是对象 "无序属性的集合,其属性可以包括基本值、对象或者函数",对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个俄名字,每个名字都映射到一个值。 简单来理解对象就是由属性和方法来组成的 面向对象的特点 -封装 对于一些功能相同或者相似的代码,我们可以放到一个函数中去,多次用到此功能时,我们只需要调用即可,无需多次重写。 ...
2019-05-09 10:34:00 76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人