布局
45篇文章 · 0订阅
  • 数据大屏最简单自适应方案，无需适配rem单位
    是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。
    前端 JavaScript 设计
    数据大屏最简单自适应方案，无需适配rem单位
  • 2022 年移动端适配方案指南 — 全网最新最全
    由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案
    前端 架构
    2022 年移动端适配方案指南 — 全网最新最全
  • 微信小程序组件开发——可视化电影选座
    目前市场上许多的电影购票app和小程序中，为了让观众老爷们在线上更好地选择自己心怡的位置，方便可视化的选座数据必不可少，在此， 让我们一起来看看这个好用的可视化选座组件吧!
    前端 微信小程序
    微信小程序组件开发——可视化电影选座
  • CSS flex 排版与动画 — 重学 CSS
    同学们好，我是来自 《技术银河》的 💎 三钻 。 上一部分我们讲到了盒、盒模型和整个正常流中的所有重要知识点和问题。这一部分我们来了解一下 Flex 排版的详细知识。 在之前的《实现中学习浏览器原理》篇章中，其实已经有了比较详细的接触到 Flex 排版的知识。这里我们基本上是…
    CSS
    CSS flex 排版与动画 — 重学 CSS
  • rem, vw, 还是...? 各凭本事的移动端适配方案
    2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)…
    CSS 前端 HTML
  • Grid —— CSS网格布局初探
    主要内容： 1.较详尽地讲解了CSS3 Grid Layout的基本知识 2.每个属性都配有一到两个例子，方便查看效果及亲手调试
    CSS
    Grid —— CSS网格布局初探
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • 聊一聊几种常用web图片格式：gif、jpg、png、webp
    在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…
    WebP 图片资源 前端
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • 9102了，你还不会移动端真机调试？
    很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在…
    JavaScript 前端