StickyFooter，完美的绝对底-前端-掘金写在前面做过web开发的同学一定遇到过这样尴尬的排版问题：主要内容不够或者之前没有完全加载时，就会造成这种情况（图1），因为没有足够的垂直空间将页脚推到浏览器窗口的底部。不过我们期望的效果是页脚应该是一个...[【科普】二维码【生成】和【扫码】掘金】(https://juejin.im/post/58eb05...作者：孙辉，美团金融前端团队成员，2015年毕业后加入美团，他相信技术，认为技术在世界上只是一种知识。个人博客：https://sunyuhui.com最近团队做的业务主要是和二维码相关的，在做的过程中发现无论是我还是团队其他同学都对二维码很熟悉...csssprite精灵制作,使用及相关,图文gif.-掘金写在前面：在网页制作中，Sprite也是前端攻城狮必须掌握的小技巧，百度词条对Sprite的解释是：CSSSprite即CSSSprite，也有人称它为CSSsprite。一种CSS图片合并技术，方法是将小图标和背景图片合并为一个图片，然后利用css的背景定位来显示需要显示的...标签栏图标，随机背景图，压缩背景-掘金写在前面：本文内容见题。每次看到github个人主页地址栏旁边小图标默认的样子，都觉得丑。前几天终于抽空改了这个，用的是以前的一张背景图。大壁纸的网址链接，感觉每次看背景都要半天，一直想着快点回复！然后我找到了一个好方法。...翻屏h5适配解决方案：解决方案宽高自适应问题-前端-掘金基于淘宝适配方案flexible+翻页h5适配方案adaptiveflexible解读及应用单页内容不宜过多设计通用尺寸:750x1334/640x1134，包括手机顶部信号栏的高度。手机H5活动页往往需要能够分享到各种社交APP，常用的有微信、QQ等。当你使用移动设备查看页面时，你会发现微信浏览器中有一个顶部导航栏...有效解决csssprite图片使用remunits-前端-掘金引起的缺角问题移动端使用rem布局，sprite图片也缺少rem单元。但由于浏览器对小数单位精度分辨率的差异，部分图片在不同设备上可能会出现少了点或多了点……【0基础学习微信小程序】4.模块化与页面功能-前端-掘金本文为菜鸟窝小编吴家林的连载。菜鸟巢是一个专业的程序员在线学习平台，提供最系统的Android项目实战课程微信小程序0基础介绍...改造你的网站，把它改造为PWA——掘金最近有很多ProgressiveWebApps(PWAs)新闻，很多人都在问这是否是（移动）网络的未来。我不想陷入原生应用和PWA的争论，但有一点是可以肯定的——PWA极大地提升了移动端的性能，提升了用户体验。好消息是...移动端网页1px边框解决方案-掘金在移动端网页开发中，为了让css中使用的尺寸与设计稿保持一致，通常会使用rem单元配合lib-flexible来实现移动端adaptation，在IOS设备上，flexible.js会根据设备的分辨率动态调整viewport的宽度和比例。。。说说项目中前端人员正确的沟通方式——掘金，作为web前端-endpractitioner带着一些idea，都是Practitioners，难免要应对项目中的不同角色。有让你舒服的事，也有让你不舒服的事；有让别人舒服的事，当然也有让别人不舒服的事。当然，我们希望最好的结果是每个人都能舒舒服服地把事情做好。这就是本文将探讨的内容。项目一角...Android可扩展布局——FlexboxLayout（支持RecyclerView集成）——掘金一、前言前几天看到谷歌官博介绍了谷歌开源的一款强大的布局——FlexboxLayout。心里的想法是，靠，安卓居然有这么强大的布局。作为一个好奇的工程狮子，当然第一时间尝试了，效果很好，所以这...新年第一帖--zepto的Tap击穿问题-前端-掘金问题的根源我几年前去阿里面试过。过程中说fastclick解决了iPhone机300ms点击延迟的问题。然后问了zepto的“点击渗透”现象以及具体原因。当时的回答不是很好。主要原因是我没有深入研究原因。我只知道有这个现象和问题。完美解决了固定在手机上的bug。如果有一个固定的浮层，浮层中有一个输入，那么当输入被聚焦时，固定层的位置就会错乱。...移动实践-视频-前端-掘金说到视频，相信大家都不陌生。对于做过视频的朋友，尤其是前端的朋友，更是又爱又恨。因为视频让我们在移动端播放视频非常方便，不需要像PC端那样安装flash。视频复杂吗？不，这很简单。做...响应式和自适应的区别-前端-掘金玩了几个月前端，发现大家普遍混淆了响应式和自适应的概念。先让我体验一下responsive和adaptive的区别，请放大缩小试试屏幕Adaptiveexperiencehttp://m.ctrip.com/html5/&nbs...Responsiveexperiencehttp://segmen...AdaptiveDesignandResponsiveWebDesign-Front-end-Nuggets自适应设计和响应式设计是目前很流行的，但也经常混淆。自适应设计不应与自适应布局混淆，它们是完全不同的概念。先说说两者的异同点：自移动终端飞速发展以来，各种机型突飞猛进。很多网站的解决方案是针对不同的设备提供不同的网页，比如专门...移动端页面自适应解决方案——高级rem布局（附源码示例）-前端掘金一年前，作者写了一篇文章《手机端页面自适应解决方案—rem布局》，没想到受到了很多朋友的关注和喜爱。但是随着时间的推移，这个方案已经过时了，所以我介绍一个目前强烈推荐使用的更完美的方案——rem布局（进阶版）...Lazyload三种实现方式-前端-掘金定义:Lazyloading也称为惰性加载，即在长网页中延迟加载图片。视口外的图像在用户滚动到它们之前不会加载。这与图片预加载相反，在长网页上使用延迟加载会使网页加载速度更快。在某些情况下，它还可以帮助减少服务器负载。举个例子说明一下，在打开淘宝首页时，只有浏览器窗口中的...封装并实现了统一的图片加载架构——掘金前言图片加载框架可以使用Glide、Picasso或Fresco，这是基本上是主流的图片加载框架。当我们使用它的时候，大多数人都觉得可以用手指来操作，简直是惬意。但是我们还是发现了至少两个问题。以Glide为例。一、需求变化时，需要加载图片失败...设计无限滚动和下拉加载，践行高性能页面精髓——UX星球论坛上的掘金有这么一篇火爆的文章：InfiniteScrollingBestPractices，从UX角度分析无限滚动加载的设计实践。无限滚动加载在网络上到处都有应用：豆瓣首页一个，Facebook的Timeline一个，Twe...《前端》rem缩放解决方案flexible-js兼容375px解决思路-掘金本文来自尚庄前端teamNanyang发表于上庄github博客，欢迎订阅。移动端H5页面rem缩放解决方案flexible.js兼容375px解决方案参考：移动端高清、多屏适配解决方案viewport-and-flexible.jsflexible.jsgit...
