uniapp自适应网页设计（uniapp自适应屏幕）
本文目录一览：
uniapp是做什么的
1、uniapp是做移动端的，vue是做PC端的，uniapp就是基于vue设计的，它们的主要区别就是端口不一样，其他的功能作用都是一样的，虽然vue和uniapp可以多端编译，输出H5和小程序，但它们的css写法是受限的。
2、uniapp是一个开放的、支持多种开发工具的多端开发框架。HBuilderX和uniapp，同属一个公司，即DCloud出品。HBuilderX团队为uniapp做了大量的优化和定制。
3、uniapp和vue的区别在于：uni-app可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行。vue在web上是为单页应用而生的，在app上，单页应用会卡死。
4、Vue是一款流行的JavaScript框架，主要用于构建Web应用程序。而Uniapp是一个基于Vue.js的跨平台应用框架，可以同时构建iOS、Android、H5等多个平台的应用程序。
5、uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
6、uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，uniapp配合php后端好，主要是php的开发周期要比java低很多，而且技术门槛也要低很多。
UniApp的Flex布局
1、引入可以，但不能导出多端，如果你只是做网页开发，在使用flex布局的前提下可以放心大胆引入elementUI。但导出小程序会报错。uniapp组件太多依赖扩展组件就无法实现一次开发8端导出。
2、uniapp打包微信小程序和抖音小程序的区别有开发语言，界面布局。开发语言：微信小程序使用的是基于WXML和WXSS的小程序开发语言，抖音小程序使用的是TikTok的UI组件和JSX语法。
3、和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局，uni-app的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。
4、这个原因暂未找到 在uniapp的H5版本 ，接入 腾讯云滑动验证 ，示例的点击滑动验证元素是通过dom操作的，但是无效，可能跟uniAPP不支持dom操作有关系，采用定制接入方法一，手动调用。
如何写自适应分辨率的网页
桌面空白处右键菜单选择屏幕分辨率弹出对话框中点住小滑块上下拉动设置到屏幕大小适合确定保存即可。图形设置不见你可以更新一下显卡驱动即可自动安装出现。
首先，在网页代码的头部，添加一行viewportmeta标签。第二，不要用绝对宽度。因为网页的布局会根据屏幕宽度进行调整，所以不能使用绝对宽度的布局或绝对宽度的元素。这个很重要。
网页上部分标题怎么自适应分辨率？双击打开AxureRP8设计软件，在基本元件中拖曳一个矩形1到画布上。再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。再拖曳一个占位符到矩形框下方。
自适应的网页有两种写法：方式一：用媒体查询@media，这种写法好处是可以对不同分辨率的设备，展示完全不同的UI界面，一个页面不同的设备看的时候，展示内容可以不一样，交互方式可以不一样。
如何让PC端不同屏幕大小分辨率自适应 前提：因为项目需求是在已有的项目里面增加自适应，不影响其他页面的已有的布局，以下方法仅供参考。
双击打开Axure RP 8设计软件，在基本元件中拖曳一个矩形1到画布上。再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。再拖曳一个占位符到矩形框下方。
uniapp画布不适配机型
1、安卓手机版本过低：canvas在安卓手机的兼容性方面存在问题，安卓手机版本过低会导致canvas生成的水印无法正常显示。
2、uniapp横屏后，适配iponex的步骤如下。首先打开uniapp文件。其次在入口文件处找到css。最后在css里加入view即可。
3、不麻烦。UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、H5等多个平台，因此UniApp适配安卓和iOS并不麻烦。
dz论坛网页如何用uniapp封装
h5项目打包，部署到服务器，分享访问域名。例如： http：//baidu.com.cn 新建一个wep2App项目，启动看是否已经可以通过新项目正常访问嵌入的域名：发行→云打包→使用公共测试证书，点击打包。
新建一个目录utils，然后该目录下新建一个request.js文件，进行封装。
uniapp 提供网络请求的 api 是 uni.request ，具体支持的请求方法可以参考官网 method 有效值 不过我们通常不会直接使用，而是进过一系列的封装以方便我们的使用，具体封装接口使用会在随根据页面数据请求一并展示。
最近在做 IOT 的项目，里面有个小程序要用到 webSocket ，借这个机会，封装了一个 uniapp小程序 适用的 Socket 类，包括断线重连，心跳检测等等，具体实现如下。
