04 2018 档案
摘要:1.combineReducers (reducers) combineReducers 辅助函数的作用是,把一个由多个不同 reducer 函数作为 value 的 object,合并成一个最终的 reducer 函数,然后就可以对这个 reducer 调用 createStore。 合并后的 r
阅读全文
摘要:1.thunk 这是redux-thunk所有的源代码,默认情况下redux只能dispatch一个plain object,例如: 使用 redux-thunk 之后,可以dispatch一个函数了,这个函数会接收dispatch, getState作为参数,在这个函数里你就可以干你想干的事情,在
阅读全文
摘要:reducer与按需加载组件的时候,一并加载对应的state,具体流程就不多说了,看代码! reducer store router 入口文件app.js 在view层级下创建一个test文件夹来编辑一下流程 在test/ index.jsx 中简单编辑下 reducer router 执行,在未加
阅读全文
摘要:1.Provider 提供的是一个顶层容器的作用,实现store的上下文传递 2.connect 可以把state和dispatch绑定到react组件,使得组件可以访问到redux的数据 react-redux 使用一个react-redux 的库使得redux的使用更简洁,它提供了provide
阅读全文
摘要:1.react-router@4.x 与 @3.x 的区别
阅读全文
摘要:终止JS运行有如下几种可能: 1.终止函数的运行的方式有两种 (1)在函数中使用return,则当遇到return时,函数终止执行,控制权继续向下运行 (2)在函数中使用try-catch异常处理,需要结束时,使用throw抛出异常 2.终止动画特效的运行的方式是使用stop方法 (1)stop([
阅读全文
摘要:hasOwnProperty的使用 测试: .
阅读全文
摘要:1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项) 3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始
阅读全文
摘要:antd form 自带方法 解析: 1.getFieldDecorator 2.getFieldsError 3.getFieldError 4.isFieldTouched
阅读全文
摘要:1.Object.getOwnPropertyNames(),遍历实例属性(包括不可枚举),返回属性名组成的数组 .
阅读全文
摘要:1.Object.keys(),返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。 2.Object.keys(obj).forEach(key => { // }) 效果图: 3.Object.keys(obj).so
阅读全文
摘要:1.语法: 详解: (1)url:一个参数化的url模板 (2)paramDefaults:url参数的默认值 (3)actions: 用户对于resource行为的默认设置进行扩展的自定义配置的散列,该配置将会以$http.config的格式创建。 (4)options:扩展$resourcePr
阅读全文
摘要:1.创建组件 components/FilterBar/FilterBar.vue components/FilterBar/FilterBarPop.vue 2.页面调用 pages/FilterBarTest data.js 3.效果图 .
阅读全文
摘要:blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据。 创建blob对象 创建blob对象本质上和创建一个其他对象的方式是一样的,都是使
阅读全文
摘要:函数节流的原理 比如我们在window.onresize事件中要打印当前浏览器窗口的大小,在我们通过拖拽来改变窗口大小时候,打印窗口大小这个工作1s就运行了10次。而实际上我们只需要2次或者3次。 比如这行代码 分流函数实现的思路 实现的思路就是将即将被执行的函数用setTimeout延迟一段时间再
阅读全文
该文被密码保护。
摘要:1.安装 2.配置 main.js 3.调用 .
阅读全文
摘要:1.WebSocket protocol 是HTML5一种新的协议。它是实现了浏览器与服务器全双工通信(full-duplex)。HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并达到实时通讯。 在WebSocket出现之前,一般通过两种方式来实现Web实时用:轮询机制和流技术;
阅读全文
摘要:方法一:通过 watch 或 或 方法二::key是用来阻止“复用”的。 Vue 为你提供了一种方式来声明“这两个元素是完全独立的——不要复用它们”。只需添加一个具有唯一值的 key 属性即可(Vue文档原话) 使用computed属性和Date()可以保证每一次的key都是不同的,这样就可以如愿刷
阅读全文
摘要:1.网址:https://github.com/greedying/vux-uploader 2.安装 .babelrc 3.使用 参数说明: .
阅读全文
摘要:方法一:main.js 注入 (1)在main.js中写入函数 (2)在所有组件里可调用函数 方法二:单独创建一个 .js 文件,用于存放常用函数,并全局引用 (1)写好自己需要的base.js文件 (2)main.js 引入并使用 (3)在所有组件里可调用函数 目录结构: .
阅读全文
摘要:方案一:使用 delete 方法 方案二:创建新对象接收 .
阅读全文
摘要:首先先说明下vue-cli的assets和static的两个文件的区别,因为这对你理解后面的解决办法会有所帮助 assets:在项目编译的过程中会被webpack处理解析为模块依赖,只支持相对路径的形式,如< img src=”./logo.png”>和background:url(./logo.p
阅读全文
摘要:1.自定义报警组件 Alarm.vue 2.页面调用 Setting.vue 3.效果图
阅读全文