q1654371764的博客

原创 React高阶组件

高阶组件 1、什么是高阶组件？ 高阶组件就是一个 React 组件包裹着另外一个 React 组件 因为要访问它的内部状态，所以要用到继承 高阶组件就是一个函数，它接受另一个组件作为参数，并返回一个新的组件。 当 React 组件被包裹时（warped），高阶组件会返回一个增强的 React 组件。 高阶组件让代码更具有复用性、逻辑性和抽象特性。 2、侵入式 利用super传递下去 import ...

原创 React路由

哈希模式(#) 只存在浏览器端，服务器会忽略

原创 多语言支持

站点多语言配置 要启用 VuePress 的多语言支持，首先需要使用如下的文件结构： study ├─ README.md ├─ foo.md ├─ nested │ └─ README.md └─ zh ├─ README.md ├─ foo.md └─ nested └─ README.md 然后，在 .vuepress/config.js 中提供 local...

原创 React生命周期

1、componentDidMount() // 组件挂载完成之后触发的生命周期 相当于vue的mounted componentDidMount(){ setInterval(()=>{ // 修改state的唯一方法 // @param 要修改的数据 // @param 修改完成之后的回调函数 this.setSta...

原创 Redux中间件

1、applyMiddleware 方便调试，实时触发，线下使用 import {createStore，applyMiddleware} from 'redux'; import reducers from './reducers'; import Logger from 'redux-logger'; export default createStore(reducers, applyMid...

原创 Vue中Props和state区别

Props和state 1、和props相关 只读，不准修改 componentWillReceiveProps / 生命周期 propTypes defaultProps children 2、类型检查 import PropTypes from 'prop-types'; List.propTypes = { list:PropTypes.array/object/number/str...

原创 webpack常用插件篇plugins

以下是常用插件列表 1.happypack 2.dllplugin 3.commons-chunk-plugin 4.webpack-dev-server 5.webpack-dev-middleware 6.webpack-hot-middleware（HMR） 7.webpack-hot-server-middleware 8.http-proxy-middleware 9.html-webp...

原创 dva各文件名目录的解释

①components：最基础的组件。这里面存放的只是最基本的UI组件，这些组件接收外部传过来的参数（数据），并将这些数据渲染的到界面。根据传入的参数的不同，界面渲染也不同。 ②container：contatiner负责将数据的组件进行连接，相当于将compontent组件和store里面的数据进行包装，生成一个新的有数据的组件。然后，在router.js配置文件中引用container中的组件...

原创 vue原理图

原创 js中模拟实现重载

java里面是存在重载的，那么js中呢？这个问题面试的时候会经常遇到。但是可以肯定的说，js中是不存在重载的，但是我们可以通过其他的方式来模拟重载，我们可以通过argument方法来实现。 argument是系统自带的一个方法，它是一个数组，并且用来存储函数传递的参数值。例如，我们定义一个function函数如下，并采用三种参数调用。 function sum(a,b){ alert(argum...

原创 轻松搞定JSONP跨域请求

一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。 当出现跨域问题时会报错，如下： 但img的src（获取图片），link的href（获取css），script的src（获取jav...

原创 JS的十大经典算法排序

十大经典算法排序总结对比 冒泡排序（Bubble Sort） 冒泡排序须知： 作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。 什么时候最快（Best Cases）： ...

原创 理解Cookie和Session的区别及使用

HTTP是一种无状态的协议，为了分辨链接是谁发起的，需自己去解决这个问题。不然有些情况下即使是同一个网站每打开一个页面也都要登录一下。而Session和Cookie就是为解决这个问题而提出来的两个机制。 应用场景 登录网站，今输入用户名密码登录了，第二天再打开很多情况下就直接打开了。这个时候用到的一个机制就是cookie。 session一个场景是购物车，添加了商品之后客户端处可以知道添加了哪些商...

原创 浏览器的缓存

关于浏览器的缓存（强缓存和协商缓存的详解） 浏览器的缓存分为强缓存和协商缓存，当客户端请求某个资源的时候，获取缓存的流程如下 （1）先根据这个资源的http header判断它是否命中强缓存，如果命中，则直接从本地缓存中获取资源，不会则向服务器请求 资源。 （2）当强缓存没有命中时，客户端会发送请求到服务器，服务器通过另一些request header验证这个资源是否命中协商缓存，这个过程成为ht...