转换px到rpx

最新推荐文章于 2024-04-23 09:42:25 发布

原创最新推荐文章于 2024-04-23 09:42:25 发布 · 867 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#javascript #前端 #css3

vue 同时被 3 个专栏收录

53 篇文章

订阅专栏

44 篇文章

订阅专栏

微信小程序

27 篇文章

订阅专栏

该博客探讨了在uni-app中如何根据设备信息动态计算并设置组件的paddingTop属性。通过uni.getSystemInfo获取屏幕信息，然后在px2rpx方法中将像素值转换为rem，以便适配不同屏幕大小。这种方法有助于实现响应式布局。

	// :style="{paddingTop:paddingTop+ 'rpx'}" 这里是标签里的



//这里是data里的
			//  data() {
			// 	return {
			// 		paddingTop:'',
				
			// 	};
			// },


//这里是onLoad里的
			// onLoad() {
			// 	uni.getSystemInfo({
			// 		success: res=> {
			// 			console.log("屏幕信息", res);
			// 			this.px2rpx(res.windowTop)
			// 		}
			// 	});
			// },

//这里是methods里的函数
			px2rpx(px) {
				
				// :style="{paddingTop : `${px2rpxs(Custom.bottom)}rpx`}" class="container"
				const system = uni.getSystemInfoSync()
				this.paddingTop= px / system.windowWidth * 750
				console.log(this.paddingTop)
			},

博客等级

码龄6年

100
原创

17
点赞

42
收藏

14
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

上一篇：: uni.getLocation获取省市县

下一篇：: vue跳外连接

最新评论

挂载全局变量 vue3
呱嗨喵: 前端编译工具采用不同语言开发的现象反映了几个关键趋势和技术考量： ### 1. **性能驱动的技术选型** - **系统级语言崛起**：Rust/Go/Zig 的采用（如 esbuild/SWC/Bun）直接针对 Node.js 工具的性能瓶颈。例如： - esbuild 的 Go 并发模型使构建速度比 Webpack 快 10-100 倍 - SWC 的 Rust 实现比 Babel 快 20 倍 - Bun 的 Zig 开发强调启动时间优化（比 Node.js 快 4 倍） - **量化对比**：Rust 的零成本抽象特性使 SWC 能在同等功能下内存占用比 Babel 低 70% ### 2. **混合架构的实践创新** - **分层优化策略**： - Vite 用 Go 编写的 esbuild 处理依赖预打包（比 Rollup 快 5-8 倍），用 JS 实现插件生态 - Parcel 2 将 80% 的性能敏感代码用 Rust 重写（如 source map 生成提速 6x），保留 JS 配置层 - **NAPI 的桥梁作用**：napi-rs 使得 Rust 模块可直接接入 Node 生态，性能损耗 <3%（对比 FFI 的 15-20%） ### 3. **语言特性的精准利用** - **并发模型差异**： | 工具 | 语言 | 并发方式 | 构建提速 | |---------|------|-------------------|----------| | esbuild | Go | goroutine 抢占式 | 92x | | SWC | Rust | 无惧并发+Rayon | 45x | | Bun | Zig | 轻量线程+async | 38x | - **内存安全**：Rust 的所有权机制使 Parcel 的 AST 处理内存错误减少 99% ### 4. **生态系统的博弈** - **安装成功率**： - Go 静态二进制使 esbuild 安装成功率从 npm 的 85% 提升到 99.8% - Rust 的 wasm 支持让 SWC 能在浏览器直接运行（对比 Babel 的 30% 性能损耗） - **开发者体验**： - Zig 的交叉编译让 Bun 单个二进制支持 3 大平台 - napi-rs 的 TypeScript 绑定生成只需 1 行配置 ### 5. **未来演进方向** - **WASM 渗透**：Rust 工具链已实现 95% WASM 支持，使 SWC 能在 Deno/Edge Runtime 运行 - **硬件级优化**：Zig 的 SIMD 支持让 Bun 的模板渲染比 V8 快 2.4 倍 - **元构建系统**：如 Turborepo 用 Rust 实现跨包缓存，使 monorepo 构建速度提升 8x 这种现象本质上是对「JavaScript 工具链性能天花板」的突破实验，各语言通过不同技术路径实现 10-100x 的性能跃升，同时迫使传统 JS 工具（如 Webpack）开始采用混合架构（如 Webpack 5 的 Persistent Cache 提速 5x）。未来可能会看到更多「性能关键部分系统语言+上层 JS API」的混合模式成为标配。

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

呱嗨喵 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。