Vue里做瀑布流的一个解决方案

应用里需要做一个瀑布流的页面,类似于小红书的首页,今天终于比较完美地把这个页面做完,记录总结一下思路,分享给大家。第一部分:CSS将页面分成左右两列,左边循环一个数组,右边循环一个数组。在data里,给左右两列的div设置一个初始高度...

beforeRouteLeave无法获得this

碰到一个奇葩的事情,使用箭头函数的时候,无法获得this,不使用才能获取,真是无语。// 这样不行 beforeRouteLeave: (to, from, next) => {} // 这样可以 beforeRouteLea...

tailwindcss自定义spacing

官网链接

tailwincss最小化打包

最基础的用法,只需要添加purge如下配置即可,会自动删除没有用到的class,这太牛逼了。// tailwind.config.js module.exports = { purge: [ './src/**/*.htm...

颜色透明度16进制对照表

在这里

webpack-bundle-analyzer用法

安装:npm install -D webpack-bundle-analyzer配置package.json:build里加上--report"scripts": {"serve": "vue-cli-...

useIntersectionObserver 实现数据懒加载

先mark

vue2使用tailwindcss

教程在这里

ios设计规范

宽750状态栏高40px导航栏高88px导航栏功能图标48px*48px标签tab栏高98px全局左右padding 24px卡片距离20px 24px 30px 40px 60px宽1125状态栏高132px导航栏高132px导航栏...

tailwindcss如何自定义字体

首先,如果是引用外部字体的话,需要用<link>把字体引入到head里。其次,head里添加script<script> tailwind.config = { theme: { fon...