干货
crowu_n
这个作者很懒,什么都没留下…
展开
-
scrollIntoView 滚不动
el.scrollIntoView()会将元素滚到窗口可见范围内,包括水平跟垂直当加上参数 behavior: "smooth" 时,在特殊情况下(现在还没搞懂是什么原因),scrollIntoView 会刚刚好地,将元素右边紧贴着窗口右边界,不多也不少(正常情况下是会多出那么一点的)。导致后续的滚动执行了但不生效。解决办法是加上参数 inline: "start"(inline 默认是 “nearest”)。这样可以避免滚动后元素右边紧贴窗口右边界。不会出现滚不动的问题...原创 2021-11-04 11:16:07 · 1769 阅读 · 1 评论 -
vue 二次封装如何做透传+覆盖
<template> <el-pagination v-on="$listeners" v-bind="$props" :layout=" $props.pageSizes ? 'prev, pager, next, jumper, ->, total, sizes' : 'prev, pager, next, jumper, ->,原创 2021-08-10 15:57:14 · 711 阅读 · 3 评论 -
滚动 tab 组件封装
<template> <div class="scroll-tab-wrapper"> <div class="scroll-tab-bar"> <div class="scroll-tab-group"> <div class="scroll-tab-item" v-for="(tab, ind原创 2021-07-30 16:31:50 · 174 阅读 · 0 评论 -
vue踩坑记(随时补充)
slot组件中使用<slot name="header"></slot> <!-- name:具名还是匿名 --><slot :value="value"></slot> <!-- 传递属性:作用域插槽 -->调用<template v-slot:header></template><template v-slot:default="prop"></template>原创 2021-07-21 11:51:34 · 110 阅读 · 0 评论 -
vscode 好用的扩展
Debugger for Chrome:用于 DebugESLint:规范代码Git History:查找提交记录,比对修改GitLens:查看每行代码的提交者,甩锅好手Material Icon Theme:图标主体,这款用的顺手,比默认的好看多了open in browser:在浏览器中打开当前页面,做小 demo 的时候有用,也可以直接使用线上 demo 平台(codepen,codesandbox 等)...原创 2020-12-23 16:48:04 · 377 阅读 · 0 评论 -
git(随时补充)
git merge --abort # merge 遇到冲突时放弃原创 2021-01-14 10:33:47 · 66 阅读 · 0 评论 -
记 控制子元素组件类型 的又一次踩坑
踩了坑不写博客是真的不行呀哈哈哈,这不,遇到的时候又忘了,这次一定记!const Select = (props) => { const options = Children.map( props.children, (child: ReactElement & { type: { isSelectOption: boolean } }) => { if(!child.type || !child.type.isSelectOption) return null原创 2021-01-06 15:53:16 · 65 阅读 · 0 评论 -
linux shell 命令(随时补充)
linux shell 命令(随时补充)字符串1、拼接#!/bin/bashfoo="asd"bar="reheh"str1=$foo$bar #多个变量直接拼接,简单粗暴str2=$foo": "$bar #字符串也是直接拼接str3="$foo: $bar" #双引号也可以统一包裹在最外层str4="${foo}some str, ${bar}blablabla" #给变量名加上大括号,以示变量名边界echo $str1echo $str2echo $str3echo原创 2020-12-09 10:30:46 · 133 阅读 · 0 评论 -
权限控制菜单、路由
...export default class App { ... // 根据权限筛选 filterByRoles = <T extends { sub?: T[], roles?: string[] }> (arr: T[], roles: string[]) => { return arr.reduce((newArr, item) => { // 如果还未获取到 roles,不进行接下来的查找,直接过滤掉 if (!roles)原创 2020-05-14 16:25:01 · 172 阅读 · 0 评论 -
瀑布流布局详谈
一、瀑布流3种布局方式column-count (纯css)flex-box (纯css)js 计算每个元素绝对定位布局优劣:css兼容性差,只能纵向排列,无法应用于动态加载好处是容易写js写起来麻烦,性能差横向排布,能更好地利用空间,可支持动态加载...原创 2020-05-14 10:58:30 · 314 阅读 · 0 评论 -
ListLoader 移动端上拉加载更多组件
import React, { ReactElement, useState, useEffect, useMemo } from ‘react’import { getPageDom } from ‘@client/lib/getPageDom’interface ListLoaderProps<T> { // 每次传入的某页列表 singlePageList: T[]...原创 2020-05-14 11:00:00 · 132 阅读 · 0 评论