牛客910518021号 - 个人主页动态 - 牛客网

发布(35) 评论刷题收藏

2024-01-10 22:07

河南理工大学前端工程师

自定义oh-my-posh主题

{ "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json", "console_title_template": "{{ if .Root }}Admin: {{ end }}{{ .PWD }}", "blocks": [ { "segments": [ { "foreground": "#00C5C7", "properties": { "style": "round", "threshold": 5000 }, "style": "diamond", ...

0 点赞评论收藏

分享

2024-01-10 22:05

河南理工大学前端工程师

pwsh个人配置

Import-Module PSReadLine Set-PSReadlineOption -EditMode Emacs Set-PSReadLineOption -PredictionSource History # 设置预测文本来源为历史记录 Set-PSReadlineKeyHandler -Key Tab -Function MenuComplete # 设置 Tab 键菜单补全 Set-PSReadLineKeyHandler -Key UpArrow -ScriptBlock { # 设置向上键为后向搜索历史记录 [Microsoft.PowerShell.PSConsoleRe...

0 点赞评论收藏

分享

2023-09-26 23:09

已编辑

河南理工大学前端工程师

js监听拖入文件

const fileinput = document.querySelector("#fileinput") document.addEventListener('dragover', (e) => { e.preventDefault() }) document.addEventListener('drop', (e) => { e.preventDefault() const { files } = e.dataTransfer if (fileinput) { if (files.length > 1) { alert("只支持单个文件") } else { conso...

0 点赞评论收藏

分享

2023-08-20 01:35

河南理工大学前端工程师

@alifd/next Balloon 组件小箭头指向问题

@alifd/next Balloon 组件有一个小问题，当trigger位于屏幕边缘时，弹出窗的小箭头指向就不一定能够正确指向trigger了，如下图：trigger4触发的弹窗，小箭头固定显示在弹出窗中间，因为弹出窗右侧紧贴屏幕边缘，小箭头指向就会错位。  修复 BalloonAlt组件 import { Balloon } from "@alifd/next"; import { BalloonProps } from '@alifd/next/types/balloon' import styles from './index.module.scss' import { cloneEl...

0 点赞评论收藏

分享

2024-08-10 11:53

已编辑

河南理工大学前端工程师

VSCode 插件列表

导出已安装 code --list-extensions > extensions.txt  导入安装 Get-Content extensions.txt | ForEach-Object { code --install-extension $_ }  插件和配置 antfu.browse-lite antfu.vite Atishay-Jain.All-Autocomplete be5invis.vscode-custom-css bmewburn.vscode-intelephense-client caolin.java-run carlosJoo.language-stylu...

0 点赞评论收藏

分享

2023-04-10 16:26

河南理工大学前端工程师

JS　从大到小排序

链接 function _sort(array) { // 补全代码 for(var i=0; i< array.length; i++){ for(var j=0;j<array.length-i-1;j++){ if(array[j]<array[j+1]){ let temp = array[j]; array[j] = array[j+1]; array[j+1]=temp; } } } return array; }

0 点赞评论收藏

分享

2023-04-10 16:24

河南理工大学前端工程师

ＪＳ　阻止冒泡事件

链接 <html> <head> <meta charset=utf-8> </head> <body> <ul> <li>nowcoder</li> </ul> </body> <script type="text/javascript"> // 补全代码 let ans = function () { let li = document.querySelector('li') li.addEventListener('click', function (e) ...

0 点赞评论收藏

分享

2023-04-10 16:22

河南理工大学前端工程师

JS 实现全选

链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <style> ul { list-style: none; } </style> <body> <ul> <li>全选<input type='checkbox' id='all'></li> <li>Java<input type='checkbox' class='item'>...

0 点赞评论收藏

分享

2023-04-10 16:21

河南理工大学前端工程师

CSS 定位 - absolute - 评注

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; } article { margin-left: 10rem; } aside { width: 5rem; padding: 1rem; color: white; background-color: pink; border-radius: 0.5rem; position: absolute; //left: 1rem; ...

0 点赞评论收藏

分享

2023-04-10 16:19

河南理工大学前端工程师

CSS 定位 - relative

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; } .left { width: 100px; height: 100px; border: 1px solid red; } .center { width: 100px; height: 100px; border: 1px solid green; position: relative; left: 50px; top: ...

0 点赞评论收藏

分享

2023-04-10 16:18

河南理工大学前端工程师

CSS display flex

order <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } section { display: flex; flex-direction: column; text-align: center; } section img { order: -1 } </style> </head> <body&g...

0 点赞评论收藏

分享

2023-04-10 16:15

河南理工大学前端工程师

CSS 双列布局 - 浮动

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } .container { border: 1px solid black; overflow: hidden; } .left { border: 1px solid black; float: left; width: 100px; } .right { margin-lef...

0 点赞评论收藏

分享

2023-04-10 16:13

河南理工大学前端工程师

CSS display - grid

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } section { width: 500px; text-align: center; display: grid; grid-template-rows: 100px; grid-template-columns: repeat(2, 1fr); grid-gap: 10px...

0 点赞评论收藏

分享

2023-04-10 16:13

河南理工大学前端工程师

CSS display - grid - 区域

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } section { text-align: center; display: grid; grid-template-areas: 'a b c''d e f''g h i'; } section article:nth-child(1) { grid-area: e; } a...

0 点赞评论收藏

分享

2023-04-10 16:11

河南理工大学前端工程师

CSS 双列布局 - grid

链接 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } .container { border: 1px solid black; display: grid; grid-template-columns: 100px 1fr; } .left { border: 1px solid black; } </style> ...

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客企业服务