Unsplash 在小程序样式表中，我们绝大多数的长度单位都设置成 rpx，而不是我们常见的 px，使用 rpx 小程序会自动在不同的分辨率下进行转换，而使用 px 为单位则不会 UI 同学给我们的视觉稿一般是以 i6 为标准进行设计的， ...

第一问 弹性盒子中 flex: 0 1 auto 表示什么意思 三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis，默认值为 0 1 auto。 1.flex-grow 属性定义项目的放大比例，默认 ...

原文地址 作者：Nicholas Zakas 在Web开发人员使用的工具中，Web Storage（http://dev.w3.org/html5/webstorage/）迅速成为了HTML5新增的最受欢迎的功能。具体来说，localSto ...

大多数野生程序员最棘手的问题就是如何依靠技术解决温饱，通俗来讲就是技术折现的问题。如果是单纯出于兴趣，或者只是为了突击某一阶段或者某一项目技术壁垒，不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时，一切都就另当别论了。 ...

这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画，下面具体讲一下3种动画的实现方式。 tran ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

把你的注意力从方法和技术的洪流中移开一会，你就可能会错过什么！上周我遇到我的一个前端开发朋友，他很兴奋地跟我谈论他使用的一些新工具。其中最有意思的是使用 Grunt 来编译 SCSS。人们很容易忘记不是每个人都和你走在同一条路上。他们或是有 ...

这是近期的一个 h5 项目，由于某些原因，预览地址不能放出来。不过这不是重点，没有 demo 不就可以好好看文章了吗 哈哈哈~ 文中提到的 pixi 是 pixiJs，精灵是 pixiJs 中的概念。阅读本文假设你已经知道了这些东西，不过这 ...

background-size 属性规定背景图像的尺寸。 先看看W3C的解释： background-size：contain；等比缩放，按照某一边来覆盖显示区域的，若区域大于图片的比例，会有白边，图片不会变形 图片右边有空白区域 back ...

现代浏览器都支持flex布局，而且flex布局用起来非常简单，好用。所以今天我们就详细的记录下平时常用的flex语法。 一、什么是flex布局 flex其实是flexible box的缩写，即为“弹性盒子“，任何一个容器都可以指定为flex ...