03 2018 档案

create-react-app 搭建的项目中，让 antd 通过侧边栏导航 Menu 的 Menu.Item 控制 Content 部分的变化
摘要：第一种：BrowserRouter把Menu和Route组给一起包起来 1. `` 标签要把Menu和Route组给一起包起来 修改src/index.js文件，相应内容如下： 2. Menu.Item 部分： 3. Route 部分 自己做的例子：https://github.com/cag205 阅读全文

posted @ 2018-03-31 17:34 cag2050 阅读(9897) 评论(1) 推荐(1) 编辑

react-router v4.0 知识点
摘要：react router 提供了一个withRouter组件 withRouter可以包装任何自定义组件，将react router 的 history,location,match 三个对象传入。 介绍文章：https://blog.csdn.net/ISaiSai/article/details 阅读全文

posted @ 2018-03-31 16:31 cag2050 阅读(143) 评论(0) 推荐(0) 编辑

prop-types：该第三方库对组件的props中的变量进行类型检测
摘要：利用prop types第三方库对组件的props中的变量进行类型检测 阅读全文

posted @ 2018-03-31 13:28 cag2050 阅读(146) 评论(0) 推荐(0) 编辑

dva 知识点
摘要：dva中，路由模式从hashHistory换成 browserHistory： dva cli创建的项目中，src/index.js相应部分修改如下： dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源 阅读全文

posted @ 2018-03-31 13:07 cag2050 阅读(202) 评论(0) 推荐(0) 编辑

