一、React中key值得作用react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的，而是给React自己使用，有了key属性后，就可以与组件建立了一种对应关系，简单说，react利用key来识别组件，他是一种身份标识，就像每个人有一个身份证来做辨识一样。每个key 对应一个组件，相同的key react认为是同一个组件，这样后续相同的key对应组件都不会被创建key值相同如果两个
转载
2024-04-18 23:25:55
35阅读
Redux 是「React 全家桶」中极为重要的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 Redux 本身足够简单，除了 React，它还能够支持其他界面框架。所以如果要将 Redux 和 React 结合起来使用，就还需要一些额外的工具，其中最重要的莫过于 react-redux 了。react-redux 提供了两个重要的对象， Provider
转载
2024-10-10 16:23:52
37阅读
Concurrent ModeConcurrent Mode（以下简称 CM）翻译叫并发模式，这个概念我已经听了好多年了，并且一度非常担忧React 官方憋了好多年的大招，会不会是一个破坏性不兼容的超级大版本？就像 VUE v3 和 v2。现有的生态是不是都得跟着大版本升级？比如 ant design，ahooks 等。随着对 CM 的了解，我发现它其实是人畜无害的。CM 本身并不是一个功能，而是
``` (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (documen...
转载
2019-01-02 12:10:00
233阅读
2评论
# Android 手机适配
在当前的移动应用开发领域中，Android 手机的适配问题是一个非常重要的话题。由于Android手机市场的碎片化特性，开发人员需要确保他们的应用程序在不同的设备上具有良好的兼容性。本文将介绍Android手机适配的概念和相关技术，并提供一些示例代码来帮助开发人员更好地理解和应对这个问题。
## 什么是Android手机适配？
Android手机适配是指开发人员
原创
2024-02-03 06:50:18
71阅读
# OpenHarmony适配手机
## 介绍
OpenHarmony是由华为公司开发的一款开源操作系统，旨在提供一个统一的开发平台，使开发者能够快速、有效地开发应用并在多种设备上运行。其中，适配手机是OpenHarmony的重要任务之一。
## 手机适配过程
手机适配是指将OpenHarmony操作系统适配到各种手机设备上，并确保其正常运行。适配过程主要包括以下几个步骤：
1. **硬
原创
2024-01-10 04:23:04
197阅读
前言：屏幕适配说白了就是将设计图按宽或高进行整体等比缩放。方案：如设计图分辨率（宽360px，高560px），手机屏分别率（宽1080px，高1920px），按宽进行适配需要将设计图的控件尺寸宽高等比放大（手机屏宽1080px / 设计图宽360px = 3）倍，而获取xml中定义的所有控件再分别对宽高放大3倍，这操作我们通过代码实现，显然很繁重，然而我就将这部分工作交给系统，要知道控件在系统中宽
前言，本片文章是我阅读了众多移动端适配整理出来的博客，红色字体属于我个人的理解，如有错误希望大佬们能纠正，谢谢1、为什么要移动端适配？一般情况下设计稿的设计师按照一定的尺寸设计，然而，在现在移动终端（就是手机）快速更新的时代，每个品牌的手机都有着不同的物理分辨率，这样就会导致，每台设备的逻辑分辨率也不尽相同，此时357的设计稿，如果想要还原那基本是不可能了，因为如果一个左右布局，左边如果写死，右边
rem适配一, 网易适配方法 屏幕宽度/设计稿rem宽度=页面动态font-size值（如：375/7.5=50） document.documentElement.style.fontSize = document.docum
转载
2024-06-30 12:29:26
122阅读
前言总结一下Android适配主要表现在以下 3个方面：1、屏幕适配。（网上讲的最多的就是这个。） 由于Android碎片化严重，导致开发中一套代码在不同手机上运行起来效果不是很好，兼容性不是很好，这就需要对不同分辨率，不同屏幕大小的手机做屏幕适配。2、版本适配。 不同的系统版本api有所变更，既要适配高版本，也要做到兼容低版本。3、ROM适配。（这个是最难的，工作量也是最大的，如果没有不同版本手
转载
2023-07-27 16:25:37
935阅读
前言搭一个脚手架真不是一件容易的事，之前为了学习webpack是怎么配置的选择自己搭建开发环境，折腾了好几天总算对入口文件、打包输出、JSX, es6编译成es5、css加载、压缩代码等这些基础的东西有了一个大体的了解。后来有一次组内分享技术，我作死的选择了webpack，为了看起来高大上又去折腾它的按需加载、怎样处理第三方插件、拆分CSS文件、利用Happypack实现多进程打包等等。彻底把自己
第一步 ： npm install lib-flexible postcss-pxtorem -S 第二步： 运行指令展示出 webapck.config.js 文件 npm run ejectAre you sure you want to eject? This action is perman ...
转载
2021-04-23 16:29:00
1448阅读
2评论
华为5G折叠屏幕的发布，迎来新的一个设备——移动端的折叠设备华为Max;华为Max设备分辨率有以下几种8.0，6.8，6.38，这三种场景下页面展示都是不一样的表现，需要我们在开发中注意监听屏幕变化，来动态加载我们的页面，更换场景；华为官网展示了华为Max的多屏幕操作，从前端而言：这需要我们做好不同屏幕下业务呈现的多样性，以及交互的流畅性；5G的来领，数据传输极大提升，视频下载速度会提高，html
转载
2023-07-15 19:36:46
670阅读
前言Android 系统能发展到今天，离不开其开源性，但是随着越来越多的设备接入 Android 系统，并对 Android 系统进行各种各样的定制，导致长期以来出现了各种碎片化严重的问题。例如，Android 屏幕尺寸多种多样，如 5 寸、5.9 寸、6 寸、6.1 寸 等等，当然，屏幕分辨率也是多种多样，这很容易导致同一元素在不同手机上显示的效果不同的问题，因此，Android 应用开发中的屏
转载
2023-06-30 19:06:40
579阅读
自动适配手机网页 适配手机的网站网页 网页自动适配Category：xy309 Time：2012-11-21 8:54:26 点击：14次 Sourc
原创
2013-03-14 16:08:49
193阅读
屏幕的适配一.什么是屏幕适配1.定义：简单说就是解决在不同屏幕尺寸中使其尺寸单位，图片，文字，依然出现预期的效果。注意：屏幕的适配实际上就是在res文件夹中创建不同的文件夹2.重要的概念在了解屏幕适配之前我们要了解屏幕的尺寸，分辨率，等等重要概念。屏幕尺寸 含义：手机对角线的物理尺寸 单位：英寸（inch），1英寸=2.54cm Android手机常见的尺寸有5寸、5.5寸、6寸等等屏幕分辨
转载
2023-11-07 11:07:12
280阅读
二、Android客户端的适配测试主要从几个方面覆盖在测试中：我们需要尽量逼真用户的使用场景、作为产品的第一用户来使用来测试。适配测试：主要是从手机分辨率和系统版本两个方面入口；结合最开始我给大家看的几个图，可以总结出我们在日常测试中的需要覆盖的范围。(1)手机分辨率：320*240、480*320、800*480、854*480、960*540等；(2)手机系统覆盖：2.3.*、2.2、4.0；
转载
2023-10-15 09:57:39
17阅读
# Android 平板适配手机的实现指南
在 Android 开发中，适配不同屏幕尺寸尤其重要。高效的适配会提升用户体验，确保在不同设备上都能访问到应用的所有功能。接下来，我们将提供一个详细的流程和代码示例，帮助你了解如何实现“Android 平板适配手机”。
## 流程概述
以下是适配流程的基本步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 理解布局的基
原创
2024-10-14 04:55:06
108阅读
## Android手机屏幕适配指南
作为一名经验丰富的开发者，我将向你介绍如何实现Android手机屏幕适配。在这篇文章中，我会逐步介绍整个流程，并提供必要的代码示例以帮助你更好地理解。让我们开始吧！
### 流程概述
首先，让我们来看一下实现Android手机屏幕适配的整体流程。下表展示了适配的主要步骤及每个步骤需要做的事情。
| 步骤 | 操作 |
| ---- | ---- |
|
原创
2024-04-14 05:15:01
47阅读
# Android 手机平板适配
在开发 Android 应用程序时，我们经常需要确保我们的应用程序能够适配不同大小和分辨率的设备，包括手机和平板电脑。Android 提供了多种方法来实现屏幕适配，以确保应用程序在各种设备上都能够正常运行。
## 布局适配
为了实现屏幕适配，我们需要使用不同的布局文件来适配不同大小和分辨率的设备。Android 提供了多种布局文件目录，例如`layout`、
原创
2024-06-01 06:12:35
83阅读
