移动端适配方案

Tab导航：我的选型逻辑 最近在重构一个项目的Tab导航时，我重新审视了几个常用的实现方案。其实这东西看似简单，但不同场景下选择的技术方案对后期维护和性能影响还挺大的。我主要对比了原生JS、jQuer...

先看效果，再看代码 抽屉编辑（Drawer Edit）最近在我的几个项目里用得挺多，尤其是后台管理系统。简单说就是点击一个按钮，从屏幕边缘滑出一个抽屉式的表单，用来快速编辑内容。亲测有效，用户体验不错...

项目初期的技术选型 这个项目是个内部管理平台，需求不算复杂，但要支持PC端和移动端。一开始我们团队纠结了好几天，到底是用Vue CLI搭一个自定义框架，还是直接上现成的UI库。后来我发现Quasar框...

项目初期的技术选型 这个项目是一个电商后台管理系统，主要功能包括商品管理、订单处理和数据分析。刚开始设计界面布局时，我就意识到需要一个灵活的容器组件来承载这些复杂的功能模块。 我选择了基于CSS Gr...

为什么我要对比这几套方案？ 最近在开发一个交互比较复杂的拖拽组件，需求是让用户能自由调整元素位置、缩放大小，还得支持多点触控。这种场景下，interact.js 是我的首选库之一。不过，为了保险起见，...

为什么我要对比这几个Tag标签方案？ 最近在做一个后台管理系统，里面涉及到一个需求：需要实现一个标签功能，用来分类展示内容。这种场景其实挺常见的，比如电商网站的商品分类、博客的标签云等等。一开始我觉得...

Fixed布局里动态内容撑破容器的问题 今天又遇到了一个fixed定位的高度问题，页面里有个弹窗是固定高度的，结果里面的内容动态加载后直接把底部给顶出去了。之前类似的坑踩过好几次，这次记录下完整的解决...

CSS变量的正确玩法，别再手写一堆重复值了 我之前写CSS就是个灾难现场，颜色值、间距、字体大小这些全凭记忆手写，一个项目下来颜色都不统一，有时候一个按钮的颜色改了，得全局搜索替换十几处。后来用了CS...

移动端滚动穿透，这回彻底搞定了 昨天又被移动端Drawer组件的滚动穿透问题给折腾惨了，写这篇记录一下完整的解决过程。其实之前也遇到过，但每次都是临时应付过去，这次终于下定决心彻底解决。 问题现象就是...

我的写法，亲测靠谱 移动端自适应这事儿，说简单也简单，说复杂也复杂。我在好几个项目里都用过各种方案，最后总结出一套自己觉得比较稳妥的写法。 核心就是 viewport + rem 配合 media q...

先说说为啥要搞Web适配 做移动端开发，适配这个问题真的是绕不过去的大山。我之前接手一个项目，设计师给的设计稿是375px宽的，结果测试同学一测，iPhone 12显示正常，安卓各种机型都乱套了。这就...

先上代码，再聊原理 做移动端项目时，我基本不用 px 写布局了。不是不能用，是太麻烦——不同屏幕尺寸下，字体、间距、容器大小全得手动调，累死。后来我直接上 rem，配合一段 JS 动态设置根字体大小，...

项目初期的技术选型 上个月接了个移动端H5活动页的活，需求挺急，一周上线。页面要适配各种手机，从iPhone SE到安卓大屏都得看起来正常。一开始我也没想太多，直接套了老一套：<meta nam...

为什么我又翻出 flexible.js 这个老古董？ 最近接手一个老项目，发现它还在用 flexible.js 做移动端适配。说实话，我一开始是想直接干掉它，换成现代方案。但一查兼容性要求——得支持 ...

项目初期的技术选型 去年年底接手一个内部管理系统，需求是做一套同时支持桌面和移动端的后台界面。团队人少，工期紧，老板还要求“看起来专业点”。我一开始想用纯 Vue + Element Plus，但测试...

先看效果，再看代码 响应式设计这个概念大家应该都不陌生了，简单来说就是让网站在不同设备上都能有良好的展示效果。今天我就直接从代码开始讲起，先来看看一个简单的响应式布局是怎么实现的。 <!DOCT...

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

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

为啥要对比这几个方案 在前端开发中，Media Queries（媒体查询）是一个非常常用的工具，特别是在响应式设计中。最近我在几个项目中用了不同的Media Queries方案，发现各有优劣，所以决定...

项目初期的技术选型 最近接手了一个新的前端项目，需求是做一个响应式的网站。这个网站需要在不同设备上都能正常显示，从手机到平板再到桌面端，都要有良好的用户体验。一开始我就知道，响应式设计是必不可少的，毕...