cag2050 - 博客园

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 阅读(276) 评论(0) 推荐(0) 编辑

npx：npm包执行器

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

posted @ 2018-03-23 14:22 cag2050 阅读(295) 评论(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 阅读(181) 评论(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 阅读(643) 评论(0) 推荐(0) 编辑

计算2个日期之间的天数

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

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

js 字符串转对象

摘要：使用eval 阅读全文

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

requestAnimationFrame 知识点

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

posted @ 2018-03-08 22:12 cag2050 阅读(131) 评论(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 阅读(197) 评论(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 阅读(647) 评论(0) 推荐(0) 编辑

vue打包报内存溢出

摘要： vue cli 构建的项目： package.json 文件里修改：修改为：阅读全文

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

TypeScript 知识点

摘要： TypeScript 通过类型批注提供静态类型以在编译时启动类型检查。基本批注类型是number、bool、string。而弱或动态类型是any。 typescript 使用作用 | 语句 | 全局安装 | npm install g typescript 查看版本 | tsc v Type 阅读全文

posted @ 2018-02-27 17:03 cag2050 阅读(249) 评论(0) 推荐(0) 编辑

css3中的BFC,IFC,GFC和FFC

posted @ 2018-02-27 16:33 cag2050 阅读(308) 评论(0) 推荐(0) 编辑

parcel (另一个打包工具)知识点

摘要： ParcelJS 本身是 0 配置的，但 HTML、JS 和 CSS 分别是通过 posthtml、babel 和 postcss 处理的，所以我们得分别配 .posthtmlrc、.babelrc 和 .postcssrc。问题：CSS模块没有起作用解决： 1. 在项目中安装包：postcss 阅读全文

posted @ 2018-02-26 18:37 cag2050 阅读(341) 评论(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 阅读(940) 评论(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 阅读(1919) 评论(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

posted @ 2018-02-06 15:34 cag2050 阅读(1443) 评论(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 阅读(372) 评论(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 阅读(780) 评论(0) 推荐(0) 编辑

ace 在线编辑器知识点

posted @ 2018-01-25 18:28 cag2050 阅读(740) 评论(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 阅读(9204) 评论(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 阅读(202) 评论(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 阅读(283) 评论(0) 推荐(0) 编辑

JavaScript 面试知识点

摘要：用正则表达式验证字符串长度时，一定要带上 ^ 与 $。如果我们把 ^ 与 $ 去了，则凡是含有八位数字的字符串都会验证通过。 js中 target 与 currentTarget 的区别: 1、target发生在事件流的目标阶段，而currentTarget发生在事件流的整个阶段（捕获、目标和冒泡阅读全文

posted @ 2018-01-20 16:39 cag2050 阅读(193) 评论(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 阅读(1009) 评论(0) 推荐(0) 编辑

vue-cli 引入阿里巴巴字体图标：注意点

摘要： vue cli 引入阿里巴巴字体图标：注意点 1. 下载的 iconfont.css 文件中： 1. font class引用，使用方法：注意：如果步骤1的写成，则font class引用写法：`` 即：此处要对应阅读全文

posted @ 2018-01-18 18:44 cag2050 阅读(515) 评论(0) 推荐(0) 编辑

导航