最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的域名和底部的黑色背景。用户反映体验不好，要改……好吧，自己动手。但这并不是好改的，因为在React中都是构建的是虚拟DOM，直接操作DOM也会对性能有一定影响。这时候网上搜了一下，拿出一个解决方案，献出部分代码：...
Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。Sublime Text 更妙的是它的可扩展性。所以，这里挑选了全栈开发必备的10款 Sublime Text 插件，让本已精彩的编辑器更加好用，全端开发的码农们不用去网上一个个找了，赶紧收藏起来吧。 1. Package Control 作为安装 Sublime Text 插件的必备利器，Package Control 是这款编辑器的标配，可以方便开发人员快速安装需要的插件。 2. Git 在工作...
1，开始的思路公司想做直播方面的项目，并想加入弹幕的功能，直播的页面已经作为一个组件放在了用react+redux写好的一个网站项目上。所以技术老大让我研究下如何用react实现弹幕的功能。下面我就简单说下我的react弹幕折腾之路。一开始其实是两手空空，作为一个php的初级开发人员，我对前端技术掌握的很少，远不到熟练的程度。所以，我得从头学习如何用js+css实现弹幕，然后再将弹幕移植到react项目上去，这是我一开始的思路。2，中...
1.进入https://github.com/facebook/react-devtools 在自述文件中可以看到如下图提示 扩展的v3的源代码可以在v3分支中找到 2.进入https://github.com/facebook/react-devtools/tree/v3 下载解压文件3.进入react-devtools-3文件夹 运行 npm install 命令4.运行 npm run build:extension:chrome命令 出现如下图5.在chrome浏览器扩展程序中点击加载已解压文件 选择react-devtools-3\shells\chrome\build\unpacked 文件夹即可出现如下图...
Reactjs code snippets （vs code 编辑器里面的一个插件 支持 react 得简写）下面网址是个react文档：https://materialui-ch.gitbooks.io/material-ui_doc_chinese/content/fu-wu-qi-xuan-ran.html原文：https://www.cnblogs.com/yjzs/p/12207646.html
使用rc-pagination分页插件服务端接口开发public ServerResponse<PageInfo> getProductList(int pageNum,int pageSize){// startPage--start// 填充自己的sql查询逻辑// pageHelper-收尾PageHelper.startPage(pageNum,pageSize);List<Product> productList = productMapper.selectList();List<ProductListVo> productListVoList = Lists.newArrayList();for(Product productItem : productList){ProductListVo productListVo = ass...
原文：https://www.cnblogs.com/lzl-sml/p/8461785.html
代码调试，是我们前端日常工作中不可或缺的能力了吧！在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。 但是，当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码，还想在浏览器里打断点几乎是不可能的了。 场景 那怎么办，方法总是比困难多！愚蠢的我想到了console/debugger！！一直在使用，虽然很不方便（打印太多实在太乱！上线还要配置删除掉），但是我竟然使用了很久（这真是一个糟糕的编码习惯...
这次给大家带来react-redux插件项目实战使用解析，react-redux插件项目实战使用的注意事项有哪些，下面就是实战案例，一起来看一下。可先查看我的redux简单入门react-redux简介react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，如何使用react-redux来开发react。描述这个插件可以让我们的redux代码更加的简洁和美观。我假设你已经有一个使用cre...
这次给大家带来如何使用react-redux插件，使用react-redux插件的注意事项有哪些，下面就是实战案例，一起来看一下。react-redux简介react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，如何使用react-redux来开发react。描述这个插件可以让我们的redux代码更加的简洁和美观。我假设你已经有一个使用create-react-app创建的一个可以显示hello worl...
这篇文章主要介绍了react-native封装插件swiper的使用方法，现在分享给大家，也给大家做个参考。首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。安装：npm i react-native-swiper --save查看：npm view react-native-swiper删除：npm rm react-native-swiper --save这里还需要 npm i 下更新下本地的依赖库启动app项目ios: react-native run-iosandro...
这次给大家带来react-native封装插件swiper使用步骤详解，react-native封装插件swiper使用的注意事项有哪些，下面就是实战案例，一起来看一下。首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-native init swiper创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。安装：npm i react-native-swiper --save查看：npm view react-native-swiper删除：npm rm react-native-swiper --save这里还需要...
这次给大家带来react-native-fs插件使用案列详解，react-native-fs插件使用的注意事项有哪些，下面就是实战案例，一起来看一下。react-native-fs插件是文件对上传和下载时使用的，iOS和android都可使用，File upload (iOS only)。安装命令：npm install react-native-fs --save //注意：如果react native版本是<0.40安装，使用此标签： npm install react-native-fs@2.0.1-rc.2 --save安装后执行： react-native link react-native...
本篇文章主要介绍了React复制到剪贴板的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了React复制到剪贴板可以使用插件copy-to-clipboard，分享给大家，具体如下：参考API文档安装npm install --save react react-copy-to-clipboard使用const App = React.createClass({getInitialState() {return {value: , copied: false};},onChange({target: {value}}) {this.setState({valu...
废话不多说了，下面给大家分享react.js翻页插件的代码，具体代码如下所示var Page = React.createClass({ render:function() { //中间代码更新 var totalRows = this.props.totalRows; var listRows = this.props.listRows; var nowPage = this.props.nowPage>0?this.props.nowPage:1; var firstRow = this.props.listRows*(this.props.nowPage-1); var totalPage = Math.ceil(totalRows/listRows); var show_count=this.prop...