reactjs适合移动端的web页面开发吗

Posted 2023-04-30

react是适合移动端页面开发的，react是一个用于构建用户界面的javascript库，适合的场景是将后端复杂的数据显示在复杂前端复杂的界面上，是非常适合做移动端页面的。
1、声明式
React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面，以声明式编写UI，可以让你的代码更加可靠，且方便调试。
2、组件化
创建好拥有各自状态的组件，再由组件构成更加复杂的界面，无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。 参考技术A pc端使用React需要重做很多已有组件，包括但不限于highCharts图表类、dataPicker基础组件。
移动web app恰恰是不需要这类复杂的组件的，这给写移动端项目重写组件带来了机会。
pc端要seo，移动端基本不需要，所以用这种数据后加载的框架有了可能。
然后，用webpack编译出来的基础库React + es6 + Route + redux + tappable，minify之后大概200k不到，gzip之后50k左右。所以明确的说，是适合移动端的。本回答被提问者采纳

web app(web开发 移动web开发)

　　总结：移动端适配方案

　　

　　

　　

　　或者直接做响应式页面，让pc端和移动端的界面排版不一样

　　

　　

　　

 

 

　　1、移动web基础知识

　　移动web开发和web开发没有本质的区别：都是使用html（html5）、css（css3）、js、以及一些相关的技术在开发

　　只不过移动web开发更侧重于移动端（手机、ipad）的显示，使页面在更小的屏幕上展示

　　pc端主要考虑了一些不同浏览器的兼容性（绑定事件啥的），而移动端web开发我们的经历主要是在如何让我们的页面去适配不同的大小屏幕

　　因为手机端的屏幕大小是非常多的，要保证页面在不同屏幕下展示正常

　　人们现在更多的需求是处在移动端的---学习移动端开发的一个原因

　　1、移动端开发的一些基本知识

　　　　　

　　　　　

　　　　    

　　　　　　

　　　　　　如果你希望在 不同的设置上图片都要展示一样品质的话，那就要为不同设备准备多张图片，而不是用一张图去放大（缩小可以，因为不会失真）

　　　2、移动web的调试

　　　　　　a、模拟调试

　　　　　　　　

　　　　　　b、真机调试　　　

　　　　　　

　                  

　　　　　　　　第一种真机模式可以直接通过服务器ip来访问---缺点：只可查看，不能修改页面

　　　　　　　　第二种用第3方调试工具，先用+ 或者直接把项目文件拖进去，然后点击小箭头启动，然后再用手机微信扫码，然后点进去demo即可

 　　　　　　　　用ghostlab案例

　　　　　　　　

 

　　　　　　　　

2、视口的概念及设置

　　

        

 　　因为在pc端 视口大小等于浏览器窗口大小

　

　　移动端开发必设置视口---因为页面会缩放所以要让视口宽度等于设备宽度

　　

　　

　　最终写法：