第6章 移动端开发-体检预约1. 移动端开发1.1 移动端开发方式随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发进行支持，那如何进行移动端开发呢？移动端开发主要有三种方式：1、基于手机API开发（原生AP
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比1.2 背景缩放background-size语法：background-
转载
2023-07-13 11:23:17
219阅读
开源项目其实有一个成熟周期，这个周期大概是三年左右，自React框架在2013年发布并引爆了前端框架的大潮，这个属于前端的周期就此开始了。之后在2015年5月开源的React Native又开启了属于Web移动前端的周期，15-16年，18-19年，21-22年正好就是属于移动前端的三个爆发点。
前言 自上次发布了《移动APP开发框
## 实现uniapp ios移动端的流程
下面是实现uniapp ios移动端的步骤表格：
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 安装uni-app开发环境 |
| 步骤二 | 创建uni-app项目 |
| 步骤三 | 运行uni-app项目 |
| 步骤四 | 打包uni-app项目为iOS应用 |
下面将逐步介绍每个步骤需要做什么以及需要使用的代码和代码
原创
2023-09-13 16:35:19
136阅读
单纯从功能测试的层面上来讲的话，APP 测试、web 测试 在流程和功能测试上是没有区别的。根据两者载体不一样，则区别如下：系统结构方面web项目，b/s架构，基于浏览器的；web测试只要更新了服务器端，客户端就会同步会更新。app项目，c/s结构的，必须要有客户端；app 修改了服务端，则客户端用户所有核心版本都需要进行回归测试一遍。性能方面web项目 需监测 响应时间、CPU、Memoryap
为了更好的提升用户体验，移动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点： 一、Sencha Touch框架是一个重量级的框架、它上手较难，代码复杂，并且需要较强的程序基础才能学习，最开始的时候因为一个项目，
转载
2023-10-12 15:26:57
71阅读
物理Unity 的内置物理系统 (Nvidia PhysX) 在移动设备上开销较大。下面的提示可以帮助您每秒减少更多帧。优化设置在 PlayerSettings 中，尽可能选中 Prebake Collision Meshes。启用 Prebake Collision Meshes请务必同时编辑 Physics 设置 (Project Settings > Physics)。尽可能简化 La
vue搭配vant组件可以做手机APP界面（vant是业界主流的移动端组件库之一）我们可以使用vue和组件vant实现简单的登录和注册，下面是我做出来的样子（这是在手机测试的界面）里面很多组件都是在vant官网上面直接拿来使用的其中，手机端适配是我上一篇的博客的内容。其中我做了一些小的提示：1. 登录成功后有“登录成功”提示 2. 未输入用户名和密码会提示“请输入账号或密码” 3. 用户名或密码错
移动端基础知识详解0. 前言1. 相关基本概念1.1 屏幕相关1.1.1 屏幕大小1.1.3 屏幕密度1.2 像素相关1.2.1 物理像素1.2.2 CSS 像素1.2.3 设备独立像素1.2.4 像素比1.3 图片的高清显示1.3.1 位图像素1.3.2 图片的高清显示1.4 视口相关1.4.1 pc 端视口1.4.2 移动端视口1.5 缩放1.5.1 PC 端缩放1.5.2 移动端缩放2.
转载
2023-08-25 09:28:38
129阅读
正在苦逼的实习中，昨天公司让做一个页面，涉及到检测终端的问题，如果是手机设备，就跳转到指定的网页上，以前写响应式布局只要用@media screen来实现布局的差异化适应，但是现在不仅仅是布局，还要针对移动端做一些别的动作，所以看了点资料，做个总结
正在苦逼的实习中，昨天公司让做一个页面，涉及到检测终端的问题，如果是手机设备，就跳转到指定的网页上，以前写
引言：一个app的初始阶段，必然是先
转载
2023-05-22 11:15:23
153阅读
一. demo效果如下：二. 如何使用：下载https://github.com/moonCai/MNMarqueeView.git, 将MNMarqueeView拖入项目中初始化即可。在获取到文本标题后对MNMarqueeView对象的textList赋值，然后调用run(). 在需要暂停的合适地方调用pause()，在需要视图销毁时调用stop()。三. 实现思路大纲：1.设置textLabe
本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立统一风格的图标APP版式设计规范界面文字设计规范设计适配切图规范设计稿标注一、界面设计尺寸及栏高度目前主流的 iOS 设备主要有 iPhone SE(4英寸)、iPho
转载
2023-09-18 18:44:17
0阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
324阅读
移动端app测试方法 1 APP测试基本流程1.1 测试周期测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长测试时间。正式测试前先向主管确认项目排期。1.2 测试资源测试任务开始前，检查各项测试资源。--产品功能需求文档；--产品原型图；--产品效果图；--行为统计分析定义文档；--测试设备（ios、
大家都知道的少说，多分享一些干货。一、首先说移动端的三大主要事件：1.手指按下： ontouchstart2.手指移动：ontouchmove3.手指抬起 ontouchend*使用移动端事件时，为尽可能地保证兼容性与调试时的友好性，尽可能用事件绑定的方式。例如：/*
注意：
在移动端开发的时候，浏览器的模拟器时好时坏，一般不用on的方式绑定事件函数，要用事件绑定的方式(addEventListe
转载
2023-07-17 10:40:52
182阅读
# 移动端iOS无法滚动
在移动端开发中，iOS系统上的滚动问题是一个比较常见的现象。有时候我们会发现，在iOS设备上，页面无法滚动或者滚动不流畅。本文将会讨论这个问题的原因，并给出一些解决方案。
## 问题描述
在移动端开发中，我们通常会使用`overflow: scroll`或者`overflow: auto`来实现一个可滚动的区域。在大多数情况下，这些CSS属性可以很好地工作，但在iO
## 科普文章：iOS移动端input file
在iOS移动端开发中，经常会涉及到用户上传文件的功能。而在iOS移动端中，我们可以使用input file标签来实现文件上传的功能。input file标签是HTML5中新增的标签，能够让用户选择本地文件并上传到服务器。
### input file标签的使用
在HTML中，input file标签可以通过以下方式来定义：
```html
移动端移动端开发概念移动端开发区别于传统的页面开发，移动端开发是指利用移动设备的特性以及CSS3提供的各种相对单位来实现移动端页面布局开发。移动设备是指便携的移动电子设备。包括手机、平板、小屏幕电脑等。为什么不直接使用响应式布局一是布局不匹配：pc端一般屏幕较大，可以显示更多的东西，而移动设备屏幕空间有限，只能显示部分内容。二是代码量太大，针对pc、移动端会写不同版本的css。屏幕的基本概念屏幕尺
转载
2023-10-23 23:29:48
34阅读
简介whistle(读音 [ˈwɪsəl]，拼音 [wēisǒu] )是基于 Node 实现的跨平台抓包调试代理工具，有以下基本功能：查看 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求响应数据修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求响应数据修改请求 url、方法、头部、内容等修改响应状态码、头部、内容，并支持本地替换等修改 WebSocket
