React事件系统之touch
之前写在react上写dom事件大部分都是PC端，基本是click事件，没遇到过什么问题。这次要写一个移动端的项目，需要用到touch事件，对这块不熟悉，趁机学习一边react官网的事件相关的内容。
当在未拖动过的情况下，进行点击，会报错：原因：当同时监听touch和click事件时，触发顺序是 onTouchStart = onTouchEnd = onClick 所以touchMovePoint并未被赋值，导致报错。
touchstart ：手指触摸到一个 DOM 元素时触发。touchend ：手指从一个 DOM 元素上移开时触发。touchmove ：手指在一个 DOM 元素上滑动时触发。
React事件系统实现可以分为两个阶段：事件注册、事件触发 ReactBrowserEventEmitter作为事件注册入口，担负着事件注册和事件触发。
React Native Gesture Handler 可以带来等多的手势操作和更好的性能，因为它使用了 Android 和 iOS 的 原生 touch handling system 来处理手势。View 组件是无法直接相应手势操作的，不能直接响应 onPress 事件。
react可以同时写网页和移动端
1、我认为React是适合移动端，而不适合pc端的。pc端使用React需要重做很多已有组件，包括但不限于highCharts图表类、dataPicker基础组件。移动web app恰恰是不需要这类复杂的组件的，这给写移动端项目重写组件带来了机会。
2、当然适合。React可以服务端渲染，React最大的好处就是省去了细粒度操作的繁琐，又有大工程项目的可维护性。所以用React的前提是，是做一个web app。
3、如果是reactnative的话，安卓和ios80%可以通用，除了部分样式要改。对于有些js端无法实现的，可以分别在安卓和ios端用native实现。封装成reactnative组件就可以了。
4、框架开发 tornado，因为非阻塞io的原因，性能非常高，特别适合写后端API，而且成熟稳定。兼顾 网页前端以及移动端 开发的后台 网页和移动端都是可以调用，通过React，就可以轻松解决前后端分离这个问题。
5、Angular 2是一个重量级前端框架，明显比Vue重，作为全业务解决方案来说，大致和React整合了一堆东西之后在一个数量级。这么重的一个东西给谁用呢？两种场景：基于Web的企业应用，混合应用（包括桌面端和移动端）。
6、之前有个公司项目，需求需要在其他公司页面跳转到我们公司的信息填写界面，要求要适配PC端与手机端。UI出了2套图，一套PC一套移动端的，风格完全不一样。于是，分别用antd与antd mobile做UI。
Cordova+Dva+antd-mobile实现react移动端开发
1、原因是antd-mobile被设计为同时支持React Native应用开发和Web应用开发，所有的组件都暴露为2个模块文件： index.js（React Native开发）和 index.web.js （Web开发）。
2、项目使用了typescript + less + react + antd-mobile 开发。
3、首先开发者需要安装插件 @tarojs/plugin-html ：然后配置使用此插件：为了验证同构功能的可用性和效果，我们对 CSS 样式库 WEUI 、React 组件库 Antd Design Mobile 、Vue2 组件库 VantUI 的所有组件进行了测试。
4、常见的web前端开发框架如下：Bootstrap：主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。html5-boilerplate：该框架可以快速构建健壮，且适应力强的web app或网站。
5、苹果产品原先下载的软件更新时必须要输入下载时的apple id。更换apple id后，要么删除原来的软件重新用新id下载后方可更新，要么再用回原来的id更新。
React版移动端滑动
React.createElement() 它接受三个参数，第一个参数可以是一个标签名。如 div、span，或者 React 组件。第二个参数为传入的属性。第三个以及之后的参数，皆作为组件的子组件。
在React Native中，会遇到这种情况，ScrollView写在TouchableOpacity内导致无法滑动，由于手势问题。例如：这种情况Scrollview是无法滚动的。
首先需要引入React基础库，dom库，jsx解析库和移动端Jquery库（用于动态请求异步加载数据），然后创建一个Div，引入自己的组建。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
