- 博客(4)
- 收藏
- 关注
原创 微信小程序 使用Vant 构建npm提示 找不到文件夹无法构建
问题如图:复现描述我的npm init是在项目文件夹的根目录VantJS官方文档:就一直提示找不到miniprogram文件夹miniprogramNpmDistDir应该指向你文件的根目录我的根目录就是'./'改成这样即可
2021-05-31 15:14:51 609 1
原创 【React hooks】获取state的旧值 || 上一轮的state或props
描述:在使用setState更新值的同时,需要通过旧值进行某些操作需求:在使用Hooks进行开始时,如何拿到旧值/上一轮的值Code:公用hook:import { useRef, useEffect } from 'react';// 记录旧值的公用hooksexport default function usePrevious(value) { const ref = useRef(); useEffect(() => { ref.current = value;
2021-05-31 13:58:29 5430
原创 原生CSS瀑布流写法:flex,position,column-count,效果图及缺点
原生CSS瀑布流写法1. 设置column-count:原理: 将子元素分两列展示,从而实现简单的瀑布流布局效果:缺点:纵向布局,和现在市面以及用户的使用习惯不符需要一次性拿到所有数据(与瀑布流的数据处理方式不符)2. 使用flex布局code:display:flex;flex-wrap:wrap原理: 超出一行的向下横向布局效果:缺点: 虽然是横向布局,但是每一行是不能上下插空3. 使用position:absolute效果:原理: 计算每一个块的位置,赋
2021-05-18 13:59:50 810
原创 H5,小程序中实现小红书式排序 瀑布流(横向排序) macy插件实际使用
需求:瀑布流排序非等长的块级一排两个样式图如下:(先直接讲解决方案,后续放原生3种方式的缺点,有兴趣往后看)解决方案:使用 Macy.js 插件官网:http://macyjs.com/优点:体积小,仅4KB无需依赖jQuery可配置化强,一句话可解决瀑布流显示Code:JS使用// react Hook中的使用 useEffect(() => { // 瀑布流设置 var masonry = new Macy({ contain
2021-05-18 13:56:29 2223 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人