html&css布局
14篇文章 · 0订阅
  • 使用Lottie 操作JSON动画
    如何使用Lottie对接设计的动画效果。LottieFile(Figma plugins)导出的动画，并且能让原生APP像使用静态素材一样使用这些动画。
    前端
    使用Lottie 操作JSON动画
  • 返回顶部的多种方法
    目标效果： 锚点和平滑滚动 在 <html> 元素上提供以 ID 为目标的链接 我们可以使用最新的 scroll-behavior 属性来实现 CSS 平滑滚动 查看效果 scrollTo、scrol
    前端
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）
  • 深入理解CSS选择器优先级
    这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…
    CSS 前端 算法
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • Touch UI：基于vue的高质量移动端UI框架
    Hi，我们做了一款高质量的、免费的移动端UI框架。 经过将两年多开发和项目实践，我们终于把Touch UI开放出来了。这是一套基于vue.js打造的移动端UI框架，包含近百种组件，几乎囊括了开发移动应用的所有细节。 Touch UI有何亮点？ 我们认为，一套足够好的移动端UI框…
    Vue.js 微信小程序 APP
    Touch UI：基于vue的高质量移动端UI框架
  • 面试官(6): 写过『通用前端组件』吗?
    设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…
    前端 面试
  • 8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
    前段时间笔者收到可爱漂亮的小册姐姐的邀请，做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》，跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美，首日预售就达到709本，预售仅三日就破1000本。这也让笔者感到惊讶，没想到CSS技术还是那么受倔友们的欢迎…
    HTML CSS
    8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
  • [译] 深入浅出 SVG
    SVG 是优秀且令人难以置信的强大图像格式。本教程通过简单地解释所有需要了解的知识，为您提供 SVG 的概述。 尽管在 21 世纪初被标准化了，SVG（Scalable Vector Graphics 的缩写）是近年来的一个热门话题。 SVG 已经被糟糕的浏览器支持（尤其是 I…
    CSS JavaScript SVG
    [译] 深入浅出 SVG