移动

项目初期的技术选型 最近接手了一个移动Web项目，客户要求是能在跑在各种主流手机浏览器上，包括iOS的Safari、Android的Chrome，还有一些小众但用户量不小的国产浏览器。这个需求一听就知...

先看效果，再看代码 大家好，我是前端老司机。今天跟大家分享一下CSS动画的实战经验。直接上代码，看完效果咱们再详细聊。 @keyframes fadeIn { from { opacity: 0; }...

优化前：卡得不行 最近在做一个移动端的项目，页面上有一个需要大量滚动和拖动的列表。一开始没怎么注意性能问题，结果上线后用户反馈说页面卡得不行，特别是在低端手机上，滑动列表时简直像是在玩幻灯片。这让我非...

先看效果，再看代码 大家好，今天来聊聊我最近用Mocha做测试的一些经验。直接上手吧，先给大家展示一个简单的例子： const assert = require('assert'); const { ...

项目初期的技术选型 最近接手了一个移动端的项目，主要是一个电商应用。这个项目对用户体验要求挺高的，所以我们在性能优化上花了不少心思。特别是FID（First Input Delay），这个指标直接影响...

项目初期的技术选型 这次的项目是一个移动应用，需要在iOS和Android上都能跑。一开始我们考虑过用React Native，但考虑到团队对Web技术栈更熟悉，最后决定用Capacitor。Capa...

为什么我要对比这几个APP支付方案 最近在做一个移动端的项目，涉及到支付功能。说实话，我之前对这个领域的了解不是很深入，这次算是好好研究了一下。市面上有几种主流的支付方案，比如微信支付、支付宝支付、A...

「WiFi调试时页面白屏，连 console 都不打」 今天上线前最后一步：用手机连公司 WiFi 调试 H5 页面，结果点开就白屏——连 console.log('init') 都没跑。不是 404...

谁更灵活？谁更省事？移动端首屏加载性能的三个方案实测 上个月上线一个活动页，用户反馈「点开白屏两秒」，PM当场甩来一张竞品页的Lighthouse截图：首屏渲染 0.8s，我们是 2.6s。我盯着控制...

优化前：卡得不行 上个月接手一个老移动端项目，用户反馈点按钮经常没反应，尤其是 iOS 上。我一开始以为是业务逻辑问题，结果自己用真机测了下——好家伙，点个「提交」按钮，手都快戳穿屏幕了，页面才慢悠悠...

为什么我们要认真对待 touchmove？ 去年我接手一个移动端手势库的重构，本以为只是加个滑动删除功能，结果在 touchmove 上踩了不少坑。iOS 和 Android 对触摸事件的处理差异大得...

在移动端项目中落地按需加载：一次真实的性能优化实战 去年我接手了一个面向三四线城市用户的电商小程序，技术栈是 Vue 3 + Vite + TypeScript。项目初期为了赶上线，很多页面和组件都是...

性能现状：页面卡顿、加载慢，用户流失严重 上个月接手一个移动端的活动页重构任务，打开测试链接的第一反应就是——这页面怎么这么卡？列表滚动掉帧，图片加载半天才出来，点击按钮还有明显延迟。用 Lighth...

在 WebView 中调用原生方法时遇到的 JavaScript 与 Android 通信失效问题 上个月，我在开发一个混合 App 的新功能，前端用的是 Vue3 + Vite，打包后通过 Andr...

TypeScript 入门到实战：前端开发者的实用指南 我最早接触 TypeScript 是在 2018 年，当时团队里一个新项目要上马，老大拍板说「用 TS，别再写裸 JavaScript 了」。说...