sc0002的博客

better scroll

sc0002 — Wed, 25 Aug 2021 10:52:57 +0800

#container display flex overflow hidden .left-container position absolute bottom 0 top 224px voerflow hidden #c

TS 定义数据类型

sc0002 — Tue, 27 Jul 2021 11:49:53 +0800

[key:string]:any const someObj:Record = { name1:'zh', name2:'san' } unkown : 代表所有 never : 有但不占位置 null: 就是 null 占位置

Object.keys()

sc0002 — Tue, 29 Jun 2021 11:55:26 +0800

Object.keys() 获取对象自身所有属性 let obj = { ‘a’: ‘123’, ‘b’: ‘456’ } console.log(Object.keys(obj)) //[“a”,“b”]

flattern: Web展平；数据中心网络扁平化；打平

sc0002 — Mon, 28 Jun 2021 16:15:02 +0800

flattern: Web展平；数据中心网络扁平化；打平 const columns = [ {id:1, posts:[{id:'1_1'}]}, {id:2, posts: [{id:'2_1'},{{id:'1_1'}}]} ]

vue中computed的 get与set属性

sc0002 — Mon, 28 Jun 2021 13:24:26 +0800

get : 给计算属性赋值 set：值改变时触发 const inputRef = reactive({ val: computed({ get: () => props.modelValue || "", set: (val) => { emit("update:modelValue", val); }, }), error: false,

js 双叹号 !!

sc0002 — Fri, 25 Jun 2021 15:40:07 +0800

const id = !!route.query.id 转换成 Boolean 判断id是否存在

markdown-it

sc0002 — Fri, 25 Jun 2021 15:10:00 +0800

markdown-it是一个用来解析markdown的库，它能够将markdown代码编译为html代码。 https://markdown-it.docschina.org/#%E7%94%A8%E6%B3%95%E7%A4%BA%E4%BE%8B

css属性 object-fit

sc0002 — Fri, 25 Jun 2021 11:13:43 +0800

https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit

umi useLocation

sc0002 — Wed, 19 May 2021 22:12:09 +0800

import { useLocation } from 'umi'; export default () => { const location = useLocation(); return (

location: {location.pathname}

); };

React.SetStateAction＜never[]＞

sc0002 — Thu, 13 May 2021 16:23:35 +0800

React.SetStateAction

css calc

sc0002 — Tue, 04 May 2021 22:50:35 +0800

height: calc(100vh - 228px);

React.CSSProperties

sc0002 — Sat, 17 Apr 2021 22:35:50 +0800

React.CSSProperties React TS css 类型

TypeScript类型-Partial、Omit

sc0002 — Sat, 17 Apr 2021 22:20:53 +0800

Partial 类型的定义 /** * Make all properties in T optional */ type Partial = { [P in keyof T]?: T[P]; }; interface IUser { name: string age: number department: string } 使用Partial type optional = Partial // optional的结果如下 type

当前日期

sc0002 — Thu, 08 Apr 2021 11:47:09 +0800

Date.now() - Math.floor(Math.random() * 2000)

e.target 和 this 区别

sc0002 — Wed, 17 Mar 2021 10:46:10 +0800

e.target 返回触发事件对象，this返回绑定事件对象

var ul = document.querySelector('ul') ul.addEventListener('click', function(){ //点击 li // 给ul绑定事件 this指向 ul console.log(

js关键字 in 判断对象中是否有某个属性

sc0002 — Tue, 16 Mar 2021 15:38:24 +0800

var obj = {name: 'abc',age: 18}; if('name' in obj){ console.log('yes'); } else { console.log('none'); } //输出“true”

.contains()判断一个元素是否包含另一个元素

sc0002 — Tue, 16 Mar 2021 15:30:41 +0800

它以HTMLElement为参数，且返回布尔值。

var parent = $('parent'); var children = $('children')； console.log(parent.contains(children)) //true console.log(children.contains(parent)) /

pointer-events 阻止用户的点击动作产生任何效果

sc0002 — Tue, 16 Mar 2021 12:52:12 +0800

pointer-events: none 阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的hover和active状态的变化触发事件阻止JavaScript点击动作触发的事件

includes()

sc0002 — Mon, 18 Jan 2021 11:33:16 +0800

const nameFruits = ['a', 'b', 'c']; if (nameFruits.includes('a')) { // 执行代码 }

flex 排列

sc0002 — Tue, 05 Jan 2021 11:51:49 +0800

// html

内容

// css .playlist-container{ display: flex; flex-wrap: wrap; jus