react-redux 知识点
摘要：React Redux 使用 1. 如果只使用redux，那么流程是这样的： component dispatch(action) reducer subscribe getState component 用了react redux之后流程是这样的： component actionCreator( 阅读全文

posted @ 2018-03-31 12:55 cag2050 阅读(179) 评论(0) 推荐(0) 编辑

redux 知识点
摘要：redux原理：store中维护了一个state，我们dispatch一个action，接下来reducer根据这个action更新state。 react redux提供两个关键模块：Provider和connect。 connect：就是将store中的必要数据作为props传递给React组件 阅读全文

posted @ 2018-03-31 12:53 cag2050 阅读(131) 评论(0) 推荐(0) 编辑

roadhog 知识点
摘要：roadhog 是一个 cli 工具，提供 server、 build 和 test 三个命令，分别用于本地调试和构建，并且提供了特别易用的 mock 功能。命令行体验和 create react app 一致，配置略有不同，比如默认开启 css modules，然后还提供了 JSON 格式的配置方 阅读全文

posted @ 2018-03-31 12:17 cag2050 阅读(278) 评论(0) 推荐(0) 编辑

npx：npm包执行器
摘要：npx 作用： 1. 单次执行命令而不需要安装到本机 1. 执行依赖包里的二进制文件 使用不同版本的 node 利用 npx 可以下载模块这个特点，可以指定某个版本的 Node 运行脚本。它的窍门就是使用 npm 的 node 模块。 上面命令会使用 0.12.8 版本的 Node 执行脚本。原理是 阅读全文

posted @ 2018-03-23 14:22 cag2050 阅读(301) 评论(0) 推荐(0) 编辑

react 学习资料
摘要：react 学习资料 项目 | 学习资料 | react | 中文版：https://doc.react china.org/ react router | https://reacttraining.com/react router/web/api/location create react ap 阅读全文

posted @ 2018-03-23 11:25 cag2050 阅读(128) 评论(0) 推荐(0) 编辑

:nth-of-type(n) 与 :nth-child(n) 区别
摘要：:nth of type(n)：选择器匹配同类型中的第n个同级兄弟元素。 :nth child(n)：选择器匹配父元素中的第n个子元素。 阅读全文

posted @ 2018-03-21 11:30 cag2050 阅读(140) 评论(0) 推荐(0) 编辑

echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
摘要：出处：http://blog.csdn.net/kebi007/article/details/68488694 阅读全文

posted @ 2018-03-21 11:11 cag2050 阅读(270) 评论(0) 推荐(0) 编辑

从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！
摘要：出处：http://mp.weixin.qq.com/s/qMsf4DcMhn2cf0fXC PLVA 强缓存与弱缓存 缓存可以简单的划分成两种类型： 强缓存（ 200fromcache）与 协商缓存（ 304）。 区别简述如下： 1. 强缓存（ 200fromcache）时，浏览器如果判断本地缓存 阅读全文

posted @ 2018-03-15 23:46 cag2050 阅读(183) 评论(0) 推荐(0) 编辑

浏览器多进程架构、浏览器内核多线程、js单线程、GUI 渲染线程 与 JavaScript引擎线程互斥 原理
摘要：浏览器是多进程的，有一个主控进程，以及每一个tab页面都会新开一个进程（某些情况下多个tab会合并进程）。 出处：http://www.imweb.io/topic/58e3bfa845e5c13468f567d5 阅读全文

posted @ 2018-03-15 23:22 cag2050 阅读(586) 评论(0) 推荐(0) 编辑

通过script src引入ElementUI时，使用语句：window.ELEMENT.MessageBox.alert(xxx) 调用弹出框
摘要：通过script src引入ElementUI时，使用语句： 调用弹出框。 阅读全文

posted @ 2018-03-15 17:14 cag2050 阅读(657) 评论(0) 推荐(0) 编辑

计算2个日期之间的天数
摘要：注意点：2个日期字符串的时间，不要全写' 00:00:00'； 如果全写' 00:00:00'，在某些浏览器下会少算一天。 阅读全文

posted @ 2018-03-13 19:32 cag2050 阅读(315) 评论(0) 推荐(0) 编辑

js 字符串转对象
摘要：使用eval 阅读全文

posted @ 2018-03-13 16:35 cag2050 阅读(140) 评论(0) 推荐(0) 编辑

requestAnimationFrame 知识点
摘要：与setTimeout相比，requestAnimationFrame最大的优势是由系统来决定回调函数的执行时机。具体一点讲，如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次，如果刷新率是75Hz，那么这个时间间隔就变成了1000/75=13.3ms，换句话说就是，requestAn 阅读全文

posted @ 2018-03-08 22:12 cag2050 阅读(134) 评论(0) 推荐(0) 编辑

vue项目权限控制
摘要：Vue权限控制有各种方法，大概分为两个方向： 1. 把当前角色对应的权限保存在浏览器本地（容易被恶意修改）； 2. 将操作权限保存在vuex中（推荐此种方式：页面一刷新就没了，可以再次向后端请求相关数据，始终保持最新的权限）。 阅读全文

posted @ 2018-03-08 16:49 cag2050 阅读(342) 评论(0) 推荐(0) 编辑

css中权重与继承
摘要：出处：http://blog.csdn.net/xf616510229/article/details/53613212 阅读全文

posted @ 2018-03-05 21:51 cag2050 阅读(113) 评论(0) 推荐(0) 编辑

Flex Basis与Width的区别
摘要：出处：https://www.jianshu.com/p/17b1b445ecd4 阅读全文

posted @ 2018-03-05 00:45 cag2050 阅读(199) 评论(0) 推荐(0) 编辑

新版vue-cli输入本地ip不能访问，只能用localhost才可以访问？
摘要：问：新版vue cli输入本地ip不能访问，只能用localhost才可以访问？ 答：修改config/index.js配置，将 改为 就可以了。用ip、127.0.0.1、localhost均行。 阅读全文

posted @ 2018-03-03 18:37 cag2050 阅读(669) 评论(0) 推荐(0) 编辑

vue打包报内存溢出
摘要：vue cli 构建的项目： package.json 文件里修改： 修改为： 阅读全文

posted @ 2018-03-01 20:28 cag2050 阅读(454) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示