移动端
15篇文章 · 1订阅
  • 如何解决移动端 Retina 屏 1px 像素问题 ？
    ## 什么导致了 1px 问题？ 在移动端 Web 开发中，UI 设计稿中设置边框为 1 像素，前端在开发过程中如果出现 `border:1px` ，测试会发现在 Retina 屏机型中，1px
    SVG 前端
  • 移动端尺寸：设备像素、css像素、屏幕尺寸、像素密度(PPI)、像素比(DPR)
    设备像素(又叫物理像素) 由一个个发光的点组成，通过控制每个点的颜色，屏幕就会显示不同的颜色； 屏幕上有多少个点就用分辨率表示；屏幕从出厂开始，点的数量就固定了； 比如：华为mate40 的分辨率为2
    CSS 前端
  • 如何利用vw+rem进行移动端布局
    因为在公司，只有一个前端，在做移动端布局的时候。利用px进行布局,发现，需要进行各种手机的适配。 所以在开发第二版的时候，想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事，会有一些字体和一些诡异的问题。 在无意中，突然一个网友跟我说，他有一个很好用的适…
    CSS JavaScript 前端
  • 最简单的移动端适配方案(rem+vw)--没有之一
    rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题…
    CSS JavaScript 前端
  • 移动端适配 vw+rem 解决方案
    rem（font size of the root element）是相对长度单位。 相对于根元素（即 html 元素）font-size 计算值的倍数。 适配原理：将 px 替换成 rem，动态修改 html 的 font-size 适配。 也就是说最低兼容到 375 像素的…
    前端
  • H5唤起APP指南(附开源唤端库)
    前一段时间在做一些H5页面，需求中落地页占比较大，落地页承担的职责就是引流。引流有两种形式，同时也是我们对唤端的定义：引导已下载用户打开APP，引导未下载用户下载APP。 引导已下载用户打开APP，从数据上说用户停留在APP中的时间更多了，是在提高用户粘性；从体验上说，APP体…
    JavaScript iOS Android
  • 【移动端适配】用vw、vh＋媒体查询打造最完美的移动端适配方案
    从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…
    前端
  • 基于 vue 的移动端页面可视化搭建工具思路
    首先我承认我标题党了。。。与其说是可视化搭建工具，不如说是可视化生成页面配置工具，即用拖拽的方式生成页面配置，再通过框架的动态组件的方式，基于配置，生成页面。 现在的公司，一个个都开始整自己的组件库，组件库搭建好以后，通过业务积累、聚合基础组件及抽象部分业务代码，又会产出复用性…
    Vue.js
  • 上拉加载下拉刷新了解下
    我一个一个进行分析，然后带你们入坑。
    前端 GitHub 容器
  • BetterScroll：可能是目前最好用的移动端滚动插件
    作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动…
    Vue.js JavaScript 前端
    BetterScroll：可能是目前最好用的移动端滚动插件