随着苹果SDK的不断升级，越来越多的新特性增加了进来，本文主要讲述从iOS6至今，Native与JavaScript的交互方法<=iOS6 iOS6原生没有提供js直接调用Objective-C的方式，只能通过UIWebView的UIWebViewDelegate协议 ( BOOL ) webView : (
转载
2023-09-15 22:15:25
22阅读
1、设计稿1）pc设计稿为19201080的可视化大屏，16：9比例设计 2）大屏设计稿35841152的可视化大屏，28：9比例设计 3）移动端设计稿 宽750的可视化大屏2、适配不同屏幕1）pc要兼容不同分辨率下的屏幕，注意这里说的是往下兼容 兼容1k以下的 不能出现滚动条 使用scale 2）大屏比例为28：9，在项目开发中，可以按照1680：540 达到28:9的效果 不能出现滚动条 使用
转载
2023-12-10 14:30:23
81阅读
在做屏幕适配前，首先需要了解iPhone各型号的屏幕， 注：7与7+的屏幕同6与6+iPad 的屏幕： 接下来，明确一个概念-像素密度PPI(Pixel Per Inch by diagonal),即沿着对角线，每英寸所拥有的像素（Pixel）数目。PPI越高，说明屏幕显示图像的密度越高，即通常所说的分辨率越高。（PPI *对角线）的平方 = 屏幕高的平方+屏幕宽的平方；后来在iPhone4中，
# Flutter iOS 底部适配指南
在开发 Flutter 应用时，适配不同平台（特别是 iOS）需要注意的地方很多。尤其是在 UI 布局方面，iOS 的设计标准和设备特性都对具体的实现方式有一定的影响。本文将介绍如何在 Flutter 应用中进行 iOS 的底部适配，确保应用在所有设备上视觉效果一致。
## 1. iOS 底部安全区
iOS 设备的底部边缘通常有一个“安全区域”，这个
原创
2024-10-12 06:33:07
225阅读
在开发使用 uniapp 的跨平台应用时，适配 iOS 设备的底部高度问题常常被忽视。然而，它是确保用户体验流畅的重要一环。本文将详细介绍如何解决“uniapp适配ios底部高度”问题，通过几个部分带你深入理解和应用这一技术。
## 环境准备
在开始之前，确保你的开发环境具备支持 uniapp 的技术栈。我们将使用 Vue.js、uni-app、以及 H5 和 iOS 设备的环境进行开发。
iPhoneX 适配笔记iPhone X 的到来，惊艳的是果粉，苦逼的是程序猿。今天升级到Xcode9.0，运行项目，所谓的全屏 iPhone X，but 页面好像也没有全屏，于是根据之前的适配经验，总算初步解决了这个问题，记录如下，以备后需。 问题：App 未全屏显示解决办法LaunchImage 中添加一个和 iPhone X 相关的启动图片 图片尺寸：1125 * 2436 Contents
2023.2.7更新这是使用Vue制作的一个下划线跟随效果，没有使用其他插件目录1. 制作一个初始的导航栏2. 增加点击样式3. 下划线移动最终代码注意事项这是最终效果↓一开始从网上查其他人的做法，大部分都是使用下边框，或者伪元素+边框的方式去实现。单纯只使用边框的话，边框的长度是根据选项内容的长度去变化的，这一点不是特别好，虽然可以在伪元素里写边框来解决，但是我觉得这么做有个
转载
2023-07-13 15:03:47
110阅读
# Vue适配IOS底部Home键
{
//#ifdef MP-WEIXIN
//只有在微信小程序才执行
let cap = uni.getMenuButtonBoundingClientRect();
return cap
},
uniApp提供了可以获取微信小程序胶囊位置的api 直接调用得到各种胶囊位置的信息首先来看效果图&n
转载
2023-11-09 22:08:15
552阅读
数据类型内存分配简单数据类型又叫做基本数据类型，或者值类型，复杂数据类型又叫做引用类型。值类型：简单数据类型/基本数据类型，在储存时变量中储存的是值本身，因此叫做值类型string，number，boolean，undefined，null引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型，通过new关键字创建的对象（系统对象，自定义对象），如Object、Arr
转载
2024-10-25 17:06:21
25阅读
iphoneX玩王者荣耀的适配问题已经得到官方的解决，不过也有玩家发现了除了黑框以外的其他问题，比如说两侧有黑边，两侧模糊看不清楚等。其实官方在最新版本的补丁中已经做了相关说明，一起来看看具体的问题解决方法。iphoneX玩王者荣耀相关问题：Q：玩游戏容易碰到底部的小横条退回桌面：A：小横条(home键)是可以隐藏哒～路径：【设置】-【通用】-【辅助功能】-【引导式访问】方法：开启【引导式访问】，
转载
2023-11-08 19:23:50
180阅读
# 使用 JavaScript 获取 iOS 底部高度
在现代 Web 开发中，随着移动设备的使用率不断上升，开发者需要适应不同的平台和设备，进行相应的样式调整。特别是在 iOS 设备上，底部的安全区域（Safe Area）常常会影响到网页内容的显示。如果你想要获取 iOS 底部的高度，以便进行样式的调整，下面将为你详细介绍实现的步骤和代码。
## 整体流程
在开始之前，我们先看一下实现的流
在处理移动Web开发时，特别是iOS系统上的Safari浏览器，有一个非常重要的概念，就是“底部安全区域”（Safe Area）。这是因为在某些iPhone上，由于屏幕边缘的设计，特别是刘海及底部的圆角区域，内容可能会被遮挡。本文将详细探讨如何通过CSS适配iOS的底部安全区域，确保我们的网站在各种设备上呈现一致的用户体验。
## 环境准备
在开始之前，我们需要确保安装必要的工具和库，以便为我
app,h5端引入uniapp本身的全局设置中有个iconfontsrc属性 所以只需要 1.iconfont将需要的icon添加至项目 2.下载到本地解压后,将其中的ttf文件,放在static静态目录下 3.在page.json中对全局文件进行配置tabBar(导航图标)“iconfontSrc”: “static/font/iconfont.ttf”, 这个属性是字体目录"tabBar":
# Android 底部导航适配科普指南
在现代移动应用中，用户体验的重要性不断提升，底部导航作为一项重要的UI设计元素，广泛应用于许多Android应用中。它提供了一种直观的方式，让用户在不同界面间快速切换。本文将深入探讨如何在Android应用中实现底部导航，并提供相应的代码示例。同时，我们还将使用Mermaid语法展示旅行图和状态图，以便更好地理解这一过程。
## 1. 什么是底部导航？
原创
2024-10-10 06:33:35
256阅读
## Swift TabBarController底部适配实现指南
作为一位经验丰富的开发者，我将会指导你如何在Swift中实现TabBarController底部适配。在本篇文章中，我将介绍整个实现流程，并提供每一步所需的代码以及对代码的注释。为了更好的理解，我们将使用表格展示整个步骤，并使用类图和旅行图来更直观地展示代码结构和流程。
### 实现流程
下面是实现TabBarControl
原创
2024-01-28 05:43:38
67阅读
在需要适配的页面，元素增加样式。特有的变量safe-area-inset-bottom \ safe-area-inset-bottom建议这种通用性设置，提供一个基础公共组件page. 通过定义插槽 nav \ header \ main \ footer 插入内容。这是一些公共的样式就不用每个页面去设置。.footer {
padding-bottom: 0;
padding-
原创
2024-01-09 11:52:16
129阅读
百度地图入门到放弃Android studio 配置 先创建一个Android 项目百度官网下载开发包下载地址 根据自己的需求选择开发包，他自己也有集成的Demo可以下载参考参考 我需要的以下的开发包3.将下载的开发包复制到自己的工程添加jar包 打开解压后的开发包文件夹，找到BaiduLBS_Android.jar文件将其拷
