随笔分类 - 框架--react
react前端框架讲解
摘要：解决第三方网页在微信浏览器中点击图片自动放大，因为微信Android客户端已经在底层支持img标签自动放大功能； 传统方式： $(document).on(‘click’, ‘img’, e => { e.preventDefault(); }) 这个方式可能会把所有的默认的属性都屏蔽了，典型的就是
阅读全文
摘要：Promise.prototype.catch 方法是 .then(null, rejection) 或是 .then(undefined, rejection)的别名，用于指定发生错误时的回调函数。 如果Promise 对象状态变为resolved，则会调用then方法指定的回调函数；如果异步操作
阅读全文
摘要：video-react https://video-react.js.org/ react项目中实现视频播放,可自动横屏 http://www.icafebolger.com/reactjs/reactvedio.html
阅读全文
摘要：第一步 第二步 在webpack.config.js插件配置中加入以下代码 第三步 在那个组件中用jquery就先在头部引入，就可以使用了。 React如何引入jQuery？：http://618cj.com/2017/08/23/react%E5%A6%82%E4%BD%95%E5%BC%95%E
阅读全文
摘要：第一步骤：webpack概念 1、入口起点（entry） 用法：entry: string|Array<string> webpack.config.js const config = { entry: './path/to/my/entry/file.js' }; module.exports =
阅读全文
摘要：第一种方式：Redux之combineReducers（reducers）详解 reducers (Object): 一个对象，它的值（value） 对应不同的 reducer 函数，这些 reducer 函数后面会被合并成一个。 reducers/todos.js reducers/counter
阅读全文
摘要：安装： 这个库是react官方自带的，它实现于react/lib/ReactCSSTransitionGroup.js。 你可以通过import直接导入这个文件，或者通过命令来安装一个便捷的别名包（仅仅是指向react/lib/ReactCSSTransitionGroup.js）： ReactCS
阅读全文
摘要：React -fastclick与fastclick的使用 目的：为解决移动端 click事件的 300ms 延时 npm install react-fastclick --save 其中： import initReactFastclick from 'react-fastclick';init
阅读全文
摘要：第一种方式：只是子标签在换，内容的布局不换。类似于下面这种 代码为： 其他代码为： 本地效果为：http://localhost:8095/cinedetail/1091 原文链接：http://www.mamicode.com/info-detail-1422650.html
阅读全文
摘要：原文说明：https://www.zhihu.com/question/51949678
阅读全文
摘要：第一种方式： 1、路由配置 2、跳转前页面 3、跳转后页面topics获取参数 然后跳到下个页面，地址栏为： http://localhost:8080/topics/33119 本以为this.props.params.id这样能获取参数，但貌似不行。 第二种方式：如何优雅传参数 http://b
阅读全文
摘要：原文来自：https://segmentfault.com/a/1190000007141049
阅读全文
摘要：首次调用组件时，有以下方法会被调用（注意顺序，从上到下先后执行）： getDefaultProps 、getInitialState 只适合react.createClass直接创建的组件，使用ES6/ES7创建的这个方法不可使用，ES6/ES7可以使用下面方式 挂载：componentWillMo
阅读全文
摘要：第一种方式：onClick的用法 方案一 本地效果为：D:\www\svn\project\react_abacus\src\components\Listenride.js 第二种方式：className用法 方案一 第三种方式：if-else用法 方案一 本地效果为：D:\www\svn\pro
阅读全文
摘要：一些网站插件查找：http://react-china.org/ 1、react-slick｛图片滑动展示、｝ API参数说明： react-slick官网说明：http://www.bootcdn.cn/react-slick/readme/ slick插件说明：http://kenwheeler
阅读全文
摘要：一、创建组件 ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。 React.Component(ES6) （DVA）定义组件一般有三种方式： 其中第1种是我们（DVA）不推荐的写法，第2种是在你的组件涉及 react 的生命周期方法
阅读全文
摘要：一 模块 1 引入模块以便使用 用import实现： 2 导出模块 用export default实现： 引用： 引入： 二 组件 1 定义组件 通过定义一个继承自React.Component的class来定义一个组件类： 2 定义组件方法 直接用名字(){},很像Java定义类方法的写法： 也可
阅读全文
摘要：React Router 4.0 （以下简称 RR4） 已经正式发布，它遵循react的设计理念，即万物皆组件。所以 RR4 只是一堆 提供了导航功能的组件（还有若干对象和方法），具有声明式（引入即用），可组合性的特点。http://www.jianshu.com/p/e3adc9b5f75c RR
阅读全文
摘要：1、使用 create-react-app 快速构建 React 开发环境 国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
阅读全文
