dva 知识点
摘要：
dva中，路由模式从hashHistory换成 browserHistory： dva cli创建的项目中，src/index.js相应部分修改如下： dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源 阅读全文
posted @ 2018-03-31 13:07 cag2050 阅读(197) 评论(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 阅读(178) 评论(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 阅读(130) 评论(0) 推荐(0) 编辑
roadhog 知识点
摘要：
roadhog 是一个 cli 工具，提供 server、 build 和 test 三个命令，分别用于本地调试和构建，并且提供了特别易用的 mock 功能。命令行体验和 create react app 一致，配置略有不同，比如默认开启 css modules，然后还提供了 JSON 格式的配置方 阅读全文
posted @ 2018-03-31 12:17 cag2050 阅读(277) 评论(0) 推荐(0) 编辑
npx：npm包执行器
摘要：
npx 作用： 1. 单次执行命令而不需要安装到本机 1. 执行依赖包里的二进制文件 使用不同版本的 node 利用 npx 可以下载模块这个特点，可以指定某个版本的 Node 运行脚本。它的窍门就是使用 npm 的 node 模块。 上面命令会使用 0.12.8 版本的 Node 执行脚本。原理是 阅读全文
posted @ 2018-03-23 14:22 cag2050 阅读(299) 评论(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 阅读(127) 评论(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 阅读(139) 评论(0) 推荐(0) 编辑
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
摘要：
出处：http://blog.csdn.net/kebi007/article/details/68488694 阅读全文
posted @ 2018-03-21 11:11 cag2050 阅读(268) 评论(0) 推荐(0) 编辑
从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！
摘要：
出处：http://mp.weixin.qq.com/s/qMsf4DcMhn2cf0fXC PLVA 强缓存与弱缓存 缓存可以简单的划分成两种类型： 强缓存（ 200fromcache）与 协商缓存（ 304）。 区别简述如下： 1. 强缓存（ 200fromcache）时，浏览器如果判断本地缓存 阅读全文
posted @ 2018-03-15 23:46 cag2050 阅读(182) 评论(0) 推荐(0) 编辑
浏览器多进程架构、浏览器内核多线程、js单线程、GUI 渲染线程 与 JavaScript引擎线程互斥 原理
摘要：
浏览器是多进程的，有一个主控进程，以及每一个tab页面都会新开一个进程（某些情况下多个tab会合并进程）。 出处：http://www.imweb.io/topic/58e3bfa845e5c13468f567d5 阅读全文
posted @ 2018-03-15 23:22 cag2050 阅读(585) 评论(0) 推荐(0) 编辑
通过script src引入ElementUI时，使用语句：window.ELEMENT.MessageBox.alert(xxx) 调用弹出框
摘要：
通过script src引入ElementUI时，使用语句： 调用弹出框。 阅读全文
posted @ 2018-03-15 17:14 cag2050 阅读(646) 评论(0) 推荐(0) 编辑
计算2个日期之间的天数
摘要：
注意点：2个日期字符串的时间，不要全写' 00:00:00'； 如果全写' 00:00:00'，在某些浏览器下会少算一天。 阅读全文
posted @ 2018-03-13 19:32 cag2050 阅读(308) 评论(0) 推荐(0) 编辑
requestAnimationFrame 知识点
摘要：
与setTimeout相比，requestAnimationFrame最大的优势是由系统来决定回调函数的执行时机。具体一点讲，如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次，如果刷新率是75Hz，那么这个时间间隔就变成了1000/75=13.3ms，换句话说就是，requestAn 阅读全文
posted @ 2018-03-08 22:12 cag2050 阅读(132) 评论(0) 推荐(0) 编辑
vue项目权限控制
摘要：
Vue权限控制有各种方法，大概分为两个方向： 1. 把当前角色对应的权限保存在浏览器本地（容易被恶意修改）； 2. 将操作权限保存在vuex中（推荐此种方式：页面一刷新就没了，可以再次向后端请求相关数据，始终保持最新的权限）。 阅读全文
posted @ 2018-03-08 16:49 cag2050 阅读(340) 评论(0) 推荐(0) 编辑
css中权重与继承
摘要：
出处：http://blog.csdn.net/xf616510229/article/details/53613212 阅读全文
posted @ 2018-03-05 21:51 cag2050 阅读(112) 评论(0) 推荐(0) 编辑
Flex Basis与Width的区别
摘要：
出处：https://www.jianshu.com/p/17b1b445ecd4 阅读全文
posted @ 2018-03-05 00:45 cag2050 阅读(198) 评论(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 阅读(656) 评论(0) 推荐(0) 编辑
vue打包报内存溢出
摘要：
vue cli 构建的项目： package.json 文件里修改： 修改为： 阅读全文
posted @ 2018-03-01 20:28 cag2050 阅读(453) 评论(0) 推荐(0) 编辑
TypeScript 知识点
摘要：
TypeScript 通过 类型批注 提供静态类型以在编译时启动类型检查。 基本批注类型是number、bool、string。而弱或动态类型是any。 typescript 使用 作用 | 语句 | 全局安装 | npm install g typescript 查看版本 | tsc v Type 阅读全文
posted @ 2018-02-27 17:03 cag2050 阅读(251) 评论(0) 推荐(0) 编辑
css3中的BFC,IFC,GFC和FFC
摘要：
出处：https://www.jianshu.com/p/e75f351e11f8 表格比较： 名称 | 英文全称 | 含义 | | BFC | Block Formatting Contexts | 块级格式化上下文 IFC | Inline Formatting Contexts | 内联格式化 阅读全文
posted @ 2018-02-27 16:33 cag2050 阅读(309) 评论(0) 推荐(0) 编辑
parcel (另一个打包工具)知识点
摘要：
ParcelJS 本身是 0 配置的，但 HTML、JS 和 CSS 分别是通过 posthtml、babel 和 postcss 处理的，所以我们得分别配 .posthtmlrc、.babelrc 和 .postcssrc。 问题：CSS模块没有起作用 解决： 1. 在项目中安装包：postcss 阅读全文
posted @ 2018-02-26 18:37 cag2050 阅读(345) 评论(0) 推荐(0) 编辑
GoJS v1.8.12 去掉水印
摘要：
找到这段代码， 特征：1. 含有字符串：'7eba17a4ca3b1a8346','78a118b7'；2. 也可能不为aw，根据具体情况来操作。 在上面代码之后，添加如下代码： 也可以从此处下载：http://download.csdn.net/download/cag/10247755 阅读全文
posted @ 2018-02-09 18:49 cag2050 阅读(944) 评论(0) 推荐(0) 编辑
webstorm版本2017.2开发stylus报错
摘要：
style 部分声明的时候，要有lang和type属性。 前提是，已经npm安装了stylus，stylus loader。 阅读全文
posted @ 2018-02-09 17:03 cag2050 阅读(257) 评论(0) 推荐(0) 编辑
将 vue 挂在 window 对象上，实现能调用 elementUI 的组件
摘要：
html 部分： js 部分(将js代码放在 body 的 onload事件中： ``)： 阅读全文
posted @ 2018-02-06 21:25 cag2050 阅读(1977) 评论(0) 推荐(0) 编辑
jQuery的ready()事件与js中的onload事件的区别
摘要：
出处：http://blog.csdn.net/yuanmei1986/article/details/50781453 阅读全文
posted @ 2018-02-06 20:10 cag2050 阅读(143) 评论(0) 推荐(0) 编辑
前端可视化建模技术概览，包括：GoJS
摘要：
我推荐使用的： 库 | 网址 | 备注 | | GoJS | https://gojs.net/latest/samples/flowchart.html | 推荐使用 相关文章： 前端可视化建模技术概览：http://leungwensen.github.io/blog/2015/frontend 阅读全文
posted @ 2018-02-06 15:34 cag2050 阅读(1447) 评论(0) 推荐(0) 编辑
正则表达式 知识点
摘要：
语法与释义： 基础语法 "^([]{})([]{})([]{})$" 正则字符串 = "开始 ([包含内容]{长度}) ([包含内容]{长度}) ([包含内容]{长度}) 结束" 用正则表达式验证8位长度数字字符串时，一定要带上 ^ 与 $。 如果我们把 ^ 与 $ 去了，则凡是含有八位数字的字符串 阅读全文
posted @ 2018-02-05 23:14 cag2050 阅读(145) 评论(0) 推荐(0) 编辑
水平居中 和 垂直居中
摘要：
水平居中 1. 只能进行水平的居中，且对浮动元素或绝对定位元素无效。 1. 只能对图片，按钮，文字等行内元素(display为inline或inline block等)进行水平居中。 1. 浮动配合相对定位来进行水平居中 浮动居中的原理是：把浮动元素相对定位到父元素宽度50%的地方，但这个时候元素还 阅读全文
posted @ 2018-02-01 00:03 cag2050 阅读(376) 评论(0) 推荐(0) 编辑
探索Vue高阶组件
摘要：
出处：http://hcysun.me/2018/01/05/%E6%8E%A2%E7%B4%A2Vue%E9%AB%98%E9%98%B6%E7%BB%84%E4%BB%B6/ 阅读全文
posted @ 2018-01-29 17:53 cag2050 阅读(329) 评论(0) 推荐(0) 编辑
mac下hbase安装
摘要：
出处：https://www.jianshu.com/p/510e1d599123 安装到的路径：/usr/local/Cellar/hbase/1.2.6 linux操作： linux命令 | 作用 | ./start hbase.sh | 启动hbase。需进入安装路径下的bin文件夹 ./st 阅读全文
posted @ 2018-01-25 21:30 cag2050 阅读(781) 评论(0) 推荐(0) 编辑
ace 在线编辑器 知识点
摘要：
ace 常用方法： 功能 | 语句 | 设置值 | editor.setValue("the new text here"); // or session.setValue 获取值 | editor.getValue() 跳到行 | editor.gotoLine(1) 光标跳到最后一行的结束位置 阅读全文
posted @ 2018-01-25 18:28 cag2050 阅读(757) 评论(0) 推荐(0) 编辑
模拟元素点击的几种方式
摘要：
出处：http://www.cnblogs.com/snandy/archive/2011/08/02/2122496.html 阅读全文
posted @ 2018-01-25 17:02 cag2050 阅读(129) 评论(0) 推荐(0) 编辑
Vue 的自定义事件系统：实现子组件跟父组件通信
摘要：
父组件可以在使用子组件的地方直接用 v on 来监听子组件触发的事件 v on 写在引用的子组件上， 语句 ，写在子组件里。 阅读全文
posted @ 2018-01-23 22:08 cag2050 阅读(157) 评论(0) 推荐(0) 编辑
vue 项目中，定时器（setInterval）的写法
摘要：
vue 项目中，定时器（setInterval）的写法: fetchJobList是一个方法，里面有dispatch一个action进行请求接口的代码。 阅读全文
posted @ 2018-01-23 15:07 cag2050 阅读(9215) 评论(0) 推荐(0) 编辑
JS 的预编译和执行顺序
摘要：
脚本执行js引擎做的工作： 1. 语法分析 1. 预编译 1. 解释执行 阅读全文
posted @ 2018-01-22 16:32 cag2050 阅读(104) 评论(0) 推荐(0) 编辑
es6 中，大多数开发者和 babel 之类的工具默认添加 use strict 到 JS 文件的头部，确保采用严格模式
摘要：
严格模式(use strict) 有助于防止问题用法，并且它也有助于安全使用 JavaScript。 在 ES5 中, 严格模式是可选项，但是在 ES6 中，许多特性要求必须使用严格模式。 因此大多数开发者和 babel 之类的工具默认添加 use strict 到 JS 文件的头部，以确保整个 J 阅读全文
posted @ 2018-01-21 17:39 cag2050 阅读(206) 评论(0) 推荐(0) 编辑
js 数组方法比较
摘要：
js 数组方法比较 table th:first of type { width: 80px; } table th:nth of type(2) { width: 120px; } table th:nth of type(3) { width: 160px; } 方法 | 是否影响原数组 | 返 阅读全文
posted @ 2018-01-21 13:31 cag2050 阅读(285) 评论(0) 推荐(0) 编辑
JavaScript 面试知识点
摘要：
用正则表达式验证字符串长度时，一定要带上 ^ 与 $。 如果我们把 ^ 与 $ 去了，则凡是含有八位数字的字符串都会验证通过。 js中 target 与 currentTarget 的区别: 1、target发生在事件流的目标阶段，而currentTarget发生在事件流的整个阶段（捕获、目标和冒泡 阅读全文
posted @ 2018-01-20 16:39 cag2050 阅读(197) 评论(0) 推荐(0) 编辑
vuex、redux、mobx 对比
摘要：
出处：https://www.w3cplus.com/javascript/talk about front end state management.html 其实大部分概念都差不多，只不过VUEX简化了一些流程。 store、state基本一样，只是action与mutation有些差别。 re 阅读全文
posted @ 2018-01-20 15:59 cag2050 阅读(1012) 评论(0) 推荐(0) 编辑
