页面组件布局
6篇文章 · 0订阅
  • 2020更新，Vue仿探探拖拽卡片的效果
    类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…
    Vue.js 前端
    2020更新，Vue仿探探拖拽卡片的效果
  • 干货!各种常见布局实现+知名网站实例分析
    阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…
    CSS 前端
  • 从王者荣耀里我学会的前端新手指引
    在王者的世界里，不仅仅只有快乐，还能搞学习，让你成为快乐而又富有知识的人。这其中的功臣，这不得不说的就是它的新手指引。 为什么这么说呢？我们先来看几张图。 没错，上面的就是王者荣耀的新手引导，手把手教学，还有妲己美妙的声音。 整个过程大约 2分钟。它使用了多种引导方式，蒙层引导…
    CSS 前端
    从王者荣耀里我学会的前端新手指引
  • 或许这就是下一代组件库
    自 react、vue 等数据驱动的框架流行以来，诞生了许多相关组件库，但这些组件库的编程模式基本都是大同小异，虽然这些年都在不断迭代，但除了功能更加丰满，长相更加好看之外，也基本上没有什么质的变化。在 material、antd 等垄断地位下，也很少有个人或公司去选择做组件库…
    Vue.js 前端
    或许这就是下一代组件库
  • 前端变色方案
    随着IOS深色模式的普及，众多App支持了白天/深色主题。当然Web页面也可以做到。 懒人做法，可以通过改变<html>标签即整个页面的输出亮度实现夜晚变暗的效果，值为0-1，0表示全黑。效果上其实就是加了个黑色带透明度的蒙层。 简单粗暴、效果单一，兼容性尚可。但是有…
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案