移动前端 - 收藏集 - 掘金

Sticky Footer，完美的绝对底部 - 前端 - 掘金
写在前面 作过网页开发的同窗想必都遇到过这样尴尬的排版问题：在主体内容不足够多或者未彻底加载出来以前，就会致使出现（图一）的这种状况，缘由是由于没有足够的垂直空间使得页脚推到浏览器窗口最底部。可是，咱们指望的效果是页脚应该一...

[【科普文】二维码的[生成]和[扫码] - 掘金](https://juejin.im/post/58eb05...
做者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，我的博客: https://sunyuhui.com 最近这段时间，团队在作的业务主要和二维码相关，在作的过程当中，发现不论是本身仍是团队里其余同窗，都对二维码...

css sprite雪碧图制做，使用以及相关，图文gif。 - 掘金
写在前面： 在网页制做中，雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是：CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，而后利用css的背景定位来显示须要显示...

标签栏图标，随机背景图，压缩背景 - 掘金
写在前面：本文内容见标题，以前github我的主页每次看到地址栏旁边的小图标默认的样子，都以为丑爆了，前几天终于抽空把这个改了，还有以前背景图片用了一个大壁纸的网址连接，每次读取背景的时候感受要半天那么久，一直想着要弄个反应速度快的！而后我又找到一个好方法。 ...

翻屏类 h5 适配方案：解决宽高自适应难题 - 前端 - 掘金
基于淘宝适配方案flexible + 翻屏h5 适配方案adaptive flexible解读及应用 原文: http://www.w3cplus....

移动端 H5 页面注意事项 - 掘金

1. 单个页面内容不能过多 设计经常使用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。 移动端H5活动页面经常须要可以分享到各类社交App中，经常使用的有 微信、QQ 等。 使用移动设备查看页面时会发现，在微信浏览器中有 顶部导航栏...

有效解决 css sprite 图片使用 rem 单位边角缺失的问题 - 前端 - 掘金
原由 在移动端使用 rem 布局时 sprite 图片也须要用 rem 单位。但因为浏览器对小数单位精度解析的差别，在不一样设备上一些图片看起来会缺了一点点，或者多了一点点.....

【0 基础学习微信小程序】4. 模块化与 page 函数 - 前端 - 掘金
本文为菜鸟窝编辑吴佳林的连载。 菜鸟窝是专业的程序猿在线学习平台，提供最系统的 Android 项目实战课程 微信小程序0基础入门 ...

改造你的网站，变身 PWA - 掘金
最近有不少关于 Progressive Web Apps（PWAs）的消息，不少人都在问这是否是（移动）web 的将来。我不想陷入native app 和 PWA 的纷争，可是有一件事是肯定的 --- PWA极大的提高了移动端表现，改善了用户体验。 好消息是...

移动 web 1px 边框解决方案 - 掘金
在移动端web页面开发中，为了使css中使用的尺寸与设计稿一致，一般会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在IOS设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale ...

谈谈前端人员在项目中的正确沟通方式 - 掘金
做为一个有点想法的web前端从业人员，是从业人员，在项目中不免会跟不一样的角色打交道。有让本身舒服的，也有让本身难受的；有让别人舒服的，固然，也有让别人难受的。咱们固然但愿最好的结果是你们都很舒舒服服地把事情作完作好。这便就是本文要探讨的地方。 项目中的角...

Android可伸缩布局－FlexboxLayout(支持RecyclerView集成) - 掘金
1 . 前言 前几天看到Google官方的博客介绍了Google开源的一个强大的布局－FlexboxLayout，看见第一眼我内心的想法是，卧槽，Android 竟然有这么一个强大的布局。做为一个有好奇心的工程狮，固然第一时间就去试了试手，效果很是赞，所以这...

新年第一发 -- 深刻不浅出 zepto 的 Tap 击穿问题 - 前端 - 掘金
问题来源 年前去阿里面试，过程当中说道了fastclick解决iPhone机器上300ms点击延迟的问题，而后就被问到了zepto的“点击穿透”的现象以及产生这个具体缘由，当时回答的不是很好，主要是没有特别深刻的去研究这个缘由，只是知道有这个现象和问题，...

完美解决 fixed 在手机端的 bug - 前端 - 掘金
1、带input的fixed在ios下失效 在ios下，一个页面若是有fixed浮层，而且浮层里面有input，那么当input focused的时候，fiexed层的位置就会错乱。 ...

移动端实践 - video - 前端 - 掘金
提及video，相信你们并不陌生。对于作过视频方面的小伙伴，特指前端方面的小伙伴，对它更是爱恨交加。由于，video使咱们很方便在移动端播放视频，没必要像PC端那样须要安装一个flash。 video很复杂吗？不，它很简单。要想使...

响应式和自适应的区别 - 前端 - 掘金
玩前端也有几个月了，发现你们广泛混淆了响应式和自适应的概念。先给你们体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/&nbs... 响应式的体验 http://segmen...

自适应设计与响应式网页设计 - 前端 - 掘金
目前很是流行自适应设计与响应式设计，并且常常让人混淆，自适应设计不该与自适应布局混为一谈，它们是彻底不同的概念。 在这先说明下这二者的异同： 自从移动终端飞速发展以来，各类各样的机型日新月异，不少网站的解决方法，是为不一样的设备提供不一样的网页，好比专门...

手机端页面自适应解决方案—rem 布局进阶版（附源码示例） - 前端 - 掘金
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》，意外受到不少朋友的关注和喜欢。但随着时间的推移，该方案已然过期，故为你们介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版） ...

延迟加载 (Lazyload) 三种实现方式 - 前端 - 掘金
定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们以前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些状况下，它还能够帮助减小服务器负载。 举个例子来讲明，当打开淘宝首页的时候，只有在浏览器窗口里的...

封装并实现统一的图片加载架构 - 掘金
前言 对于图片加载框架，你们用到的多是Glide，Picasso或者Fresco，这基本上是主流的图片加载框架，咱们使用它的时候，大都感受如臂使指，简直愉快的不要不要的。可是咱们仍是发现至少有两个问题，以Glide为例，第一，当需求变更，你须要对图片加载失败...

设计无限滚动下拉加载，实践高性能页面真谛 - 掘金
UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上处处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Twe...

「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路 - 掘金本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅。 移动端H5页面rem缩放方案flexible.js兼容375px方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js git...