本文整理匯總了TypeScript中lodash.debounce類的典型用法代碼示例。如果您正苦於以下問題：TypeScript debounce類的具體用法？TypeScript debounce怎麽用？TypeScript debounce使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了debounce類的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: openBookmarkTree
return React.useMemo(() => {
const _toggleBookmarkTree = (bookmarkInfo: BookmarkInfo) => {
if (bookmarkInfo.type === BOOKMARK_TYPES.FOLDER && bookmarkInfo.id !== activeKey) {
openBookmarkTree(bookmarkInfo.id, treeInfo.parent.id)
} else {
closeNextTrees()
}
}
const toggleBookmarkTree = debounce(_toggleBookmarkTree, 300)
return {
handleRowMouseEnter: (bookmarkInfo: BookmarkInfo) => () => {
if (!options[OPTIONS.OP_FOLDER_BY]) toggleBookmarkTree(bookmarkInfo)
const index = treeInfo.children.findIndex((x) => x.id === bookmarkInfo.id)
setHighlightedIndex(treeIndex, index)
},
handleRowMouseLeave: (bookmarkInfo: BookmarkInfo) => () => {
toggleBookmarkTree.cancel()
const index = treeInfo.children.findIndex((x) => x.id === bookmarkInfo.id)
unsetHighlightedIndex(treeIndex, index)
}
}
}, [示例2: debounce
handleScroll: React.useMemo(() => {
if (!isRememberLastPositions) return undefined
const debouncedUpdateLastPosition = debounce(updateLastPosition, 100)
return (evt: ListOnScrollProps) => {
debouncedUpdateLastPosition({
id: treeId,
scrollTop: evt.scrollOffset
})
}
}, [isRememberLastPositions, treeId, updateLastPosition])示例3: render
disposables.push(server.onServerStart(path => {
localDisposables = [];
defaultStatus.text = '$(flame) Running';
defaultStatus.command = 'o.pickProjectAndStart';
defaultStatus.color = '';
render();
function updateProjectInfo() {
serverUtils.requestWorkspaceInformation(server).then(info => {
interface Project {
Path: string;
SourceFiles: string[];
}
let fileNames: vscode.DocumentFilter[] = [];
let label: string;
function addProjectFileNames(project: Project) {
fileNames.push({ pattern: project.Path });
if (project.SourceFiles) {
for (let sourceFile of project.SourceFiles) {
fileNames.push({ pattern: sourceFile });
}
}
}
function addDnxOrDotNetProjects(projects: Project[]) {
let count = 0;
for (let project of projects) {
count += 1;
addProjectFileNames(project);
}
if (!label) {
if (count === 1) {
label = basename(projects[0].Path); //workspace.getRelativePath(info.Dnx.Projects[0].Path);
}
else {
label = `${count} projects`;
}
}
}
// show sln-file if applicable
if (info.MsBuild && info.MsBuild.SolutionPath) {
label = basename(info.MsBuild.SolutionPath); //workspace.getRelativePath(info.MsBuild.SolutionPath);
fileNames.push({ pattern: info.MsBuild.SolutionPath });
for (let project of info.MsBuild.Projects) {
addProjectFileNames(project);
}
}
// show .NET Core projects if applicable
if (info.DotNet) {
addDnxOrDotNetProjects(info.DotNet.Projects);
}
// set project info
projectStatus = new Status(fileNames);
projectStatus.text = '$(flame) ' + label;
projectStatus.command = 'o.pickProjectAndStart';
// default is to change project
defaultStatus.text = '$(flame) Switch projects';
defaultStatus.command = 'o.pickProjectAndStart';
render();
});
}
// Don't allow the same request to slam the server within a "short" window
let debouncedUpdateProjectInfo = debounce(updateProjectInfo, 1500, { leading: true });
localDisposables.push(server.onProjectAdded(debouncedUpdateProjectInfo));
localDisposables.push(server.onProjectChange(debouncedUpdateProjectInfo));
localDisposables.push(server.onProjectRemoved(debouncedUpdateProjectInfo));
}));