1.ES6ES5ES6varvar let constfunction (){}function foo(){}()=>{}foo(){}function (){ foo:function(){}}class A{ foo(){}}new A{}var name=‘aa‘, age=21;return{ name: name, age: age}var name=‘aa‘,age=21;return{name,age} module.exports=A2.JQuery2.1 查询: $(‘#id‘) $(‘.class‘)2.2 dom和jquery对象切换let $div = $(‘#div‘), div = document.getElementById(‘div‘);console.lo...
为了汇集资源，这里引用这里的学习资源：https://github.com/reactnativecn/react-native-guideReact Native构建 Facebook F8 2016 App / React Native 开发指南 http://f8-app.liaohuqiu.net/React-Native入门指南 https://github.com/vczero/react-native-lesson30天学习React Native教程 https://github.com/fangwei716/30-days-of-react-nativeReact-Native视频教程(部分免费) https://egghead.io/technologies/reactReact Nat...
最近找工作，总是被问道，知不知道react Native，我直接回答，没有；这就是动力了首先是windows下的环境搭建参考博客：史上最详细windows版本搭建安装react-native环境配置/http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/ 搭建开发环境http://reactnative.cn/docs/0.42/getting-started.ht...
UED出的设计图如下： 实际展示效果如下：调取的数据如下："staffCountList":[{"time":"2019-12-24 17:20","staffCount":2},{"time":"2019-12-24 17:10","staffCount":2},{"time":"2019-12-24 16:00","staffCount":1},{"time":"2019-12-24 15:50","staffCount":1},{"time":"2019-12-24 15:40","staffCount":2},{"time":"2019-12-24 15:30","staffCount":2},{"time":"2019-12-24 15:20","staffCount":1},{"time":"2019-12-24 15:10",...
页面效果图： 数据操作分析：在查询表组件的 TableData.js 中操作如下内容：给每一行绑定一个checkbox，且在点击这个 checkbox 时，触发 action 中的一个方法(formatPostCollectionList)，这个方法是用来更新选中的实体数组。formatPostCollectionList为action中的方法，需要export定义每一行的实体为一个数组，用变量 postCollections 表示如果选中当前行，则更新实体数组中的数据；如果取消当前行，则删除实体中的数据；参数为 ...
一、条件渲染1、条件渲染在 React 中，我们可以通过创建不同的组件封装不同的行为，然后根据应用的状态渲染对应状态下的部分内容// 定义组件封装登陆行为 class SignIn extends React.Component {constructor(props) {super(props)}render() {return <h1>Please Sign In</h1>} }// 定义组件封装注册行为 class SignUp extends React.Component {constructor(props) {super(props)}render() {return <h1>Please Sign Up</h1>} }// 根...
已知文件路径‘/data/user/0/com.ycdj/files/media/218787782/efa1d12f22d2/1235.jpg‘只需在路径前面拼上file:///即可，如：<Image source={{uri:`file:///${mediaPath}`}} style={{width:200, height:200}} resizeMode=‘contain‘ /> 视频的话，路径同上原文：https://www.cnblogs.com/ImaY/p/10401874.html
http://blog.500tech.com/using-reactjs-with-angularjs/ http://www.funnyant.com/reactjs-what-is-it/ http://mono.software/2014/06/20/Improving-AngularJS-long-list-rendering-performance-using-ReactJS/原文：http://www.cnblogs.com/zyip/p/4813555.html
1、在CMD中进入要启动的项目下，输入react-native start，等待启动成功。成功之后再浏览器中访问http://localhost:8081/index.android.bundle?platform=android，如果可以访问，表示服务器端启动成功。2、在上个服务启动的情况下，重新打开一个CMD，进入项目目录下，输入命令react-native run-android运行，第一次运行的时候会下载gradle,时间较长，成功之后，会在android模拟器中安装上，出现Welcome to ReactNative等英文。 原文...
ReactJS入门指南 本文旨在介绍ReactJS的基本知识，并一步步详细介绍React的基本概念和使用方法等，以及相应的Demo。本文在很大程度上参考了React官方文档和官方指南。如果你英语还不错，大可直接去官网查看对应的英文文档和指南，写的非常不错；但如果你的英语跟我一样蹩脚或者不喜欢直接读文档，那么希望这篇文章能够给你带来帮助。如果你用React很久了，恰好你也看到这篇文章，欢迎指正错误！如果你不乐意看一大片文字，想直接...
什么是异步组件？简单来说就是异步加载一个组件，正常情况浏览器加载的是我们打包好的bundle.js文件，那么这个文件是集合了所有js是代码，然而我们首屏加载并不需要一次性加载所有的组件，这会造成性能的损耗，所以我们可以使用异步组件，推荐使用（react-loadable）https://github.com/jamiebuilds/react-loadable，那么使用react-loadable就会造成路由跳转的问题，所以我们需要使用withRouter来解决，withRouter组件的功能是让当...
按照React-Navigation官网文档进行操作，发现一直报RNGestureHandlerModule.Direction类中为空，找了一下午答案，翻遍了谷歌，stackoverflow没找到解决办法。在五点的时候添加第三方库的时候发现react-native-gesture-handler需要部分React库。按照说明把缺少的库补全，终于跑起来了。以后安装库时需要注意warning信息了，这个坑太容易跳了。原文：https://www.cnblogs.com/WTFFFFFF/p/10491231.html
React Native采用一中全新的布局方式：FlexBox（弹性布局）。可以很方便的实现各种复杂布局，是全新的针对web和移动开发布局的一种实现方式。何为FlexBox? 完整名称为：the flexible box Module,旨在通过弹性的方式来对齐和分布容器中的组件。Flexbuju的主要思想是：让容器有能力让其子项目能够改变其宽度|高度|顺序，以最佳方式填充可用空间。 在布局中，首先得确定主轴方向(flexDirection)，主轴组件的对齐方式（justifyConte...
表单控件：input 文档在介绍控件之前，先提到了react组件自身的一个特点：状态由state掌控，改变组件状态只能用setState方法。而在html的表单里，input、radio、checkbox、select的值都是随用户输入改变的。要创建一个React的表单控件，也就是用React的方式创建表单组件：<label> Name: <input type="text" value={this.state.value} onChange={this.handleChange} /> </label>在input控件中，value值就是一个状态state.value。当...
最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的域名和底部的黑色背景。用户反映体验不好，要改……好吧，自己动手。但这并不是好改的，因为在React中都是构建的是虚拟DOM，直接操作DOM也会对性能有一定影响。这时候网上搜了一下，拿出一个解决方案，献出部分代码：...