移动

谁更灵活？谁更省事？移动端 Transform 的三种写法，我选了最后一个 做移动端动效时，Transform 是绕不开的。但实际项目里，我经常被问：「这个动画用 CSS 写还是 JS 控制？用 tr...

谁更灵活？谁更省事？JSBridge安全方案实操对比 我干了六年 Hybrid 开发，前前后后搭过四套 JSBridge，从最早用 window.WebViewJavascriptBridge 硬塞，...

项目初期的技术选型 去年下半年接了个车载中控屏的 H5 项目，需求很“朴实”：一个横屏仪表盘页面，显示车速、电量、续航、地图缩略图，所有数字和图标必须在不同分辨率设备上保持物理尺寸一致——比如车速数字...

先看效果，再看代码 扫码支付在移动端其实就两件事：生成二维码、等用户扫完回调。但真做起来，你会发现微信和支付宝的 SDK 不兼容、H5 调起原生扫码卡顿、iOS Safari 对 canvas 渲染二...

谁更灵活？谁更省事？ 我做移动端多端适配做了快六年，从最早写 rem + flexible.js 手动算根字体，到后来切 Vue 项目用 postcss-pxtorem 自动转，再到最近两个项目直接上...

项目初期的技术选型 最近接手了一个移动端的项目，客户要求在新发布的iPhone上运行流畅，特别是要适配刘海屏。一开始我心想这有啥难的，不就是搞个适配嘛，结果后来发现事情没那么简单。 开始动手：简单适配...

先上代码，再讲细节 最近在做一个移动项目，遇到了一些HTTPS相关的问题。今天就来聊聊怎么在前端项目中正确使用HTTPS。 首先，来看一段最基本的HTTPS请求代码： fetch('https://j...

项目初期的技术选型 最近我们团队接了一个移动应用的项目，主要是做一个基于Web的轻量级App。客户要求用户体验要尽可能接近原生App，特别是在触控操作上。这对我们来说是个不小的挑战，因为Web端的触控...

项目初期的技术选型 这次的项目是个移动应用，主要目标是提供一个流畅且响应迅速的用户界面。因为要覆盖iOS和Android两个平台，我们选择了React Native作为开发框架。React Nativ...

我的写法，亲测靠谱 在前端开发中，Cache API 是一个非常实用的工具，特别是在移动应用和 PWA（Progressive Web App）开发中。它可以帮助我们缓存资源，提高应用的加载速度和离线...

先看效果，再看代码 最近在搞一个移动端项目，涉及到很多原生交互的实现。今天就来聊聊我在处理touch事件时的一些经验和踩坑点。首先，我们来看一个简单的例子：实现一个简单的拖拽效果。 <div i...

为什么我要对比这几个方案 在移动开发中，手势识别是一个非常重要的功能。我最近在做一个项目，需要处理各种触摸事件，比如滑动、捏合和旋转等。市面上有不少库可以选择，但我主要关注的是Hammer.js和其他...

为什么我要对比这几个方案 最近在做移动端开发的时候，经常遇到调试困难的问题。尤其是在一些老旧的安卓设备上，Chrome DevTools 的体验简直是噩梦。于是我就开始研究 vConsole 这个工具...

为什么我要对比这几个方案 最近在做一个移动端的项目，又遇到了物理像素的问题。这个问题其实挺常见的，但处理起来还是有些坑。今天就来聊聊几种常见的解决方案，看看哪个更好用，哪个有坑。 方案一：直接使用CS...

先看效果，再看代码 在移动端开发中，viewport设置绝对是绕不开的一个话题。如果你跟我一样，经常折腾移动端页面，那这篇文章绝对能帮到你。我直接从核心代码开始讲起，然后补充一些背景知识和注意事项。 ...

条件编译又让我头疼了一把 最近在搞一个移动端项目，遇到了一些条件编译的问题。这个项目需要在不同平台上有不同的行为，比如在iOS上有些功能要禁用，在Android上则需要启用。原本以为这事儿挺简单的，结...

我的写法，亲测靠谱 先说说我在用Kbone时的一些实战经验吧。Kbone是个好东西，能让你的H5页面和小程序无缝切换，但要搞得好也不是那么容易。我一般这样处理： 初始化配置 首先，得搞个初始化配置文件...

项目初期的技术选型 最近搞了个移动应用项目，需要同时支持iOS和Android。一开始想用React Native，但考虑到性能问题和公司内部的熟悉度，最后还是决定用Vue.js搭配uni-app来实...

先看效果，再看代码 今天要聊的是 Tap 事件，这玩意儿在移动端开发中特别常见。直接上代码，亲测有效： document.addEventListener('click', function(even...

为什么要对比这几个方案 在做移动开发时，WebView缓存是一个绕不开的话题。不同的缓存方案会影响到用户体验和性能，所以我决定对比几个主流的方案，看看哪个更适合自己手头的项目。 方案一：使用HTML5...