摘要: 自己配置脚手架时候如何安装eslint语法规则, 第一步安装 官方推荐的安装包如下 eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugi 阅读全文
posted @ 2018-12-17 14:33 文博的博客 阅读(3363) 评论(0) 推荐(0) 编辑
摘要: cssModules可以用于加密和避免重复使用,也就是说可以在当前vue文件中写的样式会生成独一无二的名字,在其他vue文件中是无法调用的, 一、可以直接配cssModules 第一步,配置vue-loader.js文件 第二步 在webpack.config.base.js中配置如下 !!也不一定 阅读全文
posted @ 2018-12-17 10:45 文博的博客 阅读(1484) 评论(4) 推荐(0) 编辑
摘要: 一、Socket.io是什么 是基于时间的实时双向通讯库 基于websocket协议的 前后端通过时间进行双向通讯 配合express快速开发实时应用 二、Socket.io和ajax区别 基于不同的网络协议 ajax基于http协议,单向,实时获取数据只能轮询 socket.io基于websock 阅读全文
posted @ 2018-11-26 11:38 文博的博客 阅读(737) 评论(0) 推荐(0) 编辑
摘要: 父组件 class userC extends React.Component{ handleClick(v){ this.props.history.push(`/chat/${v.user}`) }, render(){ return( <Card onClick={v=>this.handle 阅读全文
posted @ 2018-11-26 11:06 文博的博客 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 一、browser-cookies 地址:https://github.com/voltace/browser-cookies 用法 存放cookies是 cookies.set('firstName','Lisa') cookies.set('firstName','Lisa',{expires: 阅读全文
posted @ 2018-11-26 10:17 文博的博客 阅读(1082) 评论(0) 推荐(0) 编辑
摘要: 前端网络请求封装前端采用了axios来处理网络请求,为了避免在每次请求时都去判断各种各样的网络情况,比如连接超时、服务器内部错误、权限不足等等不一而足,我对axios进行了简单的封装,这里主要使用了axios中的拦截器功能。 封装后的网络请求工具js如下: 封装之后的错误信息这个大家一目了然,没啥好 阅读全文
posted @ 2018-11-14 10:39 文博的博客 阅读(2534) 评论(0) 推荐(0) 编辑
摘要: 一、先来说说为什么要封装axios异步请求。 我们前端开发中总是会遇到跨域的问题,我们会配置proxy来解决跨域的问题,无论是vue 还是react。 如何配置我这里就不说了。 然后...然后我们就会遇到一个打包上线的问题,上线时候我们必须把前缀拼接上,如果每个页面都保存一个路径变量会很麻烦,所以我 阅读全文
posted @ 2018-11-14 09:51 文博的博客 阅读(2748) 评论(7) 推荐(0) 编辑
摘要: 摘抄保存用的 非原创 阅读全文
posted @ 2018-11-06 15:06 文博的博客 阅读(2967) 评论(0) 推荐(0) 编辑
摘要: 在使用 Vue 或者 Angular 的时候,框架提供了路由守卫功能,用来在进入某个路有前进行一些校验工作,如果校验失败,就跳转到 404 或者登陆页面,比如 Vue 中的 beforeEnter 函数: ... router.beforeEach(async(to, from, next) => 阅读全文
posted @ 2018-11-06 15:04 文博的博客 阅读(3446) 评论(1) 推荐(0) 编辑
摘要: 使用router4之后以前的按需加载方法require.ensure 是不好使了。 所以我们改用react-loadable插件做按需加载。 第一步: yarn add react-loadable --save-dev 第二步 创建一个 loadable文件 代码如下: 路由这样写 有不对的地方请 阅读全文
posted @ 2018-10-31 15:52 文博的博客 阅读(2432) 评论(0) 推荐(0) 编辑