crowu_n-优快云博客

原创 github 提交不了代码

问题fatal: unable to access 'https://github.com/...': Failed to connect to github.com port 443: Timed out解决git config --global http.proxy 127.0.0.1:[你的代理端口]

2022-02-21 22:18:51 597

el.scrollIntoView()会将元素滚到窗口可见范围内，包括水平跟垂直当加上参数 behavior: "smooth" 时，在特殊情况下（现在还没搞懂是什么原因），scrollIntoView 会刚刚好地，将元素右边紧贴着窗口右边界，不多也不少（正常情况下是会多出那么一点的）。导致后续的滚动执行了但不生效。解决办法是加上参数 inline: "start"（inline 默认是 “nearest”）。这样可以避免滚动后元素右边紧贴窗口右边界。不会出现滚不动的问题...

2021-11-04 11:16:07 2084 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 904 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 250

原创 vue踩坑记（随时补充）

slot组件中使用<slot name="header"></slot> <slot :value="value"></slot> 调用<template v-slot:header></template><template v-slot:default="prop"></template>

2021-07-21 11:51:34 173

原创 git（随时补充）

git merge --abort # merge 遇到冲突时放弃

2021-01-14 10:33:47 97

原创记控制子元素组件类型的又一次踩坑

踩了坑不写博客是真的不行呀哈哈哈，这不，遇到的时候又忘了，这次一定记！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 103

原创 vscode 好用的扩展

Debugger for Chrome：用于 DebugESLint：规范代码Git History：查找提交记录，比对修改GitLens：查看每行代码的提交者，甩锅好手Material Icon Theme：图标主体，这款用的顺手，比默认的好看多了open in browser：在浏览器中打开当前页面，做小 demo 的时候有用，也可以直接使用线上 demo 平台（codepen，codesandbox 等）...

2020-12-23 16:48:04 463

原创 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 174

原创权限控制菜单、路由

...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 207

原创 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 